DreamWaver教程 第一章认识网站与网页.pptVIP

* * ——认识网站与网页 Macromedia Dreamweaver MX 2004 主讲: 李娜 网站与网页概述 www的三大技术要点 Dreamweaver特点及应用领域 Dreamweaver MX 2004工作界面 知识培析： 网站: 严格来说，网站分为前台与后台两部分，前台指网站的外观表现， 主要是网页的集合，后台指网站的数据库构建及动态程序的设计。简 单来说，多个网页通过超级链接，相互连接构成整个网站。由于网站 是由多个网页的组合，因此，网站具有严格的文件结构，即对构成网 站的各网页、图片、样式等进行合理、有序的归档。 任务一：网站与网页概述 网页: 用于显示网站内容或完成网站交互功能。前台的网页，通过网 页设计，将网站所要展示内容进行合理、美观地规划并完成界面制 作; 后台网页 ，主要是为了完成网站某项功能，将前台显示部分与 后台数据库进行连接，实现网站的交互性。 主题： 主题要小而精 题材最好是擅长或者喜爱的内容 题材不要太滥或者目标太高 名称: 正、易记、具有特色。 网站主题和名称 一定要紧扣主题 设定一个最近更新或网站指南栏目 设定一个可以双向交流的栏目 设定一个FAQ（常见问题解答）栏目 网站栏目和版块 网页文件命名规则： Window NT 格式：扩展名应为3个字符（htm）； UNIX格式：扩展名为4个字符（html）； 不要用特殊字符命名：斜线（/）、减号（-）、反斜线（\）、加号（+）、冒号（：），英文句号； 不要用数字开头； 不要用中文命名； 英文名称要用小写，不要大写或大小写混合； 站点首页名称一般情况下要用index。 网站建设尺寸规范： 当表格用于网页排版时，表格的宽度一般设为100%、780px、1004px。 无论表格用于排版或是显示表格式数据，建议其边框粗细均设为0px;其单元格边距及间距均为0px。 页面长度原则上不超过３屏，宽度不超过１屏。 每个标准页面为A4幅面大小，即8.5*11英寸。 全尺寸banner为468*60px,半尺寸为234*60px,logo为88*31px. 另外120*90,120*60也是小图标的标准尺寸。 每个非首页静态页面含图片字节不超过60KB,全尺寸banner不超过14KB. 网页设计的任务： 资讯类站点，像新浪、网易、搜狐、TOM等国内门户网站。 形象类网站，比如中小型公司或单位。 资讯和形象相结合的网站，如大公司，高校。 个人站点，风格多变、千姿百态。 网页设计的实现： 站点的规划及草图的绘制 网页的制作 网页色调的选择： 网页造型的组合：（秩序、比例、对称、连续、间隔、 重叠、反复交叉、节奏、韵律、归纳、变异、特写、 反射，等等。） 网页设计理论 网页设计的原则 统一，是指设计作品的整体性，一致性。 连贯，是指要注意页面的相互关系。 分割，是指将页面分成若干小块，小块之间有视觉上的不同。 对比，通过矛盾和冲突，使设计更加富有生气。 和谐，指整个页面符合美的法则，浑然一体。 草案 粗略布局 定案 网页建设步骤 网页设计 网页动画 网页架构 数据管理 网站开发 前台 后台 任务二：WWW的三大技术要点 URL 全称UniformResourceLocator（统一资源定位符）， 即网站地址。URL确定了要浏览的地址，浏览器通过 超文本传输协议(HTTP)，将Web服务器上站点的网页 代码提取出来，并翻译成网页。 HTTP协议 HTTP协议(HyperTextTransferProtocol，超文本传输 协议)是用于从WWW服务器传输超文本到本地浏览器的 传送协议。