WEB实验指导书-2011.pdfVIP

WEB 技术及应用实习指导 (各专业通用) 西北农林科技大学信息工程学院 2011年3月 实习一 HTML语言 实习一 HTML语言 实实习习一一 HHTTMMLL语语言言 一、实习目的 1. 了解HTML文档结构； 2. 初步掌握基本标记的使用； 3. 能够运用文本编辑器制作简单网页。 二、实习内容 1. 使用文本编辑器制作只有一行文字的网页，了解HTML文档结构。 2. 在IE浏览器中打开编写的网页文件，查看运行效果； 3. 在网页中添加文本内容，并对页面格式进行设置排版，制作一个简单文字内容的网页； 4. 在网页中添加图片，并对页面格式进行设置排版，制作一个简单图文内容的网页； 5. 制作一个索引网页，建立与前面网页之间的超连接； 6. 制作一个简单的个人主页。 三、实习步骤 1.学习EditPlus文本编辑器的使用 1.学习EditPlus文本编辑器的使用 11..学学习习EEddiittPPlluuss文文本本编编辑辑器器的的使使用用 打开EditPlus，了解EditPlus的基本功能与使用方法。 2.使用EditPlus制作一行文字的网页 2.使用EditPlus制作一行文字的网页 22..使使用用EEddiittPPlluuss制制作作一一行行文文字字的的网网页页 � 使用EditPlus新建一个空白网页，观察网页的基本结构，了解基本结构所用标记的 作用，保存文件，在IE浏览器中查看网页运行效果。 � 在空白网页的BODY标记之间添加文字“西北农林科技大学”，存盘并查看运行效果。 3. 制作一个简单文字内容的网页 3. 制作一个简单文字内容的网页 33.. 制制作作一一个个简简单单文文字字内内容容的的网网页页 ① 新建一个空白网页； ② 添加适量文字； ③ 利用HTML文字标记进行版面编排，要求： � 使用标题； � 分段、分行、段落对齐方式； � 设置字体（字体、大小、颜色、风格）； � 插入水平线等。 ④ 保存文件（文件名为1.htm）； ⑤ 在IE浏览器中查看网页运行效果； ⑥ 重复③的过程，更改标记属性，观察运行效果。 -1- 4. 制作一个简单图文内容的网页 4. 制作一个简单图文内容的网页 44.. 制制作作一一个个简简单单图图文文内内容容的的网网页页 ① 新建一个空白网页，在网页中添加适量文字，利用HTML文字标记进行版面编排； ② 运用HTML标记插入图片，设置图片的属性，进行图文混排； ③ 保存文件（文件名为2.htm），查看网页运行效果。 5.建立超链接 5.建立超链接 55..建建立立超超链链接接 ① 新建一个空白网页，在网页中添加三个超链接，分别链接到前面制作的网页（1.htm和 2.htm）上，保存文件，查看网页运行效果，进行链接测试。 ② 在网页中建立其它网站的超链接，分别链接到“西北农林科技大学”主页 （），“新浪网”主页（），查看网页 运行效果，进行链接测试。 6.制作一个简单的个人主页。 6.制作一个简单的个人主页。 66..制制作作一一个个简简单单的的个个人人主主页页。。 根据前面的练习，制作个人主页，要求：有个人简介，图片，超链接等内容，作到页面美观， 内容充实。 四、实习要求 1. 独立完成实习内容； 2. 保存制作的网页； 3. 记录实习过程存在的问题，书写实习报告。 五、思考问题 1. 网页的基本结构包括哪些部分，各部分的功能是什么？ 2. 网页设计中有哪些常用的图片类型，如何设置属性？ 3. 网页设计中如何设置超链接？ -2- 实习二 Dreamweaver基本应用