网页制作教程（HTML+CSS+JavaScript）全套PPT课件.pptx

下载文档

13
0
约3.27万字
约 218页
2023-08-07 发布于上海
举报
版权申诉
保障服务

网页制作教程（HTML+CSS+JavaScript）全套PPT课件.pptx

1、本文档共218页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

网页制作教程（HTML+CSS+JavaScript）;1.1 HTML简介 1.2 HTML基本结构 1.3 创建HTML文档 1.4 页面摘要信息 1.5 网页结构 1.6 注释和特殊符号 1.7 实训——制作家具商城页面的版权信息 ; HTML是HyperText Markup Language（超文本置标语言）的缩写，是一种为普通文件中某些字句加上标签的语言，其目的在于运用标签（tag）对文件达到预期的效果。 HTML最早源于SGML（Standard General Markup Language，标准通用化置标语言），它由Web的发明者Tim Berners-Lee和其同事Daniel W.Connolly于1990年创立。在互联网发展的初期，互联网由于没有一种网页技术呈现的标准，所以多家软件公司就合力打造了HTML标准，HTML标准规定网页如何处理文字，如何安排图画等等，其中最著名的就是HTML4，这是一个具有跨时代意义的标准，在HTML4标准提出之前，互联网上的标准非常混乱，当时的微软、网景等公司都提出了需要制定新的标准来规范互联网，所以W3C组织就于1997年提出了HTML4标准。;1.2.1 HTML语法结构 HTML语法主要由标签、属性和元素组成，其语法结构为： <标签属性1="属性值1" 属性2="属性值2" …>元素的内容</标签> 1．标签 HTML文档由标签和被标签的内容组成。 2．属性每个标签都有一系列的属性。 3．元素元素指的是包含标签在内的整体，元素的内容是开始标签与结束标签之间的内容。;1.2.2 HTML语法规范 1．标签的规范 2．属性的规范 3．代码的缩进在编写HTML代码时要注意使用代码缩进来提高程序的结构性和层次性。;1.2.3 HTML文档结构 <!doctype html> <html> <head> <meta charset="gb2312"> <title>文档标题</title> </head> <body> 网页内容 </body> </html> ;① 打开记事本。单击Windows的“开始”按钮，在“程序”菜单的“附件”子菜单中单击“记事本”命令。 ② 创建新文件，并按HTML语言规则编辑。在“记事本”窗口中输入HTML代码，具体的内容如图1-2所示。 ③ 保存网页。打开“记事本”的“文件”菜单，选择“保存”命令。此时将出现“另存为”对话框，在“保存在”下拉列表框中选择文件要存???的路径，在“文件名”文本框输入以.html或.htm为后缀的文件名，如first.html，在“保存类型”下拉列表框中选择“文本文档（*.txt）”项，最后单击“保存”按钮，将记事本中的内容保存在磁盘中。 ④ 在“我的电脑”相应的存盘文件夹中双击first.html文件启动浏览器，即可看到网页的显示结果。; 网页的摘要信息一般放在HTML文档的头部（head）区域，主要通过以下两个标签进行描述。 1.4.1 <title>标签网页的标题能给浏览者带来方便。首先，标题概括了网页的内容，能使浏览者迅速了解网页的大概。其次，如果浏览者喜欢该网页，将它加入书签中或保存到磁盘上，标题就作为该页面的标志或文件名。另外，使用搜索引擎时显示的结果也是页面的标题。可见，标题是相当重要的。标题<title>标签的格式为： <title> 标题名 </title>;1.4.2 <meta>标签 <meta>标签的name属性的语法格式为：＜meta name="参数" content="参数值"＞。 name属性主要用于描述网页摘要信息，与之对应的属性值为content，content中的内容主要是便于搜索引擎查找信息和分类信息用的。 name属性主要有以下两个参数：keywords和description。 1．keywords（关键字） keywords用来告诉搜索引擎网页使用的关键字。2．description（网站内容描述） description用来告诉搜索引擎网站主要的内容。;1.4.3 案例——制作网络书城页面摘要信息【例1-1】制作兴宇书城页面摘要信息. 【说明】用户可以登录百度搜索引擎/search/url_submit.html收录网页，以便浏览者访问到自己的网站。; 从页面布局和显示外观的角度看，一个页面的布局就类似一篇文章的排版，需要分为多个区块，较大的区块又可再细分为小区块。块内为多行逐一排列的文字、图片、超链接等内容，这些区块一般称为块级元素；而区块内的文字、图片或超链接等一般称为行级元素。