第1讲 html基础.pptx

1.1 基本概念 1.2 HTML文件 1.3 HTML及XHTML标记 1.4 HTML文件的编写及执行 1.5 HTML文件的基本结构 1.6 网站的建设与发布 ;学习目标;1.1 基本概念;HTML HTML (Hypertext Markup Language，超文本标记语言）是一种文本类、解释执行的标记语言，用于编写要通过WWW显示的超文本文件 HTML诞生于20世纪90年代；最新版HTML4.01； 2000年底，W3C公布了XHTML(可扩展标记语言)1.0版本；2001年5月发布了XHTML1.1 ;HTML与SGML SGML（Standar Generalized Markup Language，标准通用标记语言），用于描述定义一套实际标记语言的方法 HTML正是根据SGML制定的一套用于制作超文本文件的简单标记语言，是SGML的一个具体应用 ;浏览器 浏览器：是专门用于执行HTML文件以及查看HTML源代码的一种软件。 浏览器执行HTML文件方式: 鼠标双击HTML文件 在浏览器地址栏中输入HTML文件的URL，并回车;网页与网站 网页：也称Web页面，即在浏览器上显示的页面。 网站：一系列由通过各种链接关系关联起来的有共同主题的网页的集合体，包括主页以及由主页或子网页所跳转到的所有子网页。 主页：主页是网站中一个特殊页面，它是网站的入口页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如：index.html或default.html（.html或.htm后缀表示HTML文档） ;静态网页与动态网页 静态网页：由HTML直接书写，内容不会因时因人变化，不能够在客户端与服务器端进行交互的网页称为静态网页；静态网页的扩展名为.html或.htm 动态网页：内容能够因人因时变化，且能够在客户端与服务器端进行交互的网页；网页的扩展名依据所用的编程语言来定，如.jsp、.aspx ;1.2 HTML文件;1.3 HTML及XHTML标记;标记类型: 单标记：只有开始标记，如br、 hr等 双标记： 具有开始标记和结束标记。如table /table HTML标记可以不用关闭，而XHTML所有的标签都必须关闭，成对标签(如p/li)要有一个相应的结束标签，单独标签(比如img/br等)要在标签后加一个“/”来关闭它 ，如;属性：;HTML标记的属性不区分大小写，而XHTML标记的所有属性都必须小写 HTML标记的属性可以没有值，而XHTML规定所有属性都必须有一个值，没有值的就以属性名作为属性值，如： ＜input type=checkbox name=shirt value=medium checked=checked ;标记语法格式： 标记名称 属性=属性值 属性=属性值 …… …/标记名称 如： font color=“#ffff33” size=“8” face=“宋体”您好/font ;标记和属性的命名方法;html文件示例;1.4 HTML文件的编写及执行;1.5 HTML文件基本结构; 头区域;主体区域;;1 网站的建设 2 网站的发布 3 网站的维护;网站的建设流程;1.网站建设; 网站资料(素材)收集 素材的类型：文字、图片、动画及声音、影像等多媒体文件。 素材的获取途径： 1）自己编制 2）报刊杂志和光盘等传统媒体。 3）网络。;网上资料使用的注意事项： 1）版权问题 2）健全性 内容的完整性与正确性 链接的正确性与完整性 3）合法性;网页的布局规划 即网页结构的设计，其实就是合理地设计页面中的栏目和板块，以及将其合理地分布在页面中。 ;主页的基本构成内容 1）页面标题 2）网站标志 3）页眉 4）导航栏 5）主内容区 6）页脚 ;;6; 网站目录设计 网站目录设计的作用：便于站点的上传和维护，以及内容的扩充和移植。 规划规范 目录建立的原则：以最少的层次提供最清晰简便的访问结构。 目录结构： 根目录 根文件：通常包括主页文件以及其他必须的系统文件。 每个主要功能（导航栏目）建立相应目录。;根目录下的images目录存放公用图片，每个目录下私有图片存放于各自独立images目录下。 根据需要分别在根目录下设置media目录存放flash、avi等多媒体文件。 所有的脚本文件存放在根目录下的script目录；所有CSS文件存放在根目录下的css目录。; 链接设计 链接设计是指设计页面之间相互链接的拓扑结构。 链接结构类型： 1）线性结构：指子页面由父页面所扩展而来的；打开页面是由父页面一级一级向下展开，而退出页面则由子页面一级一级往回收缩。;2）非线性结构： 树状链接结构：指一级页面链接指向多个二级页面。 星状链接结构：指每