《西北农林科技大学计算机网络技术与运用实习12网页设计.docVIP

信 息 工 程 学 院 计算机网络应用技术 实验/实习报告 学院:生命科学学院 班级:2 姓名: 学号: 成绩:A 实习1-2 网页设计 1.了解HTML文档结构； 2.掌握基本标记的使用； 3.能够运用文本编辑器制作简单网页。 4.熟悉FrontPage2003 的工作环境； 5.掌握FrontPage2003 站点管理功能； 6.掌握FrontPage2003制作网页的基本方法； 7.掌握网页制作中的常用页面布局方法。 8.制作简单的个人主页 二、实习内容 1.学习EditPlus文本编辑器的使用。 2.使用EditPlus制作只有一行文字的网页，了解HTML文档结构，并在IE浏览器中打开编写的网页文件，查看运行效果； 3. 在网页中添加多段文本内容，并对页面格式进行设置排版，制作一个简单文字内容的网页； 4. 在网页中添加图片，并对页面格式进行设置排版，制作一个简单图文内容的网页； 5. 制作一个索引网页，建立与前面网页之间的超连接； 6. 制作一个简单的个人主页。 7.制作一个简单的个人主页。 8. FrontPage2003管理站点功能（个人网站）； 9.制作图文混排的网页； 10.制作图片展示网页； 11.制作个人网站首页； 12.自拟主题制作包含图文混排、图片、表格、主页四个页面的网站。 三、实习要求 1. 独立完成实习内容； 2. 保存制作的网页（包括图片文件），提示应建1个文件夹，将有关文件存到这个文件夹中； 3. 同学间进行测试（通过文件拷贝方式到其他同学的计算机上）； 4. 根据指导书实例和操作步骤，独立完成步骤①至⑤的内容。 5. 自拟主题，完成步骤⑥的任务。 6. 实习报告中对运用FrontPage制作网页进行小结，并对思考题的命题进行简要的论述（字数500-800）。 7．提交自拟主题网站的压缩包。 思考问题 1. 如何管理网站文件？ 2. 如何规划和设计较复杂的主页？ 3. 制作网站需要哪几个阶段？各阶段应完成的基本任务是什么？ 四、实习过程 1.学习EditPlus文本编辑器的使用。 2.使用EditPlus制作只有一行文字的网页，了解HTML文档结构，并在IE浏览器中打开编写的网页文件，查看运行效果； 3.在网页中添加多段文本内容，并对页面格式进行设置排版，制作一个简单文字内容的网页； 4. 在网页中添加图片，并对页面格式进行设置排版，制作一个简单图文内容的网页； 5. 制作一个索引网页，建立与前面网页之间的超连接； 6. 制作一个简单的个人主页。 利用EditPlus制作了一个比较简单的主页，内容是介绍西北农林科技大学王辉教授相关的新闻报道。用到了插入文字、插入图片、图文混排、链接网站等等。（网页文件已打包上传至附件） 运用了多种HTML标记，例如：Body、P、br、H1～h6、Hr、Font、img等等。 网站链接，选择连接西北农林科技大学新闻网。 7.制作一个简单的个人主页。 8. FrontPage2003管理站点功能（个人网站）； 9.制作图文混排的网页； 10.制作图片展示网页； 11.制作个人网站首页； 12.自拟主题制作包含图文混排、图片、表格、主页四个页面的网站。 首先按照实习指导，练习完成了“孙悟空个人主页”，练习了FrontPage的基本操作。（网页文件已打包上传至附件）  随后选择了以“我的高中生活”为主题设计了专题主页。（网页文件已打包上传至附件） 主页 各项链接  五、实习总结 1.学习掌握并练习的操作：利用EditPlus 和FrontPage进行了插入文字、插入图片、图文混排、链接网站、链接主页音乐等等 2.利用在word中学到的设计页面方法，对FrontPage进行了操作。同时也发现在编辑功能上有一定的差异。 3.利用表格设计了较为规范整齐的网页，但在利用表格时仍存在一些问题，例如：不知如何固定图片等页面设置的大小，以防止在不同大小的窗口中，页面排布发生移动。 4. 同时对于各种标记以及相关的属性之间的关系比较混淆，例如，字标记font…/font与段落标记p…/p之间是并列的关系，却写成p font size=…,另外还有a=href= 这种错误，这就需要对基本的标记用法熟练掌握，同时要细心操作编辑。 思考问题 如何管理网站文件？ 当创建新的站点时，FrontPage会自动创建images和＿private两个文件夹以及一个用户名为index.htm的网页文件。文件夹＿private是FrontPage用来保存一些备份文件或临时文件的。对于一个网站来说一般默认约定index.htm为网站的首页（主页）。Images用于保存网站中用到的图片。 如何规划和设计较复杂的主页？