Dreamweaver 8中文版职业应用教程.pptVIP

第1章 网页设计入门 主讲人: 1.1关于网页设计 1.1.1静态网页 静态网页的概念 是标准的HTML文件，其文件扩展名是.htm或.html。它可以包含HTML标记、文本、Jave小程序、客户端脚本、以及客户端ActiveX控件。 静态网页的工作流程 浏览器向Web服务器发送一个页面请求 Web服务器获取适当的HTML文件 Web服务器将HTML文件发送到客户端的浏览器 1.1关于网页设计 1.1.2动态网页 动态网页的概念 动态网页中包含的某些脚本只能在Web服务器上运行，当Web服务器接收到对动态网页的请求时，它将做出不同的反映. 动态网页的工作流程 浏览器向Web服务器发送一个页面请求 Web服务器将该页面传递给相应的应用程序服务器 服务器上执行该页面的脚本命令最终完成页面 应用程序服务器将所生成的页面传递回Web服务器 Web服务器将该页面发送到浏览器 1.1关于网页设计 1.1.3 常见的网页格式 HTML:是用于向网络浏览器解释网页内容的编码，是网页存储时所使用的文件格式 ASP:动态服务器网页 ,有较高的安全性，控制和使用数据库更容易 . JSP :用于生成动态网页 CSS :层叠样式表（Cascading Style sheet） ,用于规范和统一网页格式 1.1关于网页设计 1.1.4 网页设计的基础知识 文字、图片、符号是构成网页的信息要素 点、线、面、色彩是构成网页的设计要素 网页的整体设计就是要综合考虑各设计要素对立或平衡，将各部分视觉要素在页面内进行合理规划 1.2 认识Dreamweaver Dreamweaver是由美国Macromedia公司开发的一款专业可视化网页开发工具。 支持多种浏览器，可跨平台开发网页，实现了可视化动态HTML编程，具有使用简便，可扩充性强性的特点，是目前大多数的网页开发人员所使用的网页开发工具 1.3 认识工作区 首次运行Dreamweaver会弹出“工作区设置”对话框，用于选择工作区布局的设置 . 1.3 认识工作区 1.3.1标题栏 标题栏中显示了当前软件的名称，即“Dreamweaver”，同时显示了当前正在编辑的文件名称。 与Windows其他应用程序一样，标题栏的右端有3个按钮，从左往右分别为：【最小化】按钮、【最大化】按钮和【关闭】按钮。 1.3 认识工作区 1.3.2菜单栏 菜单栏位于标题的下方，提供了全面的Dreamweaver命令包括文件、编辑、查看、插入、修改、文本、命令、站点、窗口和帮助10组不同功能的指令菜单 1.3 认识工作区 1.3.3“插入”工具栏 “插入”工具栏中汇集了网页中插入元素时所需的对象按钮，可以很轻松地加入图像、声音、多媒体影片、表格、层、框、表单等网页元素 1.3 认识工作区 1.3.4“文档”工具栏 “文档”工具栏中汇集了各种常用的工具，如视图切换（如设计视图和代码视图）、各种查看选项和一些常用操作（如浏览器中预览） 1.3 认识工作区 1.3.5文档窗口 文档窗口中显示了当前正在编辑的文档内容，这是我们编辑和制作网页的主要的工作区域。 Dreamweaver提供了三种视图方式来进行网页的查看，包括: 设计视图 代码视图 拆分视图。 1.3 认识工作区 1.3.6标签选择器 显示当前选定内容的标签的层次结构。单击标签可以选择该标签及其全部内容。用于显示和选定文本或对象。简单地讲“标签选择器”用来提供便捷地选定HTML标签的方法。 1.3 认识工作区 1.3.7“属性”面板 “属性”面板可以用来检查和编辑当前选定的页面元素（如文本和插入的对象）的最常用属性。“属性” 面板中的内容根据选定的元素不同而有所不同 . 1. 折叠或展开“属性”面板 2. 显示或隐藏“属性”面板 1.3 认识工作区 1.3.8面板组 Dreamweaver 8保留了许多重要的浮动控制面板功能，使用了更容易控制、更为方便的显示模式和切换方式。各控制面板在工作界面内已经有了相对固定的位置，当然，也可以用鼠标随意拖动，并且根据需要随时显示或者隐藏面板 1．展开或折叠面板组 2．显示或隐藏面板组 第2章 站点策划与管理 主讲人: 2.1 网站策划基础 2.1.1 主题定位 1. 题材的选择 主题要小而精 题材选择自己擅长或者喜爱的内容 题材不要太大众化 2. 选定网站名称 有正气 有特色 容易记住 2.1 网站策划基础 2.1.2 结构规划 确定网站栏目和版面布局。 确定网站的目录结构和链接结构。 规划网站的整体结构和系统定位。 确定网站整体风格的创意设计。 2.1 网站策划基础 2.1.3 准备材料 网站内容的电子文档。 网站所需的图片。 网站栏日的大体规划。 企业的Logo（企业标志） 2.1 网站策划基础