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

《《网页设计与制作》实验指导书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、南京工程学院经济与管理学院信息管理与信息系统专业《网页设计与制作》实验指导书信息管理教研室二0一三年二月《网页设计与制作》实验指导书一、适用专业：课程编号：1101309128课程名称：网页设计与制作英文名称：DesignandManufactureofWebPage课程类型：专业选修课总学时：32讲课学时：16实验学时：16学　　分：2适用对象：信息管理与信息系统专业先修课程：计算机基础、程序设计二、实验教学目的和要求：建立Web网站是企业发布新产品信息、技术信息、商务信息的主要形式，是企业电子商务的开端。《网

2、页设计与制作》是信息管理与信息系统专业学生的必修课程。本课程主要介绍HTML语言和网页编辑工具MacromediaDreamweaverCS4的操作使用。让学生通过上机实践，掌握网页的设计和制作的基本技能，了解网站建设的一般过程。针对电子商务专业的学生，《网页设计与制作》课程的实验教学目标是：1、使学生掌握HTML语言的语法和应用。2、使学生掌握网页编辑工具MacromediaDreamweaverCS4的操作使用，并使用该工具建立静态和动态网页。3、通过综合实例，介绍从网站的规划、设计、制作、上传到维护的全过程

3、。使学生掌握基本技能和一些高级技巧。4、使学生了解网站管理常识和日常维护。5、简单介绍其它网页编辑工具（如FrantPage2000、Flash动画制作）。三、实验硬件、软件条件：1、硬件配置：PC机（1G以上硬盘、配光驱）局域网（最好能连接Internet）2、软件配置：Windows2000操作系统MacromediaDreamweaverCS4FrantPage2000MacromediaFlash。四、实验项目及其学时分配表序次实验项目实验课时1实验一：简单网页制作62实验二：高级网页制作63实验三：动态

4、网页制作4合计16五、实验教学内容及指导实验项目一简单网页制作（一）实验目的与要求实验目的：认识DreamweaverCS4,掌握Dreamweaver的基本操作，创建站点和简单网页文档，规划网页布局，插入网页基本元素，为下一步制作高级与动态网页打基础。实验要求：应用DreamweaverCS4制作5个简单网页，含有简单表格、图片及文本内容。(二)、实验内容（1）熟悉MacromediaDreamweaverCS4的界面和设计环境（2）使用框架（3）网页文本操作（4）插入图片（5）建立超链接（6）表格的使用（三）

5、实验步骤（1）熟悉MacromediaDreamweaverCS4的界面和设计环境在Windows中，DreamweaverCS4提供了两种可供选择的工作区布局：集成布局和浮动布局。在Windows中首次启动DreamweaverCS4时，会出现一个对话框让用户选择一种工作区布局。以后可以使用“参数选择”对话框切换到一种不同的工作区布局。集成DreamweaverCS4工作区中，全部窗口和面板都被集成到一个更大的应用程序窗口中。通过下面的步骤进一步熟悉其菜单、工具栏、面版。（2）使用框架框架提供将一个浏览器窗口划

6、分为多个区域、每个区域都可以显示不同HTML文档的方法。使用框架的最常见的情况就是，一个框架显示包含导航控件的文档，而另一个框架显示含有内容的文档。在Dreamweaver中有两种创建框架集的方法：既可以自己设计框架集，也可以从若干预定义的框架集中选择。创建预定义的框架集并在某一框架中显示现有文档，执行以下操作：·将插入点放置在文档中。·执行下列操作之一：o在插入条的“框架”类别中，单击预定义框架集的图标。o从“插入”>“框架”子菜单中选择预定义的框架集。要创建新的空预定义框架集，执行以下操作：·选择“文件”>“

7、新建”。·在“新建文档”对话框中，选择“框架集”类别。·从“框架集”列表选择框架集。·单击“创建”。每一个框架和框架集都分别保存在不同的文件中。（3）网页文本操作Dreamweaver提供了多种向文档中添加文本和设置文本格式的方法。文本格式设置与使用标准字处理程序类似。·使用“文本”>“段落格式”子菜单或属性检查器中的“格式”弹出菜单可设置文本块的默认格式样式（“段落”、“已编排格式”、“标题1”、“标题2”等等）。·更改所选文本的字体、大小、颜色和对齐方式，请使用“文本”菜单或属性检查器。若要应用文本格式（如粗

8、体、斜体、代码、下划线等），请使用“文本”>“样式”子菜单。·可以组合几个标准的HTML标签，构成单个样式（称为HTML样式）。例如，可以使用标签和属性组合来手动应用HTML格式，并将该格式保存为HTML样式；该样式存储在“HTML样式”面板中。当下次想使用该HTML标签组合设置文本格式时，只需从“HTML样式”面板中选择已保存的样式。（4）插入图片·在“文档”窗口中，将