校内实习之Dreamweaver mx 2004网页制作心得内容

1、校内实习计划内容第一章Dreamweaver MX的新增功能1.设计界面的新功能（改进的工作空间布局，预定义范例页面和代码、改进的层叠样式表（CSS）支持、增强的Dreamweaver模板）2.代码编写方面的新功能（面向编码人员的工作空间布局、编码提示、代码片段标签、标记编辑器）3.应用开发方面的新功能（Gold Fusion MX支持、ASP.NET支持、PHP支持）第二章Dreamweaver MX的界面与右键菜单一焕然一新的界面1.标题栏如：2.主菜单：如 3.插入快捷栏该快捷栏是Dreamweaver MX中新增加的功能，它把插入菜单中的各种功能做成了快捷图标集成在一起。二：方便快捷的

2、右键菜单：1.文本类型右键菜单： 在编辑窗口空白处单击鼠标右键，或选定文本内容后单击鼠标右键，会弹出文本类型右键菜单。2图片类型右键菜单：例;插入图片：步骤一：新建一个网页（文件新建），单击插入快捷栏Common类下的图片快捷图标，插入图片。步骤二：选择图片，如：如果图片不在当前站点内，会弹出如下对话框：选择确定即可；步骤三：图片插入完成，如下所示：3.表格类型右键菜单：例;在内容编辑区插入表格,新建一个网页（文件新建），单击插入快捷栏Common类下的表格快捷图标，插入表格，会弹出以下对话框：设置好参数后，点击确定，得到如下所示表格:表格做好后，将鼠标移到表格的任一单元格内单击右键，出现表格

3、类型右键菜单，与文本类型右键菜单大同小异，仅仅比文本的右键菜单多了一个表格选项，如下所示：选择表格：选择整个表格；合并单元格：合并选定的单元格，注意：只能合并相邻的单元格；插入行或列，单击后有选项：增加行宽：可以合并上下两个单元表格，如：增加列宽：可以合并左右两个单元格，如：第三章 站点一定义站点面板选择主菜单命令站点新建站点，打开定义站点面板，如下所示：顶部选项卡中有两种定义站点方法的标签供选择，普通标签和高级标签，使用普通方法定义本站点时有提示，如同定义本地站点向导，可按照提示定义一个本地站点，使用高级方法，首先打开定义站点面板，切换到高级标签，如下所示：可看出面板被分成左右两部分，左边的

4、分类栏中列出了建站的各种选项类别，右边是各类别的详细参数设置和介绍。远程信息：远程站点信息，设置远程服务器类型，如下所示：测试服务器设置：遮盖：也叫过滤设置,如下所示：可让自己的网站过滤特殊的文件，如果勾选复选框遮盖具有以下扩展名的文件，添上要过滤的文件的后缀名，就会让站点内操作不会影响到他们，比如查找替换和全站点链接更新等等。设计备注：如下所示：它记录了你对网站的设置、变动维护设计备注默认状态下是勾选的，即保持设计笔录，若不想保留笔录，取消勾选即可。站点地图布局：如下所示：在主页中输入首页名称（包括后缀），一切设置好后，选择主菜单的站点站点地图命令可以打开站点地图第四章 页面一页面的基本操作

5、通过快捷键或菜单1.新建页面：Ctrl+N,或者单击菜单file|new命令，弹出如下所示窗口：2.打开页面通过快捷键或菜单：ctrl+O或者单击菜单file|open命令，弹出open对话框，如下所示：二页面属性 在内容编辑区空白处（注意不是在表格、图片或其他元素下）单击右键，选择右键菜单下的最下面的页面属性命令，弹出对话框如下：三在文档中选择元素 在文档窗口的设计视图中选择元素是时，单击该元素即可，如果元素不可见，在选择之前应该使其可见1. 选择元素：在文档中选择可见元素，可以单击元素或拖动鼠标选择元素。2. 选择不可见元素时，应先选择主菜单的view|visual aids|invisi

6、ble Elements命令，显示这些元素，然后在文档窗口中单击元素标记3. 如果选择的是整个标记，可单击文档窗口底部标记选择器上的标记四设计页面时使用可视向导、1.使用标尺、网格与捕捉功能可利用主菜单“查看”|标尺命令来显示或隐藏标尺、复位标尺原点，以及设置标尺单位等，如下所示：2.要设置标尺的零点，可在标尺的左上角区域单击，然后拖到设计区中的适当位置，释放鼠标按钮后，该位置就会成为新标尺的原点，如下所示：3.若标尺零点位置不在左上角，要恢复到左上角，可在窗口左上角标尺交点处双击鼠标选择主菜单查看|网格|显示网格，对网格还可进行颜色、间距的设置。4.设置文档链接<link>标记定

7、义了文档之间的链接关系。要设置文档链接可按如下步骤进行：步骤一：单击超级链接快捷图标，打开如下所示对话框：步骤二：在链接编辑框中，输入链接资源所在的url地址步骤三：对编辑框参数设置好之后，单击确定按钮，此时在文档的HTML代码中会自动生成相应的代码信息。第五章 设计页面布局 在网页设计中，页面布局尤为重要1.使用布局单元和表格：在Dreamweaver mx 2004中，选择Insert快捷栏的Laylou标签切换到布局视图(Laylout View),如下所示：用户可在页面中添加布局单元，这些单元能够帮用户设计页面布局，当在页面中创建布局单元时在Dreamweaver mx 2004会自动

8、创建一个布局表格，用来放置布局单元。注意：布局单元不能存放在布局表格之外，用户在创建页面布局时可以在同一个布局表格中放置多个布局单元，或创建多个布局表格。使用多个布局表格可以将页面布局分割成区域，当在一个区域中编辑时，不会影响其他的区域，这一特性对于那些在布局单元中添加对象时引起布局单元尺寸增大的情况非常有效，当布局单元增大时，他只会影响与其它单元之间的距离，因为布局单元不能重叠，如果使用多个布局表格创建页面布局，表格的长宽不会因为其它布局表格的改变而受到影响。I/绘制布局单元和表格在页面布局视图中可以绘制布局单元和表格，在创建布局单元时，在Dreamweaver mx 2004会自动创建用来

9、放置布局单元的布局表格。绘制布局单元步骤：步骤一：在布局视图模式下，单击插入快捷栏的Laylout标签的Draw Laylout cell按钮，此时鼠标指针将变为“+”号。步骤二：在页面上拖动鼠标，绘制布局单元绘制布局表格步骤与绘制布局单元方法类似，注意：布局表格不能相互重叠。2.为布局单元添加内容布局视图的布局单元中可以添加文本或媒体插件。当创建一个布局表格时，表格以灰色填充，表示该区域不能被显示，并且不能插入内容，因此，必须在表格中创建布局单元，才能在布局单元中插入相应的文本、图像或媒体。如下所示：3.清除自动单元高度 在创建布局单元时， Dreamweaver mx 2004会自动为创建

10、的所有单元设置一个高度，当在单元中插入内容时，就不再需要这些高度了。清除单元高度可执行下列操作：在布局表格上单击标尺上的向下箭头，从弹出的菜单中选择清除自动单元高度命令，如下所示：4. 移动和调整布局单元和表格在页面布局中，能够移动或调整单元和表格的位置或尺寸，有利于用户设计网页布局，具体操作时，可以使用网格线辅助进行移动或调整5. 格式化布局单元和表格格式化布局单元;选中布局单元，对弹出的属性快捷栏中进行宽度、高度、背景、水平、对齐方式的设置即可。如下所示：格式布局单元:选中布局表格，对弹出的属性快捷栏中参数进行设置即可，如下所示：第六章 表格 表格在网页制作中起到了至关重要的作用。1. 插

11、入表格：步骤如下：步骤一：在文档中定位插入点。步骤二：选择“插入”-表格命令，此时出现步骤三：在对话框里设置表格行数及列数，并对其余参数也进行设置，即可。在表格中添加文本内容：可直接在表中键入文本，也可粘贴文本。如下所示：在表格中添加图片内容，如下：2222. 格式化表格选择表格，其属性栏如下：对其中参数进行设置即可。3. 格式化行、列或单元格当选择行、列、单元格后快捷栏如下：可以合并单元格如下：4. 调整表格的整体尺寸、列宽与行高要调整表格的整体尺寸，可在选定表格后将光标移至表格的边或角控制点处，然后根据箭头方向拖动鼠标，如下所示：5. 添加与删除行、列和表格嵌套将光标定位于某个单元格中，然

12、后单击选择“修改”-“插入行或插入列”或“删除行或列”命令如下：插入行：插入列：删除行：删除列：第七章 框架在网页中，框架主要用于分离多个HTML页面。1 创建框架方法一：用户自己设计框架；方法二;使用系统预定义的框架。步骤如下：步骤一：将插入点置于需要分割的框架窗口中；步骤二：选择“插入”-“框架”命令即可。2.选择框架集或框架框架集或框架都是独立的HTML文档，要改变框架或框架集，必须首先选中该框架集或框架，选择框架集或框架使用“窗口”-“其他”-“框架”命令。3.保存框架集文件或框架：步骤一：将插入点置于需要保存的框架中步骤二：执行“文件”-“保存”命令4.设置框架和框架集的属性选中框架

13、，对弹出的属性快捷栏中各参数进行设置即可。第八章 资源资源是建立页面或站点的基本元素。 在Dreamweaver mx 2004中，资源标签提供了两种方法来查看站点中的资源，一是站点列表，用于显示站点中的所有资源，二是喜欢的资源列表，用于显示用户已经选择的资源第九章 文本1.插入文本和对象插入日期步骤如下：步骤一：在文档窗口中，将插入点置于需要插入日期的位置。步骤二：执行“插入”-“日期”命令，此时对话框如下：选择好日期即可完成在文本中插入日期的设置，如下：2.插入特定的文本字符步骤一： 在文档窗口中，将插入点置于需要插入特殊字符的位置。步骤二：执行“插入”-“特殊字符”命令，选择合适的字符，

14、即可在插入点插入字符。若要插入其他字符，则执行“插入”-“特殊字符”-“其他”命令3.创建项目列表步骤一：在设计视图中，将插入点置于需要设置项目的行位置。步骤二：选择“文本”-“列表”菜单中的Unordered list,创建项目列表步骤三：输入文本，在结束位置按下Enter按钮。步骤四：创建完项目后，可连续按两次Enter键4.使用HTML样式格式化文本 使用HTML样式：执行“窗口”-“HTMLStyle”标签。 应用HTML样式：步骤一：若要设置段落样式，将光标定位于段落中。步骤二：在“HTMLStyle”标签中选择段落样式，若选择了自动运用复选框，则可自动对相应的段落文本应用选中的样式

15、，若没有选择了自动运用复选框，则可单击应用按钮，应用选中的样式。第十章 图像图像是网页的重要组成部分 1. 插入图像步骤一：将插入点放置在需要插入图像的位置步骤二：执行“插入“-“图像”命令,如下：选择图片确定后如下：2 设置图像属性步骤一：在文档中选中图像，然后打开属性快捷栏，如下所示：对其中参数进行设置之后即可。2. 创建图像热点：步骤一;在文档窗口中选择图片步骤二：在属性快捷栏的地图编辑框中，输入唯一的热点集名称，注意：如果在同一个文档中使用多个图像热点集，必须确保每一个热点集都有唯一的名称。步骤三：若要定义图像热点，可执行下列操作之一：选择圆形工具，在图像上拖动鼠标，创建一个圆形热点，

16、如：选择矩形工具，在图像上拖动鼠标，创建一个矩形热点选择多边形工具，在图像上拖动鼠标，创建一个多边形热点步骤四：一旦热点被创建，将显示属性热点快捷栏：对属性快捷栏中各参数进行设置后即可。3. 创建翻转图像步骤一：在文档窗口中，将插入点置于需要插入翻转图像的位置。步骤二：插入翻转图像，对对话中各参数进行设置即可。第十一章 链接和导航条1 链接路径绝对路径、相对路径和居于根目录的路径创建超链接：例如用户在文档中输入文字“主页”，并为其创建了一个指向index.html文档的超级链接，则该超级链接的html源代码如下：<a herf=”index.html”>主页</a>如果

17、要创建一个指向文档位置的链接，首先应该创建一个锚点名称，如：a name=”to_top”，然后创建页面的链接，指向该锚点名，如a herf=*to_top”2.使用属性和文件图标创建链接文档， 使用文件夹图标或link编辑框创建链接：步骤一：在文档窗口的设计视图中，选择文本或图像步骤二：打开属性快捷栏，然后执行单击链接编辑框右边的文件夹按钮，选择链接文件：如下：3.链接到文档的指定位置创建命名锚点：步骤一：在文档设计视图中，将插入点置于需要设置命名锚点的位置。步骤二：选择INSERT快捷栏中常用标签下的命名锚记，如下所示：在编辑框中，输入锚点名称，单击确定按钮，此时在文档中将出现一个锚点标记

18、。链接命名锚点：步骤一：在文档设计视图中，选择需要创建链接的文本或图像步骤二：在属性快捷栏的链接编辑框中，输入锚点名称和前缀，如：在当前文档中链接到锚点名称为top的位置，可输入“#top”在相同文件夹的不同文档中链接锚点名称为top的位置，可输入“filename.html#top”。注意：锚点名称区分大小写。4. 创建导航条：插入导航条：执行”插入”-“图像对象”-“导航条”命令，如下所示：对对话框中各参数进行设置后即可。第十二章 插入媒体对象1在页面中插入媒体对象：将插入点置于需要插入媒体对象的位置，然后单击常用标签中的适当按钮，将常用标签中的对象按钮拖到文档中需要插入媒体对象的位置插入

19、Flash对象：选择Flash动画，执行插入-媒体-Flash命令。2.插入flash电影 当在文档中插入flash电影时，Dreamweaver mx 2004 会将所有被使用的参数设置在object标记和embed标记中。步骤一：在文档设计视图中，将插入点置于需要插入flash电影的位置，步骤二：在常用标签中单击插入flash按钮，如下所示：步骤三：选择flash电影文件，此时将在文档窗口中显示一个flash占位符，如下所示：在网页中还可插入其它各类多媒体文件。第十三章 层1.在Dreamweaver mx 2004中有两种层格式：使用Div标记定位页面内容使用Span标记定位页面内容2.

20、创建层和嵌套：执行常用标签中的创建按钮，然后在页面中页面中拖动。3.显示层标签，执行“窗口”-“层”命令，即可显示或隐藏层标签，如下所示：4转换表格和层将表格转化为层：步骤一：打开一个包含表格的页面，如下所示：步骤二：执行修改-转换-表格到层命令，如下：步骤三：在对话框中选择防止层重叠，可以在转化后的文档中激活防止层重叠的功能步骤四：单击确定，表格即转为层，如下所示：将层转化为表格方法与上类似，如：单击确定按钮即层转化为表格：第十四章 表单1.创建表单域：步骤一在文档中将插入点放置到需要插入表单域的地方；步骤二：执行插入-表单命令，如下：选择插入的表单域，属性快捷栏如下：对对话框中各参数进行设置即可。2.创建文本域：步骤一：将插入点放置在表单域中；步骤二：执行插入-表单-文本区域命令，如下所示：步骤三：选中插入的文本域，其属性栏如下：对其中各参数进行合适的设置即可。3.创建文件域：步骤一：将插入点放置在表单域中；步骤二：执行插入-表单-文件域命令，如下所示：步骤三：选中插入的文件域，其属性栏如下：对其中各参数