西北农林科技大学计算机网络技术与运用实习1-2 网页设计

1、信 息 工 程 学 院 计算机网络应用技术 实验/实习报告学院:生命科学学院班级:2姓名:学号: 成绩:A实习1-2 网页设计一、实习目的 1.了解HTML文档结构；2.掌握基本标记的使用；3.能够运用文本编辑器制作简单网页。4.熟悉FrontPage2003 的工作环境；5.掌握FrontPage2003 站点管理功能；6.掌握FrontPage2003制作网页的基本方法；7.掌握网页制作中的常用页面布局方法。8.制作简单的个人主页二、实习内容1.学习EditPlus文本编辑器的使用。2.使用EditPlus制作只有一行文字的网页，了解HTML文档结构，并在IE浏览器中打开编写的网页文件，查

2、看运行效果；3. 在网页中添加多段文本内容，并对页面格式进行设置排版，制作一个简单文字内容的网页；4. 在网页中添加图片，并对页面格式进行设置排版，制作一个简单图文内容的网页；5. 制作一个索引网页，建立与前面网页之间的超连接；6. 制作一个简单的个人主页。7.制作一个简单的个人主页。8. FrontPage2003管理站点功能（个人网站）；9.制作图文混排的网页；10.制作图片展示网页；11.制作个人网站首页；12.自拟主题制作包含图文混排、图片、表格、主页四个页面的网站。三、实习要求1. 独立完成实习内容；2. 保存制作的网页（包括图片文件），提示应建1个文件夹，将有关文件存到这个文件夹中

3、；3. 同学间进行测试（通过文件拷贝方式到其他同学的计算机上）；4. 根据指导书实例和操作步骤，独立完成步骤至的内容。5. 自拟主题，完成步骤的任务。6. 实习报告中对运用FrontPage制作网页进行小结，并对思考题的命题进行简要的论述（字数500-800）。7提交自拟主题网站的压缩包。思考问题1. 如何管理网站文件？2. 如何规划和设计较复杂的主页？3. 制作网站需要哪几个阶段？各阶段应完成的基本任务是什么？四、实习过程1.学习EditPlus文本编辑器的使用。2.使用EditPlus制作只有一行文字的网页，了解HTML文档结构，并在IE浏览器中打开编写的网页文件，查看运行效果；3.在网页

4、中添加多段文本内容，并对页面格式进行设置排版，制作一个简单文字内容的网页；4. 在网页中添加图片，并对页面格式进行设置排版，制作一个简单图文内容的网页；5. 制作一个索引网页，建立与前面网页之间的超连接；6. 制作一个简单的个人主页。利用EditPlus制作了一个比较简单的主页，内容是介绍西北农林科技大学王辉教授相关的新闻报道。用到了插入文字、插入图片、图文混排、链接网站等等。（网页文件已打包上传至附件）运用了多种HTML标记，例如：Body、P、br、H1h6、Hr、Font、img等等。网站链接，选择连接西北农林科技大学新闻网。7.制作一个简单的个人主页。8. FrontPage2003管

5、理站点功能（个人网站）；9.制作图文混排的网页；10.制作图片展示网页；11.制作个人网站首页；12.自拟主题制作包含图文混排、图片、表格、主页四个页面的网站。首先按照实习指导，练习完成了“孙悟空个人主页”，练习了FrontPage的基本操作。（网页文件已打包上传至附件）随后选择了以“我的高中生活”为主题设计了专题主页。（网页文件已打包上传至附件）主页各项链接五、实习总结1.学习掌握并练习的操作：利用EditPlus 和FrontPage进行了插入文字、插入图片、图文混排、链接网站、链接主页音乐等等2.利用在word中学到的设计页面方法，对FrontPage进行了操作。同时也发现在编辑功能上有

6、一定的差异。3.利用表格设计了较为规范整齐的网页，但在利用表格时仍存在一些问题，例如：不知如何固定图片等页面设置的大小，以防止在不同大小的窗口中，页面排布发生移动。4. 同时对于各种标记以及相关的属性之间的关系比较混淆，例如，字标记<font></font>与段落标记<p>/p>之间是并列的关系，却写成<p font size=>,另外还有<a=href="" >这种错误，这就需要对基本的标记用法熟练掌握，同时要细心操作编辑。思考问题1. 如何管理网站文件？当创建新的站点时，FrontPage会自动创建ima

7、ges和private两个文件夹以及一个用户名为index.htm的网页文件。文件夹private是FrontPage用来保存一些备份文件或临时文件的。对于一个网站来说一般默认约定index.htm为网站的首页（主页）。Images用于保存网站中用到的图片。2. 如何规划和设计较复杂的主页？（1）. 网页内容要规范 要认真规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果，最好别把文字的规格设得太小、也不能太大。另外，最好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。 （2）.运用表格 不要把一个网站的内

8、容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来结构分明。 （3）.不用特殊字体 一些特殊字体在网页显示时会出现乱码，影响网页质量。（4）.尽量为图片附加注释文字 给每个图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大图片更应如此。3. 制作网站需要哪几个阶段？各阶段应完成的基本任务是什么？ （1）.确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题，同时主题要鲜明。 （2）.搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 （3）.规划网站 网站规划包含如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等， （4）制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大