网页设计实验指导书..docVIP

网页设计 实验指导书 经济与管理学院 二零一一年二月 实验一 网页设计基础实验 一、实验目的和要求 1、了解网站的相关知识，IP地址、域名、主页空间等。 二、实验内容和步骤 1．IP地址的申请 （1）了解IPV4地址申请步骤 （2）查询学校主页的IP地址信息 （3）/index/0D/index.htm 查询到学校的IP地址段范围、单位、通信地址、联系人等信息 2、域名信息查询 （1）/index/0A/index.htm 查询到相关的域名状态、域名联系人、注册日期等相关信息。 3、域名注册 （1）/ （2）选择你的域名和后缀，查询注册情况，比如查询ycit，得到下面的注册情况 (3) 可以看到等还没有注册，就可以注册，而已经被注册，可以查看该域名的注册信息. 3、了解国内几类典型网站 政府类网站：商务部 / 统计局 / 政府网页链接 /govinfo/ 教育类网站：教育部 / 清华大学 北京大学 门户类网站：新浪网 网易 TOM 电子商务网站： B2B代表 阿里巴巴 / B2C代表 当当网 C2C代表 淘宝网 Ebay中国（原易趣） 4．在网上找出下列版面布局的结构形式： （1）“同”字型结构布局 （2）“国”字型结构布局 （3）“匡”字型结构布局 （4）“三”字型结构布局 （5）“川”字型结构布局 三、实验报告要求 按“实验内容和步骤”完成1～4的网上操作，在实验报告中要求记录如下内容： 1．IP地址的申请步骤，及查询学校的IP地址得到的信息； 2．查询任一域名地址，记录相关信息； 3．写出域名地址的申请步骤； 4．浏览所列出的几种类型的风站，说明这些网站所包含的主要信息。 四、实验心得体会 主要包括在实验过程中学到了哪些东西；遇到了哪些困难，又是如何解决的；还有什么问题没有解决，分析其原因。 说明： 所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。 实验二 HTML标记的基本语法 一、实验目的和要求 1．熟悉HTML文件的编辑环境； 2．掌握HTML中与文字、图像、页面、表格、表单和框架等的基本标记。 3．学会使用HTML设计出文本与图像相结合的较为复杂的页面。 二、实验内容 1、根据如表2-1所示的表格写出完整的HTML代码； 课程表 课号 课程名 学分 1002201 《网络原理》 6 1003302 《网页设计与制作》 5 1003507 《管理学原理》 5 其中，《网络原理》和《网页设计与制作》课程的详细说明文件分别为该网页所在目录的net.htm和web.htm，需要为表中的书名设置相应的超级链接，以便在点击后可跳转到相应的说明页上。 2、制作一个如图2-2样式所示的个人网站首页，要求点击左边各目录项，相应的链接会显示在右下的帧中，并且适当填加特效如：背景图片、图像、动画等。 图2-1 个人网站首页 三、实验步骤 1．打开任何一种文本编辑工具，可以是附件中的记事本，也可以是FrontPage/Dreamweaver的代码窗口。 2．按各种不同标签的语法规则，输入合法的代码。 3．输入完成后保存代码文件，文件后缀为.htm/.html。 4．在IE浏览器中打开保存的文件，看看是否能完成自己想要的设置。 四、程序代码（在实验报告中写出） 五、实验心得体会 主要包括在实验过程中学到了哪些东西；遇到了哪些困难，又是如何解决的；还有什么问题没有解决，分析其原因。 实验三 本地站点的创建和编辑 一、实验目的和要求 1．掌握本地站点的建立和定义； 2．熟悉站点窗口中各菜单的功能和作用； 3．掌握在本地站点中新建网站文件夹与文件； 4．掌握站点编辑的方法。 5．熟悉Dreamweaver 8的工作环境； 6．掌握在网页中插入文本、图像和编辑文本、图像的方法； 7．学会给文字和图像创建超链接。 二、实验内容和步骤 1．定义本地站点 （1）单击【站点】【新建站点】命令，打开图3-1所示的站点定义窗口。 图3-1 图3-2 （2）选择“基本”选项卡，在分类列表中选择本地信息选项开始定义站点。 ■各选项的设置方法可参考下面的文字说明。 站点名称文本框：输入网站中文名称，如：风