计算机网络 教学课件 作者 高传善 毛迪林 14)第8章 网页制作基础1.pptVIP

第8章 网页制作基础（第一讲）;8.1.2 FrontPage 与 Dreamweaver使用基础;6、主页 7、URL / /chinese/index.htm等。 8、HTML HTML是“Hypertext Markup Language”的缩 写，它是编写万维网文件的标记语言。 9、HTML标签 ? HTML标签 ? 文件头标签 ? 文件标题标签 ? 文件体标签 ? 标题标签 ? 字体颜色标签 ? 对齐标签 ? 图片标签 ;8.1.3 FrontPage的使用要点;1、新建网页 2、插入表格 3、插入图片;4、插入链接 5、设置图片映射 6、设置页面的背景属性 ;7、调整表格属性;8、插入组件 选择“插入”菜单的“组件”命令，单击“字幕” 选项，弹出对话框如下： ;1、创建站点 选择“文件”菜单的“新建”选项，单击“站点”命令， 就会弹出来如下新建站点对话框：;2、设计网站风格 首先单击“格式”菜单 的“主题”命令，打开”主题” 对 话框，在“将主题应用到”下面选择“所有网页” 选项，在主题列表框内选择应用的主题类型，右图中我们选择“冰川”主题，单击“确定”按钮。 ;8.1.4 Dreamweaver的使用要点;1、创建空白文档 2、存储文档 （1）保存文档 （2）另存文档 （3）存储所有文档 3、关闭文档 4、添加文本和插入对象 5、插入日期 ;6、插入特殊字符 #169；对应于特殊字符“?” #174；对应于特殊字符“?” 按照如下方法进行插入特殊字符操作 ： （1）选择出入点位置 （2）打开对象面板上下拉列表，选择Characters（字符） （3）单击相应的按钮，插入相应的特殊字符 （4）若面板上无所需字符，单击面板上右下角的“Insert Other Character”（插入其他字符）按钮 （5）单击需要的字符或在文本框中输入字符参考 （6）单击“OK” 按钮，插入字符到文档中 ;7、插入水平线 （1）在文档中适当位置选择插入点 （2）在对象面板的下拉列表中选择Common（常用）项 （3）单击对象面板上的Insert Horizonal Rule（插入水平 线）按钮 （4）选中插入的水平线，可以通过属性面板编辑该水平 线的相关属性 ，示例如下：;8、在文档窗口中选择元素 一般在文档窗口中选择元素时，可以参考如下的方法： 如果要选中的是普通对象或元素，只需要单击它，或是拖动鼠标选中它。 如果要选中的是看不见的元素，可以通过Dreamweaver 3的参数设置对话框，设置相应的选项，将这些不可见元素显示，然后再选中它们。 如果要选中的是标记，可以利用文档窗口下方的标记选择器来选中它们，利用“Edit”菜单中的相关菜单项，还可以选中当前标记的父标记或第一个子标记。;9、设置文档的页面属性 可以按照如下方法进行设置文档页面属性： （1）打开“Modify”菜单，选择“Page Properties”，或在 文档窗口中单击鼠标右键，然后从快捷菜单中选择 “Page Properties” （2）在下图所示的对话框中设置文档页面的整体属性;10、使用历史面板 Dreamweaver的历史面板记录了您在文档窗口中操作的历史，使用历史面板，可以帮助您撤销一个或多个步骤，或是重复进行一个多个步骤的操作，在网页的创作过程中，历史面板的作用举足轻重。一个典型的历史面板结构如下图所示：; HTML源代码检视器 ;1、显示站点窗口 方法一： （A）启动Dreamweaver默认情况下，它会进入文档窗口 （B）打开“Window”菜单，选择“Site Files”命令，即可打开站点窗口 方法二： （A）启动Dreamweaver，默认情况下，它会进入文档窗口 （B）单击启动面板上的“Site”（站点）按钮，即可打开站点窗口 ; 方法三： （A）启动Dreamweaver，默认情况下，它会进入文档