网页制作 项目需求分析 网页制作-第一周-任务1_3任务单-分析优秀网站.docxVIP

上海电子信息职业技术学院 通信与信息工程学院软件技术系 《网页制作》课程任务单 姓 名 学 号 班级 成绩 学习情景编号 01 学习情景名称 分析优秀网页 学时 2 任务要求 分析一个优秀网页并下载其页面及有用素材 训练技能点 1. 了解网站网页的相关概念 2. 了解网页中的主要构成元素 3. 掌握优秀网页的布局结构、颜色搭配、视觉效果 任务实施步骤 1.打开网页 联入网络，打开浏览器，在地址栏输入一个自己喜欢的网站地址 2.保存网页 （1）找到“文件”菜单选择“另存为” （2）选择保存的地址，保存类型 注： 4种保存类型的含义： 网页，全部（*.htm;*.html）:保存最完整的一种类型，也是最浪费时间的一种类型。该类型会将页面中的所有元素（包括图片、Flash动画等）都下载到本地，即最终保存结果是一个网页文件和一个以“网页文件名.files”为名的文件夹，文件夹中保存的为网页中需要用到的图片、CSS、JS文件等资源。 Web档案，单一文件（*.mht）：同样也是保存完整的一种类型。同第一种不同的是，最终保存的结果是只有一个扩展名为.mht的文件，但其中的图片等内容一样都不少。双击这种类型的文件同样会调用浏览器打开。缺点：图片或其他资源文件无法单独保存。 网页，仅HTML（*.htm;*.html）：只保存网页中的文字但保留网页原有的格式。保存的结果也是一个单一网页文件，因为不保存网页中的图片等其它内容，所以保存速度较快。缺点：图片等其他资源未下载到本地。 文本文件（*.txt）：只保存网页中的文本内容，保存结果为单一文本文件，虽然保存速度极快，但如果网页结构较复杂的话，保存的文件内容会比较混乱，要找到自己想要的内容也就难了。 3.保存图片 （1）在网页中找到需要保存的图片，右键单击该图片，在出现的快捷菜单里选择“图片另存为…” （2）在弹出的对话框中选择保存路径及保存文件名和文件类型： 结果记录 1.记录下载的优秀网页的网址 2.记录下载的网页（截图） 3.记录下载的网页素材（截图） 4.分析该优秀网页的布局结构并总结出该网页的特点（画布局示意图） 小结 请记录实验过程中的问题，收获的经验。 注：1、学生实验后填好实验报告的第三、四栏，并将其电子文档提交给教师。 2、学生实验后要提交与实验相关的各种源代码。