风杀 下载:编写Html网页文件(一)

来源:百度文库 编辑:九乡新闻网 时间:2024/05/06 18:27:42

编写Html网页文件(一)  

实训二:编写Html网页文件(一)

实训目的:

1、  通过编写Html代码来理解网页最基本的组成,提高对网页、网站的认识;

2、  通过编写Html代码,记住一些常用的标签及属性的设置,并掌握html编写规则;

3、  利用Html标记来制作静态网页,方便今后更深入学习动态网站的制作;

4、  学会阅读网页源代码,学习、模仿优秀网站的制作方法和技巧。

实训要求:禁止直接复制代码!!!

实训内容及步骤:

1、  打开记事本,编写网页最基本的架构:

      

      

创建一个文件夹并以index.htm,或index.html,或default.htm,或default.html保存。

2、  网页头部文件经常使用的两个标签:

(1)网页的标题

(2),meta标签有两个属性,一个是name,一个是http-equiv。利用name=”keywords”定义网页的搜索关键字,用name=”description”来定义网页的主要内容;利用http-equiv来设置网页使用的文字及语言;

3、  设置body标签:网页的背景颜色bgcolor、背景图片background,用leftmargin,rightmargin,leftmargin,rightmargin设置网页上下左右的留白部分的大小,用text设置网页文字的颜色。

4、  网页中文字的排版与设计:标题、换行、段落、水平线、文字的大小、字体的设置、文字的颜色、水平对齐方式(align)、位置控制、颜色设置等,这部分内容多参考教材的例子。

5、设置网页中文字或图片的字幕的属性:

bgcolor      背景颜色        

direction   字幕滚动方向(down/up/left/right)

height        字幕高度        

width        字幕宽度

scrolldelay设定字幕滚动两次间的延迟时间,单位(毫秒)

scrollamout 每次移动的距离,单位(象素每毫秒)

loop    循环次数(默认为-1)

支持鼠标活动:

onMouseOver="this.stop()"
实训二:编写Html网页文件(二)

实训目的:

1.         过编写Html代码来理解网页最基本的组成,提高对网页、网站的认识;

2.         通过编写Html代码,记住一些常用的标签及属性的设置,并掌握html编写规则;

3.         利用Html标记来制作静态网页,方便今后更深入学习动态网站的制作;

4.         学会阅读网页源代码,学习、模仿优秀网站的制作方法和技巧。

 

实训内容及步骤:

1、  用来制作普通表格,先输入表格基本格式:

       

再设置表格长宽、背景色、边框颜色、单元格填充、单元格间的间距、对齐方式,多行多列的设置。

2、  技巧学习:利用两个表格的嵌套制作细线表格:

3、  制作文字、图片、邮件超链接:

4、  在网页中插入图片、音频文件、视频文件:
实训二:编写Html网页文件(三)

实训目的:

1.         过编写Html代码来理解网页最基本的组成,提高对网页、网站的认识;

2.         通过编写Html代码,记住一些常用的标签及属性的设置,并掌握html编写规则;

3.         利用Html标记来制作静态网页,方便今后更深入学习动态网站的制作;

4.         学会阅读网页源代码,学习、模仿优秀网站的制作方法和技巧。

 

实训内容及步骤:

1、  利用框架制作网页:

2、 表单的制作: