结合网页制作工具,运用HTML语言编写多页面个人网站,要.docVIP

结合网页制作工具，运用HTML语言编写多页面个人网站，要求用到图片、表格、列表、动画，能够熟练使用超级链接，并能理解网页中html语句的含义。要求学生制作个人网站，并能够在规定的时间内压缩上传到网络课程平台上。 ?认真完成作业压缩后上传。 ?网页制作素材、软件以及实验指导下载地址为“课程内容”中第3章的“辅助资源”里。 实验指导 第二节 制作简单网页 【相关知识】 1. 网页就是在浏览器上看到的一个一个的页面。它们都是用HTML的文件格式来表示的。 2. 在页面属性中，可以对网页的标题、背景颜色等进行设置。 3. 在HTML文档中，文件头head和/head标签之间的内容在网页中是看不到的。可以在文件头信息中插入META、关键字、说明等。META元素用于描述网页文件自身的信息。在搜索引擎中，检索信息都是通过输入关键字来实现的。 4. 在历史面板中，按照操作的顺序记录了使用者在文档窗口中的所有操作。使用历史面板可以非常方便地撤销以前的操作或再次执行某些操作。 【实验3.2】 一、实验目的和要求 1. 熟悉Dreamweaver工作环境。 2. 掌握创建网页文档的方法。 3. 掌握页面属性设置的方法。 4. 掌握在页面中插入和编辑文本的方法。 5. 掌握在页面中创建项目列表的方法。 二、实验内容 1. 新建一个网页文档，并保存在指定位置。 2. 为网页文档设置标题、背景颜色等页面属性。 3. 在网页文档中插入文本，并设置文本的字体、颜色、字号等属性。 4. 创建项目列表。 5. 在文档中添加特殊网页元素：日期时间、空格和水平线等。 6. 插入META、关键字、说明等文件头信息。 7. 使用历史面板执行操作的撤销和重播等。 三、实验步骤 1. 新建一个网页文档 启动Dreamweaver。单击【文件】→【新建】菜单命令，新建一个网页文档。 2. 设置页面属性 （1）单击【修改】→【页面属性】菜单命令，打开【页面属性】对话框。 （2）在【分类】列表框中选择【外观】，设置页面【字体】为“宋体”；字体【大小】为“中”；【文本颜色】为“#0033FF”；【背景颜色】为“#FFFFCC”。如图3-6所示。 图3-6 【页面属性】对话框 （3）在【分类】列表框中选择【标题/编码】选项，设置【标题】为“我的第一个网页”。 （4）单击【确定】按钮。 3. 格式化文本 （1）在文档的第1行输入“网页制作课程介绍”。 （2）选中所有文字，在属性面板的【字体】下拉列表中选择“黑体”；在【大小】下拉列表中选择“大”；单击【居中对齐】按钮。 （3）如果字体下拉列表中没有“黑体”，则单击【字体】下拉列表中的【编辑字体列表】选项，打开【编辑字体列表】对话框。如图3-7所示。 图3-7 【编辑字体列表】对话框 （4）在对话框的【可用字体】列表中选中“黑体”，单击按钮，将“黑体”添加到【选择的字体】列表中。单击【确定】按钮，将“黑体”添加到字体下拉列表中。 4. 创建项目列表 （1）在文档的第2行输入“网页布局软件Dreamweaver”。第3行输入“图像处理软件Fireworks”。第4行输入“动画制作软件Flash” （2）选中第2-4行所有文字，在属性面板中单击【项目列表】按钮。创建项目列表。 5. 添加特殊网页元素 （1）将光标放在第1行末尾处，单击【插入】→【日期】菜单命令，打开【插入日期】对话框。如图3-8所示。在对话框的【星期格式】下拉列表中选择“星期四，”；在【日期格式】列表中选择“1974年3月7日”；在【时间格式】下拉列表中选择“10:18 PM”；选中【储存时自动更新】复选项。单击【确定】按钮。插入当前系统日期和时间，并且在文档每次修改后都会自动更新插入的日期和时间。 图3-8 【插入日期】对话框 （2）将光标放在第1行末尾处，单击回车键，将光标放在第2行起始处。 （3）单击【插入】→【HTML】→【水平线】菜单命令，在文档中插入一条水平线。 （4）选中该水平线，在属性面板中，设置水平线的【宽】为“700像素”；【高】为“5像素”；在【对齐】下拉列表中选择“居中对齐”；设置【阴影】复选项为不选中。 6. 使用颜色面板 在网页设计中，很多场合都需要使用颜色面板设置颜色，对颜色面板的操作方法是相同的。这里以设置文本的颜色为例进行说明。 （1）选中文本，在属性面板中，单击【文本颜色】按钮，打开颜色面板，如图3-9所示。 图3-9 颜色面板 （2）选取一种颜色。如果颜色面板中没有符合需要的颜色，可以单击颜色面板上的【系统颜色拾取器】按钮，打开【颜色拾取器】面板，自己拾取一种颜色。 7. 插入文件头信息 （1）单击【插入】→【HTML】→【文件头标签】→【META】菜单命令，打开【META