ch网页设计与制作概述.pptVIP

第1章 网页设计与制作概述 网站色彩的使用 橙色为主，白色为辅，具有轻快，时尚的效果 第1章 网页设计与制作概述 网站色彩的使用 绿色为主，白色为辅，产生舒适、优雅、适于阅读的气氛 第1章 网页设计与制作概述 网站色彩的使用 红色为主，产生热情、活力的感觉，充满欢乐的气氛 第1章 网页设计与制作概述 1.3HTML语言基础 HTML是网页主要的组成部分，HTML网页文件是组成网站的基本单位。每个网页都是由HTML语言组成。 HTML（HyperText Markup Language，超文本标记语言） 所谓超文本，就是可以加入图片、声音、动画、视频、链接等内容。 HTML文件可以直接由浏览器IE解释执行，无须编译。 HTML跨平台（Windows、Linux）。 HTML文件即根据HTML语法规则写出来的文件。一般扩展名为.html或.htm 第1章 网页设计与制作概述 1.3.1HTML语言简介 HTML语言的语法规则 单标签：单独使用就能完整地表达意思。 换行BR，插入一条水平线HR。 双标签：由“始标签”和“尾标签”构成，成对出现。 语法格式：标签内容/标签，如文字加粗标签B文字/B 标签的属性 语法格式：标签名字 属性1 属性2 属性3… 如HR size=3 align=left width=“75%” 第1章 网页设计与制作概述 1.3.2HTML文档的基本结构 HTML文档的基本结构 html/html在最外层， 表示这对标记间的内容是 HTML文档。 第1章 网页设计与制作概述 1.3.3HTML的常用标记及其用法 标题标记Hi 该标记主要用于 定义文章内章节 标题的显示格式。 其中“i”是数字1到6中 任意一个，表示尺寸。 该标记主要用于 定义文章内章节 标题的显示格式。 其中“i”是数字1到6中 任意一个，表示尺寸。 该标记主要用于 定义文章内章节 标题的显示格式。 其中“i”是数字1到6中 任意一个，表示尺寸。 第1章 网页设计与制作概述 1.3.3HTML的常用标记及其用法 文本标记font 下划线标记u/u、粗体字标记b/b、斜体字标记i/i。 第1章 网页设计与制作概述 1.3.3HTML的常用标记及其用法 段落标记p Align属性定义 新开始的一行内容在 页面中的对齐位置， 属性值可以是left、 Center、right。 Align属性定义 新开始的一行内容在 页面中的对齐位置， 属性值可以是left、 Center、right。 第1章 网页设计与制作概述 1.3.3HTML的常用标记及其用法 强制换行标记br 第1章 网页设计与制作概述 1.3.3HTML的常用标记及其用法 列表标记ul/ul、ol/ol 第1章 网页设计与制作概述 1.3.3HTML的常用标记及其用法 表格标记table 第1章 网页设计与制作概述 1.3.3HTML的常用标记及其用法 表1.1 表格标签 表格标签 标签说明 table.../table 用于定义一个表格开始和结束 th.../th 定义表头单元格。表格中的文字将以粗体显示，th/th标签必须放在tr/tr标签内。在表格中th/th标签可以省略。 tr.../tr 定义一行标签，一组行标签内可以建立多组由th/th标签所定义的单元格 td.../td 定义单元格标签，一组td/td标签将建立一个单元格，td标签必须放在tr/tr标签内 第1章 网页设计与制作概述 1.3.3HTML的常用标记及其用法 图像标记 img src=“image_url” 第1章 网页设计与制作概述 1.3.3HTML的常用标记及其用法 超链接标记 a/a指明该处是一个链接， href表明链接目标。 a/a指明该处是一个链接， href表明链接目标。 第1章 网页设计与制作概述 从上面的介绍中可以看到，如果完全用HTML代码编写网页是一件非常辛苦的事情。 首先是工作量大，每一个细小的地方都要编写， 其次需要记忆大量的HTML标记符，另外，还不知道书写的代码在浏览器中显示出来到底是什么模样，必须在浏览器中才可以看到，往往需要反复修改、保存、浏览才能达到预想的效果，效率很低。 因此人们开发了很多的工具软件来设计网页。它们特点之一就是以所见即所得的方式来编写网页。Macromedia公司的Dreamweaver是众多可视化网页编辑工具中的佼佼者，据统计，世界上70％的网站都是用它开发的. 第1章 网页设计与制作概述 1.4 网站建设的流程 网站的功能可以有很多，包括各类宣传网站、资料库、信息或商务平台等。在建设网站前，首先应该有一个整体的规划和目标。具体的工作流程一般可以通过以下步骤实现。 1.4.1 整体规划 在网页设计前，首先要对所