网页设计与制作案例教程-全套PPT课件.pptx

网页设计与制作案例教程;1.1HTML简介

1.2HTML编写规范

1.3创建HTML文件

1.4网页的摘要信息

1.5HTML页面中的块和行

1.6注释和特殊符号

1.7实训——制作力天商务网的版权信息

;HTML是HyperTextMarkupLanguage（超文本置标语言）的缩写，是一种为普通文件中某些字句加上标签的语言，其目的在于运用标签（tag）对文件达到预期的效果。

HTML最早源于SGML（StandardGeneralMarkupLanguage，标准通用化置标语言），它由Web的发明者TimBerners-Lee和其同事DanielW.Connolly于1990年创立。在互联网发展的初期，互联网由于没有一种网页技术呈现的标准，所以多家软件公司就合力打造了HTML标准，HTML标准规定网页如何处理文字，如何安排图画等等，其中最著名的就是HTML4，这是一个具有跨时代意义的标准，在HTML4标准提出之前，互联网上的标准非常混乱，当时的微软、网景等公司都提出了需要制定新的标准来规范互联网，所以W3C组织就于1997年提出了HTML4标准。;1.2.1HTML文档结构

1．标签

HTML文档由标签和被标签的内容组成。标签能产生所需要的各种效果。其功能类似于一个排版软件，将网页的内容排成理想的效果。其格式为：

标签受标签影响的内容/标签

2．标签的属性

每个标签都有一系列的属性。标签通过属性来制作出各种效果，格式为：

标签属性1=属性值1属性2=属性值2…受标签影响的内容/标签;1.2.2HTML代码规范

1．标签和属性的规范

2．元素的嵌套

3．不推荐使用的标签

在HTML中，某些标签不推荐使用，例如，b、strong、i、em、dfn、code、samp、kbd、var、cite等标签。

4．代码的缩进

在编写HTML代码时要注意使用代码缩进来提高程序的结构性和层次性。;1.2.3HTML文档结构

!doctypehtml

html

head

metacharset=gb2312

title文档标题/title

/head

body

网页内容

/body

/html

;①打开记事本。单击Windows的“开始”按钮，在“程序”菜单的“附件”子菜单中单击“记事本”命令。

②创建新文件，并按HTML语言规则编辑。在“记事本”窗口中输入HTML代码，具体的内容如图1-2所示。

③保存网页。打开“记事本”的“文件”菜单，选择“保存”命令。此时将出现“另存为”对话框，在“保存在”下拉列表框中选择文件要存放的路径，在“文件名”文本框输入以.html或.htm为后缀的文件名，如welcome.html，在“保存类型”下拉列表框中选择“文本文档（*.txt）”项，最后单击“保存”按钮，将记事本中的内容保存在磁盘中。

④在“我的电脑”相应的存盘文件夹中双击welcome.html文件启动浏览器，即可看到网页的显示结果。;网页的摘要信息一般放在HTML文档的头部（head）区域，主要通过以下两个标签进行描述。

1.4.1title标签

网页的标题能给浏览者带来方便。首先，标题概括了网页的内容，能使浏览者迅速了解网页的大概。其次，如果浏览者喜欢该网页，将它加入书签中或保存到磁盘上，标题就作为该页面的标志或文件名。另外，使用有哪些信誉好的足球投注网站引擎时显示的结果也是页面的标题。可见，标题是相当重要的。标题title标签的格式为：

title标题名/title;1.4.2meta标签

meta标签的name属性的语法格式为：

＜metaname=参数content=参数值＞。

name属性主要用于描述网页摘要信息，与之对应的属性值为content，content中的内容主要是便于有哪些信誉好的足球投注网站引擎查找信息和分类信息用的。

name属性主要有以下两个参数：keywords和description。

1．keywords（关键字）

keywords用来告诉有哪些信誉好的足球投注网站引擎网页使用的关键字。2．description（网站内容描述）

description用来告诉有哪些信誉好的足球投注网站引擎网站主要的内容。;1.4.3案例——制作兴宇书城页面摘要信息

【演练1-1】制作兴宇书城页面摘要信息.

【说明】用户可以登录百度有哪些信誉好的足球投注网站引擎/search/url_submit.html收录网页，以便浏览者访问到自己的网站。;从页面布局和显示外观的角度看，一个页面的布局就类似一篇文章的排版，需要分为多个区块，较大的区块又可再细分为小区块。块内为多