网页设计实验报告 实验一.doc

《网页设计实验报告 实验一.doc》由会员分享，可在线阅读，更多相关《网页设计实验报告 实验一.doc（7页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、昆明理工大学信息工程与自动化学院学生实验报告（ 201 201 学年第 一 学期 ）课程名称：Web设计技术 开课实验室： 年 月 日年级、专业、班 学号 姓名 成绩实验项目名称网页设计简介、HTML基础介绍、文字与段落、列表指导教师 教师评语 教师签名： 年 月 日注：报告内容按实验须知中七点要求进行。一.打开记事本，编写第一个页面。 （1）打开记事本：单击“开始”“程序”“附件”“记事本”。 （2）输入下面代码： 欢迎你! 我的朋友.hlfont-family：幼圆；font-size：x-large；color：red当你进入HTML编程世界的时候，你的感觉是全新的！alert( wel

2、come! 朋友们 ) (3)单击“文件”“选择”“保存”菜单项，选择文件类型为“所有文件”，文件名输入“index.html”并选择文件保存地址（记住一定要把文件的后缀存为.html或.htm，否则网页无法显示）。 （4）用浏览器打开这个文件，看看效果吧！二用HTML语言编写符合以下要求的文档：标题为“班级主页”，在浏览器窗口用户区显示“欢迎来到我们的班级主页”，完成后效果如图：代码：班级主页欢迎来到我们的班级主页三采用本章介绍的HTML标记完成如图所示的文字内容。代码：文字实例3.1.2 标题字   标题字，就是以几种固定的字号去显示文字。在HTML中，定义了六级标题，

3、从一级到六级，每级标题的字体大小依次递减。基本语法：    <h# align=left|center|right>标题文字</h#>语法说明：   标题标记本身具有换行的作用，标题总是从新的一行开始；#用来指定标题文字的大小，#取16的整数值，取1时文字最大，取6时文字最小。四根据本章所讲知识，采用有序列表技术编写出具有如图所示的运行效果页面的程序。代码： 数字列表： 1.苹果 2.香蕉 3.柠檬 4.橘子 大写罗马字母列表: I.苹果 II.香蕉 III.柠檬 IV.橘子 大写字母列表： A. 苹果 B.香蕉 C.柠檬 D.橘

4、子 小写罗马字母列表： i.苹果 ii.香蕉 iii.柠檬 iv.橘子 小写字母列表： a.苹果 b.香蕉 c.柠檬 d.橘子 五根据本章所讲知识，用无序列表多层嵌套编写出具有如图所示的运行效果页面的程序。代码：列表嵌套实验 一个嵌套列表： 咖啡 茶   红茶  绿茶    中国茶   非洲茶 牛奶 实验结果分析：通过本次实验网页设计有了更进一步的认识，熟悉了HTML文件的基本结构和基本语法以及文字与段落的格式设置，如文字内容标记、文字修饰标记、文字样式标记、段落修饰标记的使用。还有学会了无序列表、有序列表的使用，掌握了列表的嵌套使用。其中不足之处在于对于一些固定的标记语法不够熟悉，在今后的学习和实验中还要继续对其加深印象，要做到熟练的掌握。