中文Dreamweaver 8网页设计与制作

利用Dreamweaver8软件制作网站摘要：Dreamweaver8是建立Web站点和应用程序的专业工具。

它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

本文在实施制作过程中充分的体现出了Dreamweaver8的强大功能。

本文主要分为四各部分。

第一部分介绍Dreamweaver8，第二部分讲述利用Dreamweaver8制作网站的主要过程与步骤，第三部分讲述在运用Dreamweaver8时需注意的一些地方与一些心得。

前言Dreamweaver是美国Macromedia公司开发的集网站制作和网站管理于一身的所见即所得的网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Dreamweaver是专业可视化网站开发的先锋。

在2000年，为了响应Web开发者中越来越普遍的服务器技术，Macromedia推出了Dreamweaver UltraDev。

此产品提供了Dreamweaver的功能和用于采用ASP、JSP、ColdFusion 创建Web应用程序工具的功能。

Dreamweaver8是在旧版本的基础之上构建的，通过在主要领域（如XML和CSS）扩展功能并简化工作流程来帮助用户在最短时间内完成更多工作。

通过支持最新的专业设计方法，Dreamweaver8采用Web社区所使用的强大的开放式、基于标准的开发。

Dreamweaver8还支持所有主要服务器技术，包括ColdFusion、PHP、ASP、和JSP，使所有技术级别的开发者的设计都栩栩如生。

一、Dreamweaver8特点Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。

Dreamweaver8中文版网页制作基础课程设计课程范围本课程旨在教授Dreamweaver8软件的基础知识，包括网页制作的基础知识、网页设计的基本原则、标记语言和样式表的应用，以及交互设计的概念和技能。

具体而言，学生将学习以下技能：1.熟练掌握Dreamweaver8软件的常用菜单和工具2.了解HTML、CSS、JavaScript编程语言的基础知识3.能够使用HTML语言建立网页的框架结构、插入多媒体元素和超链接4.能够使用CSS语言为网页添加样式和布局5.能够使用JavaScript语言进行简单的交互设计教学方法本课程采用理论教学和实践教学相结合的方法。

在课堂上，老师将结合案例分析和操作演示来讲解理论知识，并设置相关练习来帮助学生巩固所学的知识。

在实践环节，学生将根据老师的指导自行制作网页，并展示自己的成果。

在课程结束后，学生将提交一个网页设计作品，并进行评分和点评。

教学安排本课程共分为10个单元，每个单元包括理论讲解和实践环节。

具体教学安排如下：单元1：Dreamweaver8软件介绍和安装1.Dreamweaver8软件介绍2.Dreamweaver8软件安装与配置3.Dreamweaver8主界面介绍单元2：网页与网站基础知识1.网页的基本概念和类型2.网站的基本结构3.网页设计的基本原则单元3：HTML语言基础1.HTML语言介绍2.HTML语法规则和标签3.HTML文档结构单元4：HTML语言进阶1.HTML链接和嵌入对象2.HTML表格和表单3.HTML图像和图像映射单元5：CSS语言基础1.CSS语言介绍2.CSS语法规则和选择器3.CSS样式和优先级单元6：CSS语言进阶1.CSS盒模型和布局2.CSS动画和过渡3.CSS响应式设计单元7：JavaScript语言基础1.JavaScript语言介绍2.JavaScript语法规则和语句3.JavaScript变量和数据类型单元8：JavaScript语言进阶1.JavaScript函数和对象2.JavaScript事件和事件处理3.JavaScript DOM和jQuery库单元9：网页交互设计1.网页交互设计概念和原则2.网页交互设计工具和方法3.网页交互设计案例分析单元10：综合实践和评估1.自主设计网页2.网页制作实践3.网页作品评估和点评教学要求1.学生需要自备Dreamweaver8软件和相关教材2.学生需要参加所有的课程和实践环节3.学生需要完成作业和网页设计作品4.学生需要积极参与讨论和问答环节评分标准1.准时到课和积极参与讨论和问答环节（10%）2.网页制作作业（40%）3.网页设计作品（50%）。

d re a m w e a v e r8网页设计教程本页仅作为文档封面，使用时可以删除This document is for reference only-rar21year.March《dreamweaver8网页设计》目录第一章遨游DREAMWEAVER8精彩世界错误!未定义书签。

第二章创建与规划站点错误!未定义书签。

第三章文本及其格式化错误!未定义书签。

第四章表格错误!未定义书签。

第五章图像错误!未定义书签。

第六章框架错误!未定义书签。

第七章页面布局视图的使用错误!未定义书签。

第八章链接错误!未定义书签。

第九章层与时间轴错误!未定义书签。

第十章表单错误!未定义书签。

第十一章行为错误!未定义书签。

第十二章制作动态页面错误!未定义书签。

第十三章代码片断、库项目和模板错误!未定义书签。

第十四章网页的制作错误!未定义书签。

第十五章网站的测试与上传错误!未定义书签。

第十六章使用FIREWORKS 8处理网页图像错误!未定义书签。

第一章遨游Dreamweaver8精彩世界课题：Dreamweaver8简介及创建文档一、教学基本内容1、Dreamweaver8 的工作界面2、建立html文档二、课型：新授课三、课时：2个课时四、教学重点与难点重点：熟悉Dreamweaver8工作界面中各个工具的作用难点：1、各个面板的调用2、建立一个HTML的网页3、插处图像五、教学目的1 、对Dreamweaver这个制作网页的工具及网页有一定的认识，激发学生学习网页设计的兴趣2、一定要学会建立一个空白网页3、会对页面有一个简单的设置六、教学过程1、引入（1）为什么要用Dreamweaver而不用FrontpageDreamweaver是Macromedia公司的出品，它以程序小、运行速度快、所制作网页代码少这些优点，赢得了网页制作人员的喜爱。

（2）相关工具的介绍因为这是第一节网页制作课，所以首先要简单介绍下制作网页的一些相关工具，比如与Dreamweaver合称为网页三剑客的Flash和Fireworks。

macromedia dreamweaver 8Macromedia Dreamweaver 8 是一个功能强大且易于使用的网页设计和开发工具。

它提供了一个直观的用户界面，使用户能够轻松创建和编辑各种类型的网页，包括静态页面、动态页面和交互式页面。

本文将介绍 Dreamweaver 8 的核心特性和功能，并提供一些使用 Dreamweaver 8 的最佳实践。

首先，让我们了解一下 Dreamweaver 8 的主要特点之一：所见即所得（WYSIWYG）编辑器。

Dreamweaver 8 提供了一个直观的编辑环境，用户可以在其中直接编辑网页内容，并实时预览所做的更改。

这大大简化了网页设计和开发的过程，使用户能够更快速地完成任务。

此外，Dreamweaver 8 还提供了丰富的模板和样式库，以便用户可以快速创建专业且美观的网页。

这些模板和样式库涵盖了各种不同的行业和主题，用户可以根据自己的需求选择和修改。

这不仅能够提高网页设计的效率，还能确保网站的一致性和专业性。

Dreamweaver 8 还支持动态网页开发，用户可以使用内置的服务器技术（如PHP和ASP）来创建和管理动态网页。

用户可以轻松地集成数据库、编写服务器脚本和处理用户输入。

Dreamweaver 8 还提供了强大的调试功能，使用户能够快速定位和修复网页中的错误。

除了基本的网页设计和开发功能外，Dreamweaver 8 还提供了一些高级功能和工具，以进一步增强用户的工作流程。

例如，它提供了代码片段功能，使用户能够快速插入常用的代码块，并自定义自己的代码库。

此外，Dreamweaver 8 还支持版本控制系统，使团队成员可以协作开发和管理网页项目。

关于 Dreamweaver 8 的最佳实践，以下是一些建议供参考：1. 组织文件结构：在开始设计和开发网页之前，建议先规划好文件结构。

这将使您的项目更加有序，并使文件更易于管理和维护。

2. 使用 CSS：CSS（层叠样式表）是一种强大的设计工具，可以帮助您更好地控制和布局网页。

Dreamweaver8.0创建模板在我们制作网站的过程中，为了统一风格，很多页面会用到相同的布局、图片和文字元素。

为了避免大量的重复劳动，可以使用Dreamweaver8提供的模板功能，将具有相同版面结构的页面制作为模板，将相同的元素（如导航栏）制作为库项目，并存放在库中可以随时调用。

一、创建模板模板的创建有三种方式。

1、直接创建模板选择“窗口/资源”命令，打开“资源”面板，切换到模板子面板，如下图所示。

单击模板面板上的“扩展”按钮，在弹出菜单中选择“新建模板”这是在浏览窗口出现一个未命名的模板文件，给模板命名。

然后单击“编辑”按钮，打开模板进行编辑。

编辑完成后，保存模板，完成模板建立。

2、将普通网页另存为模板打开一个已经制作完成的网页，删除网页中不需要的部分，保留几个网页共同需要的区域。

选择“文件/另存为模板”命令将网页另存为模板。

在弹出的“另存模板”对话框中，“站点”下拉列表框用来设置模板保存的站点，课选择一个选项。

“现存的模板”选框显示了当前站点的所有模板。

“另存为”文本框用来设置模板的命名。

单击“另存模板”对话框中的“保存”按钮，就把当前网页转换为了模板，同时将模板另存到选择的站点。

单击“保存”按钮，保存模板。

系统将自动在根目录下创建Template文件夹，并将创建的模板文件保存在该文件夹中。

在保存模板时，如果模板中没有定义任何可编辑区域，系统将显示警告信息。

我们可以先单击“确定”，以后再定义可编辑区域。

3、从文件菜单新建模板选择“文件/新建”命令，打开“新建文档”对话框，然后再类别中选择“模板页”，并选取相关的模板类型，直接单击“创建”按钮即可。

Dreamweaver8.0定义可编辑区域模板创建好后，要在模板中建立可编辑区，只有在可编辑区里，我们才可以编辑网页内容。

可以将网页上任意选中的区域设置为可编辑区域，但是最好是基于HTML代码的，这样在制作的时候更加清楚。

在文档窗口中，选中需要设置为可编辑区域的部分，单击常用快捷栏的“模板”按钮，在弹出菜单中选择“可编辑区域”项。