第1章 网页设计概述
1.1 Internet 与 WWW
1.1.1 Internet
Internet，译为“因特网”，又叫做“国际互联网”。
Internet 为用户提供了多种服务：
商城模板建站网•万维网服务（WWW）
•服务（E-mail ）
•远程登录服务（Telnet ）
•文件传输服务（FTP）
1.1.2 WWW
WWW，是“World Wide Web”的缩写，简称 Web，译为“万维网”。
WWW 是运行在 Internet 之上的超文本信息浏览系统。
WWW 的核心部分由三个标准构成：HTML / URL / HTTP
1．HTML：超文本标记语言，用于定义超文本文档（网页）的结构。
2．URL：统一资源定位符，用于标识万维网上信息资源的地址（网址）。
3．HTTP：超文本传输协议，是客户端浏览器与 Web 服务器之间的通信协议。
1.1.3 W3C
万维网联盟（World Wide Web Consortium，W3C），又称 W3C 理事会。
W3C 致力于对 web 进行标准化。
W3C 制定了包括 XHTML 和 CSS 等众多影响深远的标准规范。
1.2 网页设计
1.2.1 网页
网页是用超文本标记语言 HTML 书写的一种纯文本文件。
网页需要通过浏览器对其进行解释，才生成包含文字、图像、声音、视频和动画等多媒体信息的页面。
1.2.2 网页的类型
静态网页：网页内容固定不变。文件扩展名是 .htm 或 .html。
动态网页：网页内容由服务器端运行的程序动态生成。文件扩展名是 .aspx、.jsp、.php等。
1.2.3 网页布局设计
按页面大小划分，网页布局分为：
•固定宽度布局（常见的网页宽度是 780px，或 1000px）
•可变宽度布局（常见的网页宽度是屏幕的100%）
按页面版式划分，网页布局分为：
•单栏布局
•两栏布局
•三栏布局
•多栏布局
•变化布局
1.3 服务器与浏览器
1.3.1 Web 服务器
Web 服务器也称为 WWW 服务器，主要功能是提供超文本信息浏览服务。
Windows 平台上使用 IIS（Internet Information Server）作为Web 服务器软件。
网页被放置在 Web 服务器上。
当 Web 服务器接收到客户端的一个 HTTP 请求，会返回一个网页。
1.3.2 浏览器
浏览器是安装在客户端用于显示网页的软件。常见的浏览器有：
•IE
•FireFox
1.4 Web 标准的含义
1.4.1 网页制作的历史
1．传统的网页制作方法
单纯使用 HTML 语言制作网页，HTML 负责“结构”与“表现”双重任务。
2．传统网页制作方法的缺点
•HTML 标记被滥用，网页失去了语义。
•“结构”与“表现”混杂在一起，代码复杂，维护困难。
3．CSS 的引入
1996 年 W3C 正式推出了 CSS1.0。
HTML 负责网页结构，CSS 负责网页表现，实现了“结构”与“表现”相分离。
1.4.2 基于 Web 标准的网页制作
1．描述网页结构的标准语言：XHTML
2．plsql导出dmp文件描述网页表现的标准语言：CSS
3．描述网页行为的标准语言：JavaScript
第 2 章 认识 Dreamweaverandroid studio 入门
2.1 Dreamweaver 简介
Dreamweaver 是美国 MacroMedia 公司开发的一款“所见即所得”的网页编辑器。
Adobe Dreamweaver CS3 是 MacroMedia 公司被 Adobe 公司收购后推出的第一个版本。
2.2 创建本地站点
2.2.1 站点的含义
“站点”对应一个文件夹，用来存放一个网站的所有网页文件和其他资源文件。
2.2.2 站点的结构
站点结构的设计原则
•将文件分类保存在子文件夹中。
•文件夹的层次不要太深，不要超过 3 层。
•文件夹、文件都不能使用中文命名。
android传感器使用说明•尽量使用意义明确的名称，以便于识记。
•首页命名为 index.html。
2.2.3 在 Dreamweaver 中管理站点
使用“站点 | 新建站点”菜单命令新建站点。
使用“站点 | 管理站点”菜单命令编辑或删除站点。
2.3 编辑文本
2.3.1 分段与换行
分段：Enter
换行：Shift+Enter
2.3.2 标题文本
标题文本的分级：标题1 ~ 标题6。
“标题1 ”是最大的标题，“标题6 ”是最小的标题。
2.3.3 列表
企业网站建设流程第一步是什么列表的分类：
•项目列表
•编号列表
•定义列表
2.3.4 重点、强调
重点（粗体），强调（斜体）。
2.3.5 空格
插入空格的方法：
方法1：按空格键可以在两个字符间可以插入一个半角空格。
方法2：按 Ctrl + Shift + Space 组合键，可以连续插入多个半角空格。
方法3：在 HTML 文档中插入空格的代码 。
2.4 插入图像
在网页中，只允许使用以下格式的图像文件：
1．GIF 格式
无损压缩； 8 位深（256）；支持透明；支持动画。
2．JPG 格式
有损压缩； 24 位深。
3．PNG 格式
无损压缩；具有 8 位、24 位和 32 位三种深；支持透明和半透明。
2.5 插入 Div 标签
Div 是一个块容器，一般用于划分网页的逻辑结构。
2.6 插入表格
表格由单元格、单元格填充（cellpadding）、单元格间距（cellspacing）、表格边框（border）组成。
2.7 插入表单
表单是收集用户信息的重要工具。表单由两部分组成：
•表单对象：收集信息，包括文本框、单选按钮、复选框等对象。
•应用程序：处理信息，包括客户端应用程序、服务器端应用程序。
2.8 创建超链接
内部链接： 页面内部的链接
外部链接： 外部网站的链接
E-mail 链接： 邮箱的链接
空链接：
第 3 章 XHTML 语言html+css美食静态网页设计
3.1 XHTML 概述
3.1.1 什么是 XHTML
XHTML 是英文 Extensible HyperText Markup Language 的缩写，中文意思是“可扩展超文本标记语言”。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论