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

实验指导书

黄石理工学院计算机学院

二○○八年八月二十月

网页设计与制作

目 录

实验一 HTML的基本标志的使用 4学时 实验二 HTML表格、表单与框架标志使用 6学时 实验三 CSS层叠样式表的使用 4实验四 网页图像处理与动画制作 6实验五 使用Dreamweaver编辑网站 4实验六 网站设计与制作 6

学时 学时 学时 学时

实验一 HTML的基本标志的使用

【 实验目的 】

1、 使学生掌握HTML的基本标志的使用方法

2、 掌握Dreamweaver 的基本使用方法,并利用 Dreamweaver 工具制作一个比较完整的网

页。

【 实验器材 】安装有Windows 98/2000/xp;Dreamweaver MX,Flash MX,Fireworks MX;IE浏览器,NetScape浏览器,IIS5.0 等软件的计算机。 【 实验内容 】

? 基本HTML标记符的使用; ? Dreamweaver的使用; ? 本地站点的创建; ? 网页页面属性设置; 【 实验步骤 】

一、使用Windows操作系统自带的记事本程序编写一个网页。

要求窗体标题为“这是我的第一个网页”,使用********。HTML文档由head和body两部分组成,使用***和***。用浏览器阅读时要看见4段文字,每段文字的size分别是8、6、4、2,使用

使用浏览器浏览编写的HTML文档。

二、在Dreamweaver中建立本地站点

1、在Dreamweaver文档窗口中,依次单击“站点”菜单→“新建站点”命令或者是在“站点”面板中单击“站点”菜单→“新建站点”命令,打开“站点定义”对话框。如图所示。选择“高级”选项卡建立站点(也可以按“基本”选项卡中的向导进行操作,但不如用“高级”选项卡方便)。

“站点定义”对话框

联系客服:779662525#qq.com(#替换为@) 苏ICP备20003344号-4