Dreamweaver 8视频教程学习整理资料.doc

Dreamweaver 8视频教程学习整理资料内容提要/学习目标 网页色彩搭配软件演示 HTML基础实例操作步骤 名词解释第一章 软件简介与设置第一课 课程介绍与基础知识 内容提要起始页的使用期相关设置软件界面概览（菜单、工具、面板等）“插入”工具栏显示模式的切换文档窗口的工具栏和状态栏如何设置、存储和管理界面布局学习目标了解Dreamweaver软件的作用，基本界面布局，以及各功能区的应用范围。了解控制软件界面和文档的基本方法。软件介绍： Dreamweaver是网页设计和网站开发工具。可用于创建静态和动态网站页面，同时具有网站管理和FTP等辅助功能。相关软件介绍：Microsoft Frontpage简单易用，与Office其他组件以及微软的编程语言紧密结合。Microsoft Expression Web Designer是FrontPage继任者，与ASP.NET紧密结合更偏重于开发。Adobe Golive是专业的网页设计软件，更偏重于页面设计，并且可以设计移动设备的内容。网页开发流程：Photoshop/Fireworks DreamweaverFlash 网站浏览器客户端数据库 ASP/JSP/PHP第二课 软件起始页的作用第三课 界面布局和切换第四课 定制工具箱第五课 代码拆分与设计模式第六课 定制实用界面布局第七课 标签选择器在左下面，排列由大到小，如果想选择设计界面的某一个也可以点击标签选择器中的对应的那一项第八课 选取手形和缩放工具1. 放大快捷键：Ctrl+2. 缩小快捷键：Ctrl-3. 一步回到原始状态（100%）：双击缩放工具第九课 显示是设置与数据统计第十课 属性面板与设置第十一课 菜单命令快速上手Dreamweaver不同于其他软件的两个菜单：命令和站点第十二课 网页色彩搭配建立个人网站当然可以个性和随意些，但如果要建立单位或企业网站，建议网站的整体风格要统一，使用的色系以及效果的表现方式要统一，这样会使设计出的网站看起来更加专业和吸引人。通常来说，网站应该是企业或单位CIS（企业识别系统）的延伸，用于表现该组织的精神面貌和整体形象。具体到网页设计和配色，则属于VI（企业视觉识别系统）的范畴，也就是建立的网站在设计上是否包括统一、规范的标识，统一的RGB颜色值等，这样会使其更便于传播、更容易识别，更快速和稳固的被受众记住。比如中国邮政，在VI设计上主要以绿色为主，那么网页自然可以延续这种颜色设置，以体现其统一和规范性。而麦当劳自然可以延续其红与黄的搭配，微软和IBM则是浅蓝和深蓝色的延伸等。第十三课 HTML基础知识HTML是HyperText Marked Language 的缩写，即超文本标记语言，是一种用来制作超文本文档的简单标记语言。所谓超文本，是因为它可以加入图片、声音、动画、视频等多媒体内容，并且可以从一个文档跳转到另一个文档，以及与世界各地主机的文件相连接。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如Windouws,Linux等），用于描述网页信息的格式以及网络上其它网站的连结信息。使用HTML语言描述的文件，需要通过客户端浏览器解释后才会显示出人们可以接受的信息效果。这种文档的扩展名可以是HTM或HTML。XHTML是可扩展标识语言的缩写，它基于XML，是一种增强后的HTML。XHTML拥有更加严格的语法，结合了一部分XML的强大功能及HTML的简单特性。XHTML的可扩展性和灵活性将适应未来网络应用更多的需求。第十四课 企业识别系统与WWW第二章 定义站点及网页属性第一课 制作网站三大原则三大原则：1. 建立网页之前需要新建一个网站2. 文件名以及各种对象的ID名尽量的使用英文或者拼音或者拼音加数字这样的开头方式，尽量避免使用中文3. 尽量的要存盘，有些效果可能显示不出来或者有些程序无法运行可能是由于没有存盘造成的如果遇到各种各样的问题首先要检查者三点是否做到第二课 定义新站点 注意是英文一般都选择FTp第三课 文件面板基础操作第四课 创建新网页与网站地图首页常用名字代表：index.html 和default.html第五课创建新的链接第六课 地图模式下修改问价标题第七课 自定义根查看链接关系第八课 CSS设置一，外观设置在Dreamweaver中中文一般使用四种字体：宋体、黑体、仿宋体、楷体页面字体一般是宋体，