网页设计基础、设置文本要点分析.ppt

授课教师：黄彩霞 E-MAIL：906037985@;课时安排、答疑及成绩构成; 第1章 网页设计理论;1.1 网页的来源与本质;1.1 网页的来源与本质;1.1 网页的来源与本质;1.2 网页的组成元素;1.3 网页的尺寸;1.3 网页的尺寸;1.4 网页的布局;1.5 网页的色彩;1.5 网页的色彩;1.5 网页的色彩;1.5 网页的色彩;1.5 网页的色彩;1.6 网页设计与开发过程;1.6 网页设计与开发过程;网页的基本概念;网页的基本概念; 第2章 HTML语言; ;2.1 网页与HTML;2.1 网页与HTML;2.2 HTML语法;2.2 HTML语法;2.2 HTML语法;2.2 HTML语法;创建第一个HTML文件;2.3 HTML文件结构;html…/html标记 HTML文档中的第一个标记，该标记用于表示该文档是HTML文档，当浏览器遇到html标记时，就会按HTML的标准来解释文本。结束标记/html出现在HTML文档的尾部。 DOCTYPE文档声明 DOCTYPE是document type（文档类型）的简写，是指示Web浏览器关于页面使用的XHTML或者HTML是什么版本。以下是三种版本的HTML文档声明示例： （1）!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN / TR/html4/loose.dtd （2）!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN / TR/ xhtml1/DTD/xhtml1-transitional.dtd （3）! DOCTYPE html ; head…/head标记 该标记出现在html标记内起始的部分，此标记称为头部标记。 头部标记用于提供与Web页面有关的各种信息。 在头部标记中，可以使用meta标记用于鉴别作者、标注内容提要和关键字、设定页面字符集、刷新页面等，在HTML头部可以包括任意数量的meta标记； 在头部标记中使用title…/title标记来指定网页的标题；使用style…/style标记来定义CSS样式表；使用script…/script标记来插入脚本语言等。 一般来说，位于头部标记中的内容都不会在网页上直接显示。; meta标记 该标记通过设置其属性以及属性值来定义相关的功能。 （1）http-equiv属性： （2）content属性：表示信息的内容。 （3）name属性：主要用于描述网页。 （4）charset属性：定义字符集，文档的字符编码。 ;body…/body 此标记称为主体标记，在其中放置的是页面中的所有内容，如文字、图片、超链接、表格、表单等，在头部标记/head之后。此标记有很多的内置属性，这些属性用于设定网页的总体风格。例如，定义页面的背景图像、背景颜色、文字颜色以及超文本链接颜色等。 ;2.4 HTML常用标记;2.4 HTML常用标记;2.4.1 文本标记;段落标记、换行标记 ;文字的修饰标记--设置文字颜色、字体、字号 ;2.4.1 文本标记;2.4.1 文本标记;2.4.1 文本标记;注释标记 ;水平分隔线标记 hr size=“” color=“” width=“”/ 居中对齐标记 center/…/center ;2.4.1 文本标记;网页源文件的获取; 利用Dreamweaver快速建立基本文档;Dreamweaver简介;创建空白文档;创建新文档