网页设计实验报告_图文
更新时间：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.com
目 标：谷歌的目标是“万能搜索”
此网站的导航利用超连接及表单等实现导航的
实验二、Dreamweavor应用
一、实验目的：掌握如何在Dreamweaver中进行网页编辑； 掌握Dreamweaver中站点的设置；
掌握网站空间的申请及网页的上传。
二、实验内容
1.将实验1中的内容，利用DreamWeavor完成，并注意在拆分视图下，观察它是如何将格式操作变成HTML代码的。
2.按书中要求，制作唐诗宋词网站的首页。
