網页设计基础案例与上机手册.docVIP

Web系统与技术 第二部分《网页设计基础》 案例手册 清华大学计算机与信息管理中心 一、HTML部分案例： 案例编号：HTML-01 案例名称：认识HTML的基本标签和属性 案例目标及知识点 通过制作简单的HTML页面，对HTML的标签和属性有个宏观的认识，激发学生对HTML语言的兴趣。 运用了body的属性：text、background、alink 、 leftmargin、 topmargin 熟悉这些属性的用途和设置方法。 案例功能说明 做出符合以下要求的网页： 将网页标题设置为：欢迎来到我的个人网页； 将网页背景设置为指定图片： 将网页的文本颜色设置为：#660033 将网页的左边距设置为：10px ,上边距设置为：400px ; 将网页以文件名为：例1-2.html保存。 实验结果参照页面美化效果，如下图： 图1-1 3、案例操作步骤 在HTML的编辑页面输入源码。 将此HTML代码以.html或者.htm作为扩展名，保存到相应文件夹下，例如：保存为例1-2.html在d盘根目录下； 将背景图片tp.jpg放到相对路径为images的文件夹下，如果图片比页面小，图片会自动重复； 用网页浏览器打开此HTML页面，即可以看到此页的页面效果。 4、案例参考源码 源码1