静态页面视觉设计.PPT

　　在站点中添加网页文件与文件夹的方法基本一致，操作步骤如下：　　1) 在【文件】面板中单击鼠标右键，则弹出一个快捷菜　　单。　　2) 选择快捷菜单中的【新建文件】命令，则新建了一个网页文件，如图所示。 建立教学站点 新建的网页文件 建立教学站点 　 3) 在光标位置处输入网页的名称，然后按下Enter键确认，则完成了网页文件的添加。　　4) 同样的方法，如果在弹出的快捷菜单中选择【新建文件夹】命令，则可以在站点中添加一个文件夹。 建立教学站点 　　5)为kejian站点添加内容。　　1) 在【文件】面板中的“kejian”文件夹上单击鼠标右键，则弹出一个快捷菜单。　　2) 选择快捷菜单中的【新建文件夹】命令，则在“kejian”文件夹下新建了一个文件夹。　　3) 在光标位置处输入文件夹的名称，如“Images”，按下Enter键确认。　　 建立教学站点 新建的文件夹 建立教学站点 插入文本 a) 直接在文档窗口中输入文本，将光标放置在文档窗口中要插入文本的位置，然 后直接输入。如果需要跳段，可以按ENTER 键。如果是换行，则是Shift+Enter. b) 粘贴其他编辑器中生成的文本，首先要将光标插入文本的位置，然后执行“编辑----粘贴”，就能完成文本的插入。也可以直接使用标准工具栏上的“粘贴”按钮。 插入文本 插入特殊字符 a) 在文档窗口中，将光标定位在需要插入特殊字符的位置。 b) 执行“插入---HTML---特殊字符”，在子菜单选择合适的字符命令。或者在快捷栏中选择文本，特殊字符。 c) 如果在下拉菜单中没有找到需要的字符，那么可以选择“其他字符”。 插入文本 插入日期 a) 将光标放置到要插入日期的位置。 b) 执行“插入—日期”，或者在插入面板上点日期按钮，便可以。 插入文本列表 a) 用鼠标选定要插入的项目的文本内容 b) 切换城文本面板，然后单击项目列表ul/ol 　 ●【格式】：选择其中的选项，可以对所选文本应用系统预设的格式。　　 ● 【ID】：用于为所选内容分配一个ID号。　　 ● 【类】：显示当前应用于文本的类样式，如果没有对所选内容应用过任何样式，则显示“无”。　　 ●单击　　按钮和　　按钮，可以将所选文本加粗和倾斜。 　　●单击　　或　　按钮，可以为光标所在的段落或所选择的段落添加无序或有序项目列表。 　　 ●单击　　或　　按钮，可以使光标所在的段落向右或向左缩进。　　 ● 【链接】：用于为所选的文本建立超链接。可以在其后面的文本框中输入要链接文档的路径名称，也可以单击右侧的　　图标，在弹出的对话框中选择链接的文档，或者按住　　图标指向要链接的文档建立超链接。　　 ● 【标题】：用于设置超链接的文本提示。 　●【目标】：用于选择链接文档在窗口中的打开方式。选择“_---blank”选项，表示将在新的浏览器窗口中打开链接的文档；选择“_parent”选项，表示将在当前文档的父级框架或包含该链接的框架窗口中打开链接文档；选择“_self”选项，表示将在当前文档所在的窗口中打开链接的文档；选择“_top”选项，表示将在整个浏览器窗口中打开链接的文档。　　Dreamweaver CS4将CSS属性面板与HTML属性面板集成在一起，在【属性】面板中单击　　　　按钮，可以切换到CSS属性面板。 　　〖实例〗制作一个纯文字网页。　　1) 在【文件】面板中双击“Chinese.html”网页文件，打开该网页进行编辑。　　2) 在【属性】面板中单击　　　　　　　按钮，在弹出的【页面属性】对话框中切换到【外观(HTML)】分类，如图下图所示。 　　3) 单击【背景图像】文本框右侧的　　　　按钮，选择一幅图片作为网页背景，然后切换到【标题/编码】分类，在【标题】文本框中输入“唐诗欣赏”作为网页的标题栏文字，如图所示。　　4) 单击对话框中的　　　　按钮，完成页面属性的设置，则为网页设置了标题栏文字与背景图像，如图下图所示。 图5-24 【页面属性】对话框(2) 　 5) 在编辑窗口中输入文字“唐诗欣赏”并将其选中。　　6) 在【属性】面板的【格式】列表中选择“标题2”选项，设置网页的标题。然后切换到CSS属性面板，单击居中对齐按钮，设置文字居中对齐　　，结果如图5-26所示。　　7) 将光标定位在标题文字后面，在【插入】工具栏的【常用】标签中单击　　按钮，在页面中插入一条水平线，如下图所示。 　 8) 将光标定位在水平线的后面，按下Enter键，产生一个新段落，在新的段落中输入如图所示的文本内容。　　9) 在【属性】面板目标规则中选择“新内联样式”，设置文字的相关格式。 1.2.3网页视觉设计定义与特点 2）多维性 多维性源于超级链接，