实验指导书：熟悉HTML语言与网页设计初探

版权申诉

13 浏览量更新于2024-03-01 收藏 834KB DOC 举报

<html> <head> <title>我的第一个网页</title> </head> <body style="background-color: #ffffff;"> <h2>我的个人主页</h2> <hr style="border: 2px solid red; width: 80%;"> </body> </html> ``` 2、用 Dreamweaver 做出以下图 1-2 的页面效果。图 1-2 第二个网页效果图要求：在页面中央放一个图片，图片的地址为 "./images/pic.jpg"，并添加一段文字描述：“这是我的第一张网页图片”。背景颜色代码为“#F0F0F0”。" ```html <!DOCTYPE html> <html> <head> <title>我的第二个网页</title> <style> body { background-color: #F0F0F0; } img { display: block; margin: 0 auto; } </style> </head> <body> <img src="./images/pic.jpg" alt="我的第一张网页图片"> <p>这是我的第一张网页图片</p> </body> </html> ``` 以上是《网站建设与网页设计》实验指导书中关于实验一的内容。在这个实验中，学生需要学习并掌握HTML语言的基本标记，通过使用文本编辑器和Dreamweaver建立HTML文档，制作简单的网页。实验一的目的在于让学生熟悉常用的HTML语言标记，掌握文本编辑器和Dreamweaver的使用方法，以及学会将其他格式的文档转换成HTML格式的文档。实验类型为验证性实验，学时为2学时。在第一部分的实验内容中，学生需要用文本编辑器如记事本，制作出一个特定页面效果，其中包括标题为“我的第一个网页”，页面中有文字“我的个人主页”，字体格式为标题h2。然后在第二部分的实验内容中，学生需要用Dreamweaver制作出另一个特定页面效果，其中包括一个居中放置的图片和一段文字描述，背景颜色为“#F0F0F0”。通过以上实验，学生将会初步掌握HTML语言的基础知识，能够制作简单的网页，并且熟练运用文本编辑器和Dreamweaver进行页面设计。这些知识和技能对于今后的网站建设与网页设计工作都具有重要意义。

<html>

<head>

<title>多窗口页面</title>

</head>

</frameset><noframes></noframes>

</html>

图 1-4 框架集应用

请参考上述代码，设计横向排列的三个窗口，并分别指向 A.html、B.html 和 C.html 三个文件。

提示：横向排列的属性为：rows。

（2）示例：页面效果如图 1-5,代码如下:

<!--- 省略部分代码----

</frameset>

<!--- 省略部分代码----

图 1-5 框架集应用

剩余14页未读，继续阅读

老帽爬新坡

粉丝: 92
资源: 2万+

实验指导书：熟悉HTML语言与网页设计初探

网站建设与web设计实验指导书.pdf

网页制作实验指导书.doc

网页设计与制作实验指导书.doc编程资料

python数据结构实验目的_Python-实验指导书.doc

软件设计说明书实例.doc

软件系统概要设计说明书.doc

光伏发电指导书.doc

重命名test02目录中的dfd.doc为fff.doc

singft 函数 matlab,（新）信号与系统MATLAB实验全.doc

防护电路设计规范华为1.doc

最新资源