应技大计算机网络实验9.pdf

计算机网络应用基础实验指导 实验9 网页设计基础（HTML ） 实验实验9 网页设计基础网页设计基础 （（HTML ）） 实验实验 网页设计基础网页设计基础 （（ ）） 一、一、实验目的实验目的 一一、、实验目的实验目的 1. 了解HTML 。 2. 学会用HTML 制作简单网页。 3. 了解Dreamweaver8 。 4. 学会用Dreamweaver8 制作简单网页。 二、二、实验实验理论理论 二二、、实验实验理论理论 1. HTML HTML 是Hypertext Markup Language 的缩写，即超文本标记语 言，也是网页制作的基础。 2. HTML 的编辑 HTML 的脚本可以用任何一种文本编辑器编写，保存为纯本文格 式，扩展名为.htm。HTML 的脚本总是以标记html开始，到/html 结束，主要包括头部和主体两部分。其中头部以标记head开始，到 /head结束，表示本页的标题和说明信息。主体以标记body开始， 到/body结束，包括文字、图片、动画等浏览器中看到的内容。 下面给出一个简单的实例： html head title一个简单的Html 实例/title /head body center h1欢迎进入我的主页/h1 br hr font size=5 /font /center /body /html 将上述代码在文本编辑器中输入，保存为“xxx.htm ”，网页如图 第 1 页 计算机网络应用基础实验指导 实验9 网页设计基础（HTML ） 9-1 所示。 图9-1 简单Html 网页实例 3. Dreamweaver8 简介 Dreamweaver 是Macromedia 公司推出的一款优秀的可视化网页 制作专业工具，它不仅在源代码控制方面表现突出，在易用性和兼容 性等方面更为出色。该工具软件涉及网站站点规划和网页制作的基本 操作，比如:页面布局、文本、样式表、超级链接、图像、表格、层、 框架、表单、行为模板等等。 Dreamweaver 提供了可视化编辑和传统的代码编辑两种方式。在 它的主界面中包括：文档窗口即主要工作窗口，用于显示页面的最终 显示效果；此外还有快捷菜单功能，插入对象(Insert)面板，属性 (Properties)面板和浮动面板组。 4. Dreamweaver 设计网页的基本步骤 1． 定义本地站点 2 ． 创建主页文件 3 ． 设置页面标题 4 ． 设置页面格式，并添加文本和图像等 5 ． 创建新的页面，并添加超级链接。 6 ． 预览页面效果并发布站点。 三、三、实验实验条件条件 三三、、实验实验条件条件 1. 实验设备 计算机，Internet 网。 2. 实验软件 第 2 页 计算机网络应用基础实验指导 实验9 网页设计基础（HTML ） Windows XP /Vista/Win7 、IE 浏览器、Dreamweaver8 。 四、四、实验实验内容内容 四四、、实验实验内容内容 1. 学会HTML 语言的基本结构。 2. 学习使用一般文本编缉