html实验原理及目的,网页设计实验报告_图文

网页设计实验报告_图文

更新时间：2017/2/12 11:45:00  浏览量：1270  手机版

JIANGXI AGRICULTURAL UNIVERSITY

本 科 课 程 报 告

题目： 网页制作实验报告

学 院： 软件学院 姓 名： 徐潇 学 号： 20101506 专 业： 软件工程 班 级： 软件1002班 指导教师： 唐建军、胡昶

二0一一年十二月

实验一、认识HTML

一、实验目的：了解HHTML中涉及的技术。

HTML语言的组成及特点，学会利用HTML语言编辑网页。 了解CSS。

了解网站开发的流程。

二、实验内容

1.参考书1.2.1节，利用记事本实现唐诗实例。

(1):在“记事本”中输入虞美人的文本。

(2):选择“文件”—>“保存”命令，将该文件保存为“虞美人.html”，此时该文档将显示IE图标。

(3):打开图标。

如图所示：

2. 在Dreamweaver中输入如下代码：

3.请写出以下效果的HTML代码(包括分行及分段效果)

角标的实现：在拆分视图下的文本编辑区域输入X1，然后看其在代码编辑区的变化。想要实现上下角标要用到角标在字母的上方; 角标在字母的下方。

红色字体的实现：在文本编辑区域回车编写“这是红色的字”然后选中这行字在属性面板中选择颜色为红色。

粗体字的实现：在文本编辑区域回车编写“这是粗体字”然后选中这行字在属性面板中点击粗体。

斜体字的实现：在文本编辑区域回车编写“这是斜体字”然后选中这行字在属性面板中点击斜体

4.我上网浏览了谷歌

他的URL：http：//www.google

目 标：谷歌的目标是“万能搜索”

此网站的导航利用超连接及表单等实现导航的

实验二、Dreamweavor应用

一、实验目的：掌握如何在Dreamweaver中进行网页编辑； 掌握Dreamweaver中站点的设置；

掌握网站空间的申请及网页的上传。

二、实验内容

1.将实验1中的内容，利用DreamWeavor完成，并注意在拆分视图下，观察它是如何将格式操作变成HTML代码的。

2.按书中要求，制作唐诗宋词网站的首页。