17219554_实验一Web基础知识及网页基础实验.docVIP

实验一　 Web基础知识及网页基础实验 一、实验目的 通过对不同类型、不同风格、不同特色的优秀网站的欣赏，使学生对网站制作课程有一个初步了解，诱发学生的学习兴趣。同时指导学生分析各类网站的总体布局、色彩搭配、内容规划等，为后面的学习打基础。 理解网站设计的基本原则。掌握网站结构规划方法。掌握常用网页布局方法。掌握网站内容设计方法。能够完成从需求分析、栏目设定、目录管理、页面布局，图文排版、色彩搭配等一系列工作。 学生通过该实验熟悉HTML语言的基本使用方法，进一步体会浏览器解释执行HTML的原理，为以后高级网络编程打下扎实的基础。 1．掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点；掌握利用因特网进行信息游览、搜索，下载网页、图片、文字和文件； 2．熟悉页面排版，掌握网页布局的方法。对给定的网站，能指出网站的风格（链接结构、目录结构、页面布局方式）； 3．了解HTML文档结构； 4．能够运用文本编辑器制作简单网页。 二、实验环境 微机+ Window 操作系统 +浏览器+ 网页编辑器 三、实验重点 熟练使用浏览器进行浏览、搜索、下载。 理解WEB及网页设计基础概念 四、实验内容 1. 多种URL资源的访问方法 通过对各种资源网站的访问，理解统一资源定位符的定位方法及服务类型，掌握不同url资源的访问方法。访问如下url资源地址： 百度搜索： FTP:// .hk/ 香港中文大学FTP站点 2、根据网站制作的需要，从网上下载网页制作时需要的文字、小图片、动画及flash。 可以到网上下载也可利用教材提供的素材 请见压缩包第二题 3、利用搜索引擎，浏览因特网上较为著名的5个网站，记录这些网站的名称、网站地址和以及相应的网页文件格式（扩展名）； 打开浏览器微软（Microsoft）公司的Internet Explorer（俗称“IE”），Opera、Mozilla Firefox（俗称“火狐狸”或“火狐”）、腾讯TT等浏览器进入百度，搜索到各种不同类型和风格的网站地址如下： 综合门户网站：新浪网/html 政府网站：中华人民共和国中央人民政府/html 教育网站：清华大学/publish/newthu/index.html 商业网站：淘宝网：/html 综合门户网站;凤凰网/html 4、上网访问实际3个网站（可以上校园网），记录这些网站的名称、网站地址，了解各网站的风格（主题图形形象、导航是否清晰，整体色调的搭配是否协调，主题是否突出等）、页面布局方式 1。 好看好看好看 2 画面简洁清新好 3 简洁布局好 5、在网上找出下列版面布局的结构形式：（象形即可） ⑴．“国”字型布局： ⑵．拐角型布局： ⑶．拐角型布局/ ⑷．框架型布局 (5). 封面型布局 6、查看湖北学院网站主页的源代码，收藏到收藏夹中，将其设为主页 。 7．体会超链接在网页中的广泛应用： 通过在浏览器地址栏中输入，打开新浪网主页面。点击图片，栏目等进入下一个页面，体会超链接的应用。理解网页可以通过字体，图片等不同的形式进行链接的方法。 打开美的官网/，使用超级链接功能找到微波炉产品的具体信息，体会使用文字和图片等不同的超链接方式。。 8. 什么是网站的CI形象?打开网易主页，查看其CI形象标志。 9、构建HTML文档“我的第一个网页”： （1）从开始菜单启动记事本； （2）在记事本中，录入一个HTML文档； （3）设置该文档在最终在浏览器中显示的标题为“我的第一个网页”； （4）在页面添加可见的文本“我的第一个网页”； （5）使用记事本的菜单“文件”→“保存”，在“另存为”对话框中，在“保存类型”下拉列表中选择“所有文件”，录入“文件名”myfirstpage.htm，单击“保存”按钮将该页面保存到实验文件夹。 html head title我的第一个网页/title /head body 我的第一个网页 /body /html (6) 安装专业的文本编辑器EditPlus，完成以上内容，体会其自动添加标记、高亮显示一些代码和英文拼字检查等功能。 五、说 明： 1、所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。 2、撰写实验报告，将实验结果存成doc文件和html文件，压缩打包后按“学号后4位+姓名+实验1”方式命名压缩包文件名，上传到教师机。 3、评分标准以完成质量和完成时间优先排序，分为优良中差等级