项目四 制作慕课网首页.ppt

网页概述网页标准在符合标准的网页设计中，HTML、CSS和JavaScript并列称为网页前端设计的3种基本语言，其中：?HTML英语全称是HyperTextMarkupLanguage，中文全称是超文本标记语言，作用是浏览器端组织和显示网页信息（文本、图片、视频等）。?CSS英文全称是CascadingStyleSheets，中文全称是层叠样式表，作用是格式化网页的样式。?JavaScript是客户端脚本语言，使网页与用户之间产生动态交互效果，属于网页的行为层。*网页概述网页发展网页发展共分为三个阶段，即web1.0（共享）、web2.0（交互）和web3.0（聚合）。?Web1.0只读的互联网时代?Web2.0交互的互联网时代?Web3.0聚合的互联网时代*网页概述网页内容的种类?静态网页静态网页是每个网页都有固定的网址，网址后面是普通的格式，后缀一般为html，htm，shtml等，不包含“?”等格式的内容。静态网页发布到网上后，每个静态网页都会存储到服务器上。静态网页相对稳定，方便搜索引擎搜索，但在使用过程中，也存在一些弊端，比如不支持数据库，网站创建和维护所需工作量比较大，除此之外交互性比较差，在功能方面有很大的限制。*网页概述网页内容的种类?动态网页动态网页是相对静态网页来说的，指使用动态网络技术生成的网页，动态网页的后缀不仅仅是静态文件常见的形式，通常在动态网址之后包含“?”符号。在使用动态网页过程中，因其基于数据库技术，可以大大减少网站维护的工作量，采用动态技术的网页可以实现更多的功能，比如用户登录注册、在线管理等。在动态网页中，搜索引擎在搜索时存在某些问题。搜索引擎通常不可能访问网站数据库中的所有网页，或者由于技术原因，搜索无法获得网址？数字背后的内容，所以网站使用动态网页需要做一定的技术处理，以适应搜索引擎的要求。*HTML基础HTML文档的基本结构每门语言都有自己特定的格式和规范。HTML文档的基本结构如下：*htmlheadmetacharset=utf-8title无标题文档/title/headbody/body/htmlHTML文档结构下包括下面四部分（1）html和/html分别表示文档的开始和结束，用于告知浏览器其自身是一个HTML文档。（2）head/head为头部标签，用于定义HTML文档的头部信息，紧跟在html标签后，里面包括的内容有title、meta、link和style等。（3）body/body为主体标签，用于定义HTML文档所要显示的内容，在浏览器中所看到的图片、音频、视频、文本等都位于body内。该标签中的内容是展示给用户看的。HTML基础HTML语法每门语言都有自己特定的格式和规范。HTML文档的基本结构如下：*在HTML中，包含标签、元素、块级元素、内联元素及属性等，语法结构如右图所示，其中：标签：用尖括号包围的关键词称之为标签。元素：我们把匹配的标签对以及它们包围的内容称为元素。块级元素：在浏览器默认显示时以新行来开始（和结束）的元素。内联元素：在浏览器默认显示时在同一行按从左至右顺序显示，不单独占一行的元素，又称行内元素。属性：开始标签中那些以名称/值对的形式出现的内容，我们称之为属性。HTML基础表格表格是由行和列组成的结构化数据集（表格数据），通过在行和列的标题之间进行视觉关联的方法，就可以让信息能够很简单地被解读出来。每个表格均有若干行，每行被分割为若干单元格。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。表格的基本结构如图所示。*HTML基础框架框架的作用是把浏览器窗口分割成几个独立的小窗口，每个小窗口可以显示不同页面的内容，这样就可以同时浏览若干个网页。框架分为两种，分别是普通框架和内嵌框架。框架相关标签如表所示。*标签描述frameset定义一个框架集，框架集是若干框架的集合，利用框架集可以定义框架结构，实现分割浏览器窗口的功能。frame定义frameset中的一个特定的窗口（框架）。noframesnoframes元素可为那些不支持框架的浏览器显示文本。noframes元素位于frameset元素内部。iframe定义内联的子窗口（框架）HTML基础表单元素在编写网站的登录注册页面时，表单的应用非常重要，表单的主要作用就是收集用户的信息，例如：在一个购物网站上购物，购物之前需要注册一个该网站的账号，用户需要输入自己的个人信息，包括姓名、性别、邮箱、地址等信息。表单中的按钮标签主要是实现用户信息储存的功能，当用户点