实验一网页设计基础与概述.docVIP

实验一 网页设计基础与概述 实验目的： 了解网页设计基础的基本内容。 了解Web 2.0时代的相关技术与服务。 掌握域名与URL的相关知识。 实验内容： 检索并下载和网页设计相关的不同类型文件，了解它们的大概结构。 搜索并列举著名的Web 2.0网站，了解它们使用的技术或提供的服务。 搜索并访问不同类别域名的网站。 实验要求： 熟练使用搜索引擎。 准确把握Web 2.0网站的技术特点。 初步了解和网页相关的不同类型的文件内容。 熟悉域名的概念，熟练掌握URL的概念与结构。 实验学时：3学时 实验步骤： 实验准备：在硬盘上为本实验建立文件夹，用于保存本实验的实验结果。 检索并下载和网页设计相关的不同类型文件，了解它们的大概内容： 说明：本实验的具体内容是从因特网下载扩展名分别为.htm(l)、.css和.js的文件，了解如何将它们保存到本地磁盘以及如何在保存后打开、查看它们的方法。 启动Internet Explorer，进入自己平时习惯使用的搜索引擎界面，输入自己感兴趣的主题作为关键词搜索相关网站或页面； 单击搜索结果返回的网站链接进入不同的网站或页面； 将鼠标移动到页面上的超级链接上，观察浏览器状态栏的显示的地址信息，如果链接的地址以“.htm”或“.html”结尾，则单击该链接进入新页面；如果页面上的所有链接均不以“.htm”或“.html”结尾，则返回步骤（2）重新选择网站或页面进入并重复步骤（3），直到找到以“.htm”或“.html”结尾的页面为止； 提示：如果使用的搜索引擎是Google，可以直接在搜索框中填入“你感兴趣的话题 filetype:htm”或“你感兴趣的话题 filetype:html”（注意把引号中的“你感兴趣的话题”换成自己的搜索关键词），这样搜索出来的页面都将以.htm或.html结尾，这种方法可以替代步骤（2）和（3）直接快速找到一个扩展名为.htm或.html的页面； 在（3）中的.htm或.html页面上的空白区域处，单击右键，在右键菜单中选择“查看源文件”命令，在弹出的记事本中会显示该网页的HTML源代码（这是本课程的重要知识点之一，看看它有什么特点）； 在（4）中弹出的记事本中，使用菜单“编辑”→“查找”（或使用快捷键Ctrl + F），在“查找内容”对话框中输入“.css”，单击“查找下一个”按钮，确认在该HTML源代码中是否存在字符串“.css”，如果存在，请确认字符串“.css”所在的行是否存在字符串“link ”；同样地，查找字符串“.js”，确认在该HTML源代码中是否存在字符串“.js”，如果存在，确认字符串“.js”所在的行是否存在字符串“script ”； 如果（5）中的任一字符串不存在，请返回（2），并重做步骤（3）、（4）、（5）；否则，进入步骤（7）； 返回浏览器窗口，使用菜单“文件”→“另存为”菜单，在弹出窗口中，选择保存目录为“学号+实验一”命名的文件夹”，单击“保存”按钮；再次重复这个步骤，改变弹出窗口的“保存类型”项为“Web 档案，单一文件(*.mht)”，使用相同的文件名，单击“保存”按钮保存文件； 切换到显示该页面HTML源代码的记事本窗口，将滚动条定位到包含字符串“link ”和“.css”的位置，观察该行“href=”后面的CSS文件路径，如果该路径是一个包含域名的完整路径，则将该路径直接复制到浏览器窗口的地址栏中，按回车键，在弹出的“文件下载”对话框中，单击“保存”按钮将该.css文件保存到实验文件夹中；如果该路径不是一个包含域名的完整路径，则复制该路径，切换到浏览器窗口，将地址栏中的文件名（指最后一个“/”后面的带有“.htm”或“.html”的部分）去掉，将刚才复制的路径粘贴到地址栏的最后，按回车键，在弹出窗口中单击“保存”按钮保存文件到“学号+实验”文件夹中； 在显示页面HTML源代码的记事本窗口中，定位滚动条到包含字符串“script ”和“.js”的位置，观察该行“src=”后面的JS文件路径，同步骤8，下载该.js文件； 打开实验文件夹，双击每个保存的文件，记录默认打开它们的应用程序名； 在实验文件夹中，在保存的文件上单击右键，选择打开方式为“记事本”，观察记事本中的内容，大致了解每个文件的内容，记录本实验的体会。 选做：①分别下载一个扩展名为.vbs、.htc、.xml、.xsl、.swf、.hta文件，方法自己摸索；②考虑一下如何将已经下载到的.htm(l)、.css、.js文件整合在一起，即在不连接到英特网的情况下使得该.htm(l)文件也可以正确浏览（提示：修改.htm(l)文件中引用其它文件的路径）。 搜索并列举著名的Web 2.0网站，了解它们使用的技术或提供的服务： 说明：本实验的目的是为了让同学们了解当前比较流