《网页设计与制作》实验指导书.doc

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