[网页制作实训]教学指导书
实验一实验二实验三
目 录
【必修】制作个人简历（3学时） ··········································· 1 【必修】制作带导航条的公司网站首页（3学时） ·········· 4 【必修】框架多媒体网页制作（4学时） ····························· 7
【综合】 【综合】 【综合】
实验一 制作个人简历
【实验目的】
熟悉掌握网页设计工具基础使用，如表格、文字排版、超级链接等。 【实验条件】
⑴、个人计算机一台
⑵、个人计算机中预装WindowsXP 操作系统和浏览器 ⑶、安装Dreamweaver8.0 【知识准备】
本实验需要的理论知识：网站设计基础理论，网页设计工具dreamweaver 基础使用。 【实验内容与步骤】 1、收集素材
（1）确定个人简历网页的风格，主色调，包含的信息，应有的板块等 （2）通过网络收集相应的素材，如图片，文字、视频、音乐文件等。 （3）将素材进行加工成适合网页上的使用。 2、设计制作个人简历的模板 （1）利用表格进行布局。 （2）添加相应素材至网页中。 （3）美化个人简历
3、为个人简历网页设置相关属性
添加标题、关键词等信息至网页代码中。 4、预览自己的个人简历网页并进行修改和美化
****参考右图**** 【实验报告要求】
实验报告要求将所设计网站进行设计分析，内容包括，网页的设计目的，网页的内容介绍，风格（包括布局，颜色的使用等），对网页的预览评价。
实 验 报 告
备注：本实验报告用于各学科与计算机应用相关课程的实验，务必按时完成。不交此报告者，本次实验为“不合格”。
实验二 制作带导航条的公司网站首页
【实验目的】
熟悉掌握网页设计工具Dreamweaver 的使用，掌握行为时间轴等关键技术。 【实验条件】
⑴、个人计算机一台
⑵、个人计算机中预装WindowsXP 操作系统和浏览器 ⑶、安装Dreamweaver8.0 【知识准备】
本实验需要的理论知识：网站设计基础理论，网页设计工具dreamweaver 基础使用。 【实验内容与步骤】 1、收集素材
（1）确定网页的风格，主色调，包含的信息，应有的板块等
（2）通过网络收集相应的素材，如图片，文字、视频、音乐文件等。 （3）将素材进行加工成适合网页上的使用。 2、设计制作网页
（1）利用布局表格或者层进行布局。 （2）添加相应素材至网页中。 （3）美化公司网页
3、添加动态技术内容至网页关键部位
添加导航条、弹出式菜单、浮动广告内容至网页合适位置中。 4、预览网页并进行修改和美化 ****参考右图**** 【实验报告要求】
实验报告要求将所设计网站进行设计分析，内容包括，网页的设计目的，网页的内容介绍，风格（包括布局，颜色的使用等），使用到的关键技术，对网页的预览评价。
实 验 报 告
备注：本实验报告用于各学科与计算机应用相关课程的实验，务必按时完成。不交此报告者，本次实验为“不合格”。
实验三 框架多媒体网页制作
【实验目的】熟悉掌握网页设计工具Dreamweaver 的使用，掌握框架网页技术，插入多媒体对象等。 【实验条件】
⑴、个人计算机一台
⑵、个人计算机中预装WindowsXP 操作系统和浏览器 ⑶、安装Dreamweaver8.0 【知识准备】
本实验需要的理论知识：网站设计基础理论，网页设计工具dreamweaver 基础使用。 【实验内容与步骤】 1、收集素材
（1）确定网页的主题，包含的信息，应有的板块等
（2）通过网络收集相应的素材，如图片，文字、视频、音乐文件等。
（3）将素材进行加工成适合网页上的使用。 2、设计制作网页
（1）制作一个简单的框架网页，实现导航条与内容分离。 （2）制作多个正文网页。
（3）在各正文网页中插入多种媒体，包括flash 视频，图像查看器，表格等。 （4）运用多种链接方式将正文网页和导航网页组合。
（5）修改并美化框架网页，包括对框架属性的设置，各多媒体元素的外观界面等。 3、预览网页并进行修改和美化 ****参考右图**** 【实验报告要求】
实验报告要求将所设计网站进行设计分析，内容包括，网页的设计目的，网页的内容介绍，风格（包括布局，颜色的使用等），使用到的关键技术，对网页的预览评价。
实 验 报 告
备注：本实验报告用于各学科与计算机应用相关课程的实验，务必按时完成。不交此报告者，本次实验为“不合格”。