《网站规划建设实验指导书.doc

《网站规划与建设》 实验指导书 天津职业技术师范大学 网络教研室 2011年9月 实验一 HTML基础实验 项目1　网页设计基础 实验目的利用因特网进行信息游览、有哪些信誉好的足球投注网站，下载网页、图片、文字和文件； 给定的网站，能指出网站的链接结构、目录结构、页面布局方式。 实验环境Window2000操作系统，机器联网。实验内容根据网站制作的需要，从网上下载网页制作时需要的文字、小图片、动画及flash。 上网访问实际若干网站，了解各网站的风格（主题图形形象、导航是否清晰，整体色调的搭配是否协调，主题是否突出等）、页面布局方式；在网上找出下列版面布局的结构形式： ⑴T”结构布局 ⑵口型（国字型）布局 ⑶三型布局 ⑷ 对称对比布局 ⑸ POP布局 ⑹ 拐角型布局 ⑺ 标题正文型 ⑻ 封面型（主题图片型） 利用有哪些信誉好的足球投注网站引擎，浏览因特网上较为著名的5个网站，记录这些网站的名称、网站地址和以及相应的网页文件格式（扩展名）； 查看我院WWW网站主页的源代码，收藏到收藏夹中，将其设为主页，并指出该网站的链接结构、目录结构和页面布局方式。 1．掌握head/head的title标记，和meta标记； 2．掌握使用body标记设置网页背景颜色和文本颜色。学习使用分段标记p/p； 3．掌握使用font标记设置文字的属性； 4．掌握在网页中插入背景图片； 5．掌握在网页中插入水平线，并设置水平线的属性； 6．掌握在网页中插入背景音乐。 【实验环境】 Windows xp 【实验内容】 1、制作一个简单的网页1.htm，用记事本编辑内容为个人简介信息。 要求：有哪些信誉好的足球投注网站关键字为“个人”“主页”“简介”，标题为我的个人简介。 背景为#33ccff,文本颜色为黑色，文本需分段表示。 过记事本编辑网页.htm，内容为李白的诗“”。 要求每行诗为一个段落，四行文字颜色不同，字体不同。 、通过记事本编辑网页.htm，实现如页面 4、通过记事本编辑网页.htm，实现如下页面。插入背景音乐.mp3”。 5、通过记事本编辑网页.htm，实现如下页面 项目3 HTML语言（二） 【实验目的】 掌握网页超链接的使用及滚动页面信息的制作 【实验环境】 Windows xp 【实验内容】 1实现网页内部、外部的链接的设置 2实现在页面中实现背景图片与前景图的显示 实验过程及步骤： 一、实验步骤 阶段1：制作用户登录界面、产品登录页面并链接到首页 ? 需求说明图示（一） ? 需求说明图示（二） ? 实现思路及关键代码（实验报告中详述） 1、 超链接A标签中href属性定义了链接的方向 A href=“login.html”[登录]/A 2、MARQUEE标签的scrolldelay属性定义滚动速度 MARQUEE scrolldelay=“150”精品推荐/ MARQUEE 阶段2：制作注册页面、关于拍拍页面并链接到首页 ? 需求说明图示（一） ? 需求说明图示（二）--使下图中的图片在页面上滚动滚动 项目4 HTML语言（三） 【实验目的】 1．掌握使用表格标记，设置表格属性。 【实验环境】 Windows xp 【实验内容】 1、使用表格标签,制作如下图所示的页面。要求: 表格内容水平居中对齐,垂直居中对齐，页面标题为音乐网站。. 设置超级链接颜色 点击播放,即可播放对应的音乐,音乐在网上下载。 项目5 HTML语言（四） 【实验目的 1．掌握建立框架 【实验环境】 Windows xp 【实验重点及难点】 掌握框架的使用。 【实验内容1、制作书本148--149页操作题第9题，熟悉框架页面的制作。 项目6 HTML语言（） 实验目的 1．掌握表单关标记的使用； 掌握3个页面的框架的定义和属性设置。 实验环境 Windows xp。实验内容建立如下表单页面： 建立如下框架页面，相关图片建议试着自己制作，也可从网上下载。 实验目的 1．掌握表单关标记的使用； 掌握3个页面的框架的定义和属性设置。 实验环境 Windows xp。1：运用样式修饰文字 ? 训练要点： CSS的基本语法 行内样式表的使用 ? 需求说明： ? 实现思路和关键代码：（实验报告中详述） CSS行内样式表： P style=“color：#0000FF”……/P 阶段2：采用行内样式表的方式修饰拍拍公告 ? 需求说明图示：采用行内样式表的方式修饰拍拍公告 阶段3：使用内嵌样式修饰表格 ? 训练要点： 内嵌样式表的基本语法 类样式的创建 ? 需求说明： ? 实现思路及关键代码：（实验报告中详述） 超链接伪类的使用以及类样式的定义 a:link {…} /* 未被