《实验9.网页设计基础(html)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、计算机网络应用基础实验指导实验9网页设计基础（HTML）实验9网页设计基础（HTML）一一、一、、实验目的、实验目的1.了解HTML。2.学会用HTML制作简单网页。3.了解Dreamweaver8。4.学会用Dreamweaver8制作简单网页。二二、二、、实验、实验理论1.HTMLHTML是HypertextMarkupLanguage的缩写，即超文本标记语言，也是网页制作的基础。2.HTML的编辑HTML的脚本可以用任何一种文本编辑器编写，保存为纯本文格式，扩展名为.htm。HTML的脚本总是以标记开始，到结束，主要包括头部和主体两部分。其中

2、头部以标记开始，到结束，表示本页的标题和说明信息。主体以标记开始，到结束，包括文字、图片、动画等浏览器中看到的内容。下面给出一个简单的实例：

3、。图9-1简单Html网页实例3.Dreamweaver8简介Dreamweaver是Macromedia公司推出的一款优秀的可视化网页制作专业工具，它不仅在源代码控制方面表现突出，在易用性和兼容性等方面更为出色。该工具软件涉及网站站点规划和网页制作的基本操作，比如:页面布局、文本、样式表、超级链接、图像、表格、层、框架、表单、行为模板等等。Dreamweaver提供了可视化编辑和传统的代码编辑两种方式。在它的主界面中包括：文档窗口即主要工作窗口，用于显示页面的最终显示效果；此外还有快捷菜单功能，插入对象(Insert)面板，属性(Properties)面板和浮动面板组。4

4、.Dreamweaver设计网页的基本步骤1．定义本地站点2．创建主页文件3．设置页面标题4．设置页面格式，并添加文本和图像等5．创建新的页面，并添加超级链接。6．预览页面效果并发布站点。三三、三、、实验、实验条件1.实验设备计算机，Internet网。2.实验软件第2页计算机网络应用基础实验指导实验9网页设计基础（HTML）WindowsXP/Vista/Win7、IE浏览器、Dreamweaver8。四四、四、、实验、实验内容1.学会HTML语言的基本结构。2.学习使用一般文本编缉软件制作简单的网页。3.学习使用Dreamweaver8软件。4.学会Dreamweave

5、r8设计网页。五五、五、、实验、实验步骤实验总体要求：学生每人独立完成网页设计，并撰写实验报告。1.制作第一张网页。第l步：打开记事本编缉器，并以“主页.htm”为文件名保存。如图9-2所示。图9-2记事本编辑器第2步：在打开的记事本编缉器中输入如下内容：

6、#550055"size="7">我的网站