Dreamweaver史上最全最基礎知识讲解精通.doc

Dreamweaver CS4 网页设计基础知识 网站是一种新媒体,婆媳具有很多 与传统媒体不同的特征与特性,在开始 制作网页之前,需要 对网站的设计 有全面的了解 和认识.这一章首先介绍网页的基本概念及构成要素,帮助 大家 理解网页的特点 与结构 ,接下来学习网站建设的基本流程,了解 网站是如何 从无到有的,此外,网页版式与网格设计 是建设 一个成功网站的关键,学习基本的规律有助于设计 出更美观,实用的网站. 1.1网页与网站 1.11认识网页与网站 网页(Web Page)实际是一个文件,网页经由网址(URL)来识别与存取 网站(Web Site)是各种各样网页的集合 注:指用HTML语言编写的网页其制作 方法简单易学,但是缺少灵活性 动态网页:这类网页全国用ASP,PHP和CGI等程序生成,具有动态效果,其制作方法比HTML语言较难 注:静态网页和动态网页不是以网页中是否包含动态元素区分 的,而是针对客户端与用品端是否发生活交互而言,不发生活交互的是静态网页,发生活交互 的是动态网页 按网站分:门户网站\个人\专业\职能网站 1.2网站建设的基本流程 1. 规划站点 2 定义 站点 3 对网页进行布局和设置 4添加 文本,图像 ,表单,多媒体元素等内容 5.修饰,美化页面 6.发布站点 1.3网页版式设计 1.31网页布局 目前网页的布局主要可归为三大类型:分栏式结构,区分块分布式结构,无框架局限式结构 分栏式结构 是最觉的网页布局形式,将页面分割为几列以显示 不同内容,其用途很广. 区域分布式结构 利用辅助线,图形或色彩将网页分为几个 区域,这些区域可是规则的,也可以是不规则的,实际是分栏式的衍变,可以适应多种信息编排的需求. 3 无框架局限式结构 将分栏式结构和区域分布式以外的网页布局归为一类 1.32导航设计: 导航是网页设计中不可或缺的基础元素之一,导航就如同一个网站的路标.导航链接着各个 页面 应遵循相关的原则 让用户了解当前所处的位置 让用户能根据走过的路径,确定下一步的前进方向和路径 不需要 浏览太多的页面就能找到需要 的信息,让用户能快速 而税后地找到所需要的信息,并以最佳的路径到达这些信息 让用户使用网站遇到困难时,能寻求到解决困难的方法, 让用户清楚地了解整个网站的结构概况,产生活整体性感知 对使用频率不同的信息作有序处理 1.4网页网格设计 1.41网页配色 运用色系 使用对比色 使用黑色 与一种彩色搭配 1.42文字艺术 字体大小 ,字体 颜色,字体类型,选中与段落,留白 初识DW 2.1Dw 简介 如果喜欢手工直接编码,Dreamweraver CS4提供了许多与编码相关的工具和功能,并且,借助 Dw,还可以使用服务 器语言(例如,ASP,ASP.NET,JSP和PHP)生成支持动态数据库的Web应用程序 Dreamweraver CS4的工作界面 2.21菜单栏 2.22插入栏 常用:可以创建 和插入最常用 的对象, 布局:主要用于网页布局,可以插入表格,div标签,层和框架 表单:包含用于创建表单和插入表单元素的按钮 数据:可以插入Spry数据对象 和其他 动态元素,例如 记录集,重复区域,显示 区域以及插入记录和更新记录等 Spry:类包含一些 用于构建 Spry页面的按钮,例如,Spry文本域,Spry菜单栏等 文本:可以插入各种文本柳工 设置标签和列表 格式设置标签 收藏夹:可以将”插入”栏中最常用 的按钮 分级和组织到某一常用 位置 2.23文档工具栏 文档工具栏中包含一些 以在文档的不同视图切换. 查看工具栏文档 就会在Dreamweraver CS4中显示 文档工具栏,若去年”文档选项前的对勾,就可以隐藏文档工具栏 2.24状态栏 单击body可以选择文档的整个下方, 2.25面板组 Dreamweraver CS4将各种工具面板集成到面板组中,包括 插入面板,行为面板,框架面板,文件面板,CSS样式面板,历史 面板等,用户可以根据 自己的需要 ,选择隐藏和显示 面板,单击菜单栏”窗口”命令,在下拉 菜单 中选择”历史 记录”将展开历史面板 2.3制作一个简单的网页…………. Dreamweaver CS4 第三章 定义 站点 Dreamweaver CS4具有强大的站点管理功能,可以实现站点的即时 修改,帮助用户管理和维护整个站点的所有 文档,,它还可以自动 更新和修复 文档中的链接和路径,以及实现 远程