网页设计与制作实验指导书.pdfVIP

网页设计与制作 实验指导书 黄石理工学院计算机学院 二○○八年八月二十月 1 目 录 实 验 一 HTML 的 基 本 标 志 的 使 用 4 学时 实验二 HTML 表格、表单与框架标志使用 6 学时 实验三 CSS 层叠样式表的使用 4 学时 实验四 网页图像处理与动画制 6 学时 实验五 使用 Dreamweaver 编辑网站 4 学时 实验六 网站设计与制 6 学时 2 实验一 HTML 的基本标志的使用 【 实验目的 】 1、 使学生掌握 HTML 的基本标志的使用方法 2、 掌握 Dreamweaver 的基本使用方法，并利用 Dreamweaver 工具制作一个比较完整的网页。 【 实验器材 】安装有 Windows 98/2000/xp ；Dreamweaver MX， Flash MX，Fireworks MX ；IE 浏览器，NetScape 浏览器，IIS5.0 等软件 的计算机。 【 实验内容 】  基本 HTML 标记符的使用；  Dreamweaver 的使用；  本地站点的创建；  网页页面属性设置； 【 实验步骤 】 一、使用 Windows 操作系统自带的记事本程序编写一个网页。 要 求 窗 体 标 题 为 “这 是 我 的 第 一 个 网 页 ”， 使 用 title********/title。HTML 文档由 head 和 body 两部分组成，使用 head***/head和body***/body。用浏览器阅读时要看见 4 段 文 字 ， 每 段 文 字 的 size 分 别 是 8、 6、 4、 2， 使 用 font 3 size=6***/font，其中要求每段文字的颜色不同，分别为#00ffff、 #882299、 #ff0088、 #55ccaa， 使 用 font color=#00ffff*******/font，每段文字要求居中排列，使用p align=center******/p。编写完成后用 HTML 为文件扩展名存盘。 使用浏览器浏览编写的 HTML 文档。 二、在 Dreamweaver 中建立本地站点 1、在 Dreamweaver 文档窗口中，依次单击“站点”菜单→“新建站 点”命令或者是在“站点”面板中单击“站点”菜单→“新建站点”命令，打 开“站点定义”对话框。如图所示。选择“高级”选项卡建立站点(也可以 按“基本”选项卡中的向导进行操作，但不如用“高级”选项卡方便)。 “站点定义”对话框 2、管理本地站点 选择“站点”面板“文件”菜单中对应命令，即可对选取