网页设计实验指导书

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

1、网页设计实验指导书经济与管理学院二零一一年二月19实验一网页设计基础实验一、实验目的和要求1、了解网站的相关知识，IP地址、域名、主页空间等。二、实验内容和步骤1．IP地址的申请（1）了解IPV4地址申请步骤（2）查询学校主页的IP地址信息202.119.136.0（3）http://www.cnnic.net.cn/index/0D/index.htm查询到学校的IP地址段范围、单位、通信地址、联系人等信息2、域名信息查询（1）http://www.cnnic.net.cn/index/0A/index.htm查询到相关的域名状态、域名联系人、

2、注册日期等相关信息。3、域名注册（1）http://www.now.net.cn/19（2）选择你的域名和后缀，查询注册情况，比如查询ycit，得到下面的注册情况(3)可以看到ycit.biz等还没有注册，就可以注册，而ycit.edu.cn已经被注册，可以查看该域名的注册信息.3、了解国内几类典型网站政府类网站：商务部http://www.mofcom.gov.cn/统计局http://www.stats.gov.cn/政府网页链接http://www1.cei.gov.cn/govinfo/教育类网站：教育部http://www.moe.ed

3、u.cn/清华大学www.tsinghua.edu.cn北京大学www.pku.edu.cn门户类网站：新浪网www.sina.com.cn网易www.163.comTOMwww.tom.com电子商务网站：B2B代表阿里巴巴http://china.alibaba.com/B2C代表当当网www.dangdang.comC2C代表淘宝网www.taobao.comEbay中国（原易趣）www.ebay.com.cn4．在网上找出下列版面布局的结构形式：（1）“同”字型结构布局（2）“国”字型结构布局（3）“匡”字型结构布局（4）“三”字型结构布

4、局（5）“川”字型结构布局19三、实验报告要求按“实验内容和步骤”完成1～4的网上操作，在实验报告中要求记录如下内容：1．IP地址的申请步骤，及查询学校的IP地址得到的信息；2．查询任一域名地址，记录相关信息；3．写出域名地址的申请步骤；4．浏览所列出的几种类型的风站，说明这些网站所包含的主要信息。四、实验心得体会主要包括在实验过程中学到了哪些东西；遇到了哪些困难，又是如何解决的；还有什么问题没有解决，分析其原因。说明：所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。19实验二HTML标记的基本语

5、法一、实验目的和要求1．熟悉HTML文件的编辑环境；2．掌握HTML中与文字、图像、页面、表格、表单和框架等的基本标记。3．学会使用HTML设计出文本与图像相结合的较为复杂的页面。二、实验内容1、根据如表2-1所示的表格写出完整的HTML代码；课程表课号课程名学分1002201《网络原理》61003302《网页设计与制作》51003507《管理学原理》5其中，《网络原理》和《网页设计与制作》课程的详细说明文件分别为该网页所在目录的net.htm和web.htm，需要为表中的书名设置相应的超级链接，以便在点击后可跳转到相应的说明页上。2、制作一个如

6、图2-2样式所示的个人网站首页，要求点击左边各目录项，相应的链接会显示在右下的帧中，并且适当填加特效如：背景图片、图像、动画等。图2-1个人网站首页三、实验步骤1．打开任何一种文本编辑工具，可以是附件中的记事本，也可以是FrontPage/Dreamweaver的代码窗口。2．按各种不同标签的语法规则，输入合法的代码。3．输入完成后保存代码文件，文件后缀为.htm/.html。194．在IE浏览器中打开保存的文件，看看是否能完成自己想要的设置。四、程序代码（在实验报告中写出）五、实验心得体会主要包括在实验过程中学到了哪些东西；遇到了哪些困难，又是

7、如何解决的；还有什么问题没有解决，分析其原因。19实验三本地站点的创建和编辑一、实验目的和要求1．掌握本地站点的建立和定义；2．熟悉站点窗口中各菜单的功能和作用；3．掌握在本地站点中新建网站文件夹与文件；4．掌握站点编辑的方法。5．熟悉Dreamweaver8的工作环境；6．掌握在网页中插入文本、图像和编辑文本、图像的方法；7．学会给文字和图像创建超链接。二、实验内容和步骤1．定义本地站点（1）单击【站点】【新建站点】命令，打开图3-1所示的站点定义窗口。图3-1图3-2（2）选择“基本”选项卡，在分类列表中选择本地信息选项开始定义站点。■各选项

8、的设置方法可参考下面的文字说明。站点名称文本框：输入网站中文名称，如：风行科技(如图3-2)；单击【下一步】,弹出图3-3，选择【否，不