文档介绍：南京工程学院经济与管理学院信息管理与信息系统专业
《网页设计与制作》
实
验
指
导
书
信息管理教研室
二0一三年二月
《网页设计与制作》实验指导书
一、适用专业:
课程编号: 1101309128
课程名称: 网页设计与制作
英文名称: Design and Manufacture of Web Page
课程类型: 专业选修课
总学时: 32 讲课学时:16 实验学时:16
学分: 2
适用对象: 信息管理与信息系统专业
先修课程: 计算机基础、程序设计
二、实验教学目的和要求:
建立Web网站是企业发布新产品信息、技术信息、商务信息的主要形式,是企业电子商务的开端。《网页设计与制作》是信息管理与信息系统专业学生的必修课程。本课程主要介绍HTML语言和网页编辑工具Macromedia Dreamweaver CS4的操作使用。让学生通过上机实践,掌握网页的设计和制作的基本技能,了解网站建设的一般过程。针对电子商务专业的学生,《网页设计与制作》课程的实验教学目标是:
1、使学生掌握HTML语言的语法和应用。
2、使学生掌握网页编辑工具Macromedia Dreamweaver CS4的操作使用,并使用该工具建立静态和动态网页。
3、通过综合实例,介绍从网站的规划、设计、制作、上传到维护的全过程。使学生掌握基本技能和一些高级技巧。
4、使学生了解网站管理常识和日常维护。
5、简单介绍其它网页编辑工具(如FrantPage2000、Flash动画制作)。
三、实验硬件、软件条件:
1、硬件配置:PC机(1G以上硬盘、配光驱)
局域网()
2、软件配置:Windows 2000操作系统
Macromedia Dreamweaver CS4
FrantPage2000
Macromedia Flash。
四、实验项目及其学时分配表
序次
实验项目
实验课时
1
实验一:简单网页制作
6
2
实验二:高级网页制作
6
3
实验三:动态网页制作
4
合计
16
五、实验教学内容及指导
实验项目一简单网页制作
(一)实验目的与要求
实验目的:认识Dreamweaver CS4,掌握Dreamweaver的基本操作,创建站点和简单网页文档,规划网页布局,插入网页基本元素,为下一步制作高级与动态网页打基础。
实验要求:应用Dreamweaver CS4制作5个简单网页,含有简单表格、图片及文本内容。
(二)、实验内容
(1)熟悉Macromedia DreamweaverCS4的界面和设计环境
(2)使用框架
(3)网页文本操作
(4)插入图片
(5)建立超链接
(6)表格的使用
(三)实验步骤
(1)熟悉Macromedia Dreamweaver CS4的界面和设计环境
在 Windows 中,Dreamweaver CS4提供了两种可供选择的工作区布局:集成布局和浮动布局。在 Windows 中首次启动 Dreamweaver CS4时,会出现一个对话框让用户选择一种工作区布局。以后可以使用“参数选择”对话框切换到一种不同的工作区布局。
集成 Dreamweaver CS4工作区中,全部窗口和面板都被集成到一个更大的应用程序窗口中。
通过下面的步骤进一步熟悉其菜单、工具栏、面版。
(2)使用框架
框架提供将一个浏览器窗口划分为多个区域、每个区域都可以显示不同 HTML 文档的方法。使用框架的最常见的情况就是,一个框架显示包含导航控件的文档,而另一个框架显示含有内容的文档。
在 Dreamweaver 中有两种创建框架集的方法:既可以自己设计框架集,也可以从若干预定义的框架集中选择。
创建预定义的框架集并在某一框架中显示现有文档,执行以下操作:
将插入点放置在文档中。
执行下列操作之一:
在插入条的“框架”类别中,单击预定义框架集的图标。
从“插入”>“框架”子菜单中选择预定义的框架集。
要创建新的空预定义框架集,执行以下操作:
选择“文件”>“新建”。
在“新建文档”对话框中,选择“框架集”类别。
从“框架集”列表选择框架集。
单击“创建”。
每一个框架和框架集都分别保存在不同的文件中。
(3)网页文本操作
Dreamweaver 提供了多种向文档中添加文本和设置文本格式的方法。文本格式设置与使用标准字处理程序类似。
使用“文本”>“段落格式”子菜单或属性检查器中的“格式”弹出菜单可设置文本块的默认格式样式(“段落”、“已编排格式”、“标题 1”、“标题 2”等等)。
更改所选文本的字体、大小、颜色和对齐方式,请使用“文本”菜单或属性检查器。若要