网页网站技术---实验指导书

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

1、《网页网站技术》课程实验指导书撰写人：范严审定人：戴航第一部分绪论本指导书是根据《网页网站技术》课程实验教学大纲编写的，适用于计算机科学与技术（本科）、信息管理与信息系统（本科）、数学与应用数学（本科）、信息与计算数学（本科）、教育学（本科）、电子科学与技术（本科）、电子信息工程（本科）、电子商务（本科）。一、本课程实验的作用与任务本课程全面介绍网页设计与制作技术，以目前最流行的网页设计软件作为技术支持，由浅入深，系统地介绍了网页的构思、规划、制作和网站建设的全过程。让学生掌握实用的网页设计与制作知识，设计与制作出自己

2、喜爱的网站；同时通过本课程的实验，让学生能独立设计简单个人静态网站。其内容包括dreamweaver、fireworks、flash的相关操作。二、本课程实验的基础知识本课程实验所需用到的基础知识有计算机文化基础、photoshop图像处理软件的一些专业知识，需要学生对这些知识有一个综合的掌握。三、本课程实验教学项目及其教学要求序号实验项目名称教学目标、要求学时1Internet和WWW了解internet和www的基本知识；熟练运用网络搜索引擎4选做2HTML网页设计掌握html语言的语法规则，练习采用html编写网

3、页4选做3FrontPage网页设计练习frontpage进行网站设计6选做4Dreamweaver网站设计练习使用dreamweaver设计网页6选做5网站的上传与维护熟练运用dreamweaver对已完成的网站进行上传和维护更新4选做6Fireworks网页设计练习使用Fireworks设计网页6选做7Flash网页设计练习使用Flash设计网页和动画6选做8ASP应用练习使用ASP技术建立动态网站4必做9网站规划及实现运用所学的知识综合设计网站，完成相应的网站规划书，并实现网站的建立和上传6必做合　　计32/28

4、第二部分基本实验指导实验一Internet和WWW一、实验目的了解《网页设计基础》的基本内容；了解Web2.0时代的相关技术与服务；掌握域名与URL的相关知识。二、实验原理利用网络搜索引擎查找需要的相关网页、网站。三、主要仪器及耗材计算机与Windows2000/XP系统；网页三剑客；photoshop等软件。四、实验内容与步骤内容：1.检索并下载和网页设计相关的不同类型文件，了解它们的大概结构。2.搜索并列举著名的Web2.0网站，了解它们使用的技术或提供的服务。3.搜索并访问不同类别域名的网站。步骤：1.检索并下载

5、和网页设计相关的不同类型文件，了解它们的大概内容：（1）启动InternetExplorer，进入自己平时习惯使用的搜索引擎界面，输入自己感兴趣的主题作为关键词搜索相关网站或页面；（2）单击搜索结果返回的网站链接进入不同的网站或页面；（3）将鼠标移动到页面上的超级链接上，观察浏览器状态栏的显示的地址信息，如果链接的地址以“.htm”或“.html”结尾，则单击该链接进入新页面；如果页面上的所有链接均不以“.htm”或“.html”结尾，则返回步骤（2）重新选择网站或页面进入并重复步骤（3），直到找到以“.htm”或“.

6、html”结尾的页面为止；提示：如果使用的搜索引擎是Google，可以直接在搜索框中填入“你感兴趣的话题filetype:htm”或“你感兴趣的话题filetype:html”（注意把引号中的“你感兴趣的话题”换成自己的搜索关键词），这样搜索出来的页面都将以.htm或.html结尾，这种方法可以替代步骤（2）和（3）直接快速找到一个扩展名为.htm或.html的页面；（1）在（3）中的.htm或.html页面上的空白区域处，单击右键，在右键菜单中选择“查看源文件”命令，在弹出的记事本中会显示该网页的HTML源代码；（2

7、）在（4）中弹出的记事本中，使用菜单“编辑”→“查找”（或使用快捷键Ctrl+F），在“查找内容”对话框中输入“.css”，单击“查找下一个”按钮，确认在该HTML源代码中是否存在字符串“.css”，如果存在，请确认字符串“.css”所在的行是否存在字符串“

8、（7）；（4）返回浏览器窗口，使用菜单“文件”→“另存为”菜单，在弹出窗口中，选择保存目录为0.实验准备阶段创建的文件夹（以下称为“实验文件夹”），单击“保存”按钮；再次重复这个步骤，改变弹出窗口的“保存类型”项为“Web档案，单一文件(*.mht)”，使用相同的文件名，单击“保存”按钮保存文件；（5）切换到显示该页面HTML源代