Dreamweaver8梦想编制者.doc

Dreamweaver8(梦想编制者)教学教案 课程介绍及基本知识 课程结构大体分为三大部分： 1、内容提要/学习目标 内容提要：就是这节课需要讲到那些内容，会给出一个列表。 学习目标：就是要达到学习的一个目的。 2、软件演示 就是在Dreamweaver的操作环境下各项功能的使用方法。 3、实例操作步骤 如果课程中包含比较大的实例就给出一个详细的列表，列出了此实例的操作步骤。 另外在我们的课程包含三个比较特色的栏目： 网页的色彩搭配。是指在网页设计当中各种颜色是如何搭配使用及介绍一些美术知识。 HTML基础。讲解了HTML语言的各种标签及使用的一些语法。 名词解释。就是平时比较难懂的一些英文和中文名词给出详细的解释。 软件介绍 Dreamweaver是当前最流行的网页设计和网站开发工具，可用于创建静态和动态网站页面，同时具有网站管理和FTP等辅助功能，该软件有Macromedia(现Adobe)公司开发。 相关软件介绍： Microsoft Frontpage 简单易用，与office其它组件以及微软的编程语言紧密结合。 Microsoft Expression Web Designer 是FrontPage继任者，与Asp.Net紧密结合，更偏重与开发。 Adobe Golive是专业的网页设计软件，更偏重于页面设计，并且可以设计移动设备的内容。 网页开发流程： 我们需要在Photoshop或Fireworks中设计图片和框架，然后在flash当中设计一些动画，最后把图片和动画融合到Dreamweaver当中，Dreamweaver其到的作用是一个整合的作用，把各种素材包括图片和声音，动画以及视频等等整合到这个软件当中，接下来就形成了这么一个网站，过客户端浏览器最终展示给用户。这样就构成了静态页的流程。 我们可以通过ASP/JSP/PHP这些服务器语序，调用数据库来展示的用户端就形成了动态页面，我们随时可以更新数据库里面的内容。 第一章 软件简介与设置 定制实用界面布局Flash动画有极好的显示连贯性和非常小的文件体积，同时也可以加入声音，这使得flash动画适合在网页中使用。 （4）表单，互交特性是互联网的最大特点，表单是网页实现互交特性最常用的元素，网页通过表单收集浏览者的信息并与其交互，互联网上的很多功能都是通过表单来实现的，比如有哪些信誉好的足球投注网站引擎、论坛、电子邮件等等。 （5）音频和视频，网页中的音频和视频都是通过在网页中插入音视频插件来实现的。有两种格式的视频非常流行，一种是media play，另一种是real格式。两种格式都采用了压缩算法和流媒体格式进行传送。 1.3网页的布局 网页的布局是根据网站的类型而设计的，不同的网站有不同的风格，但以下的基本布局元素是必须的。 标题：每一个网页都有一个页眉标题，用来表示和说明网页的性质及内容。标题就会显示在浏览器的标题栏中。 页眉：页眉是网页中最显眼的地方，用来放置浏览者最希望看到的内容。 网站标识（logo）：一般被安放在网页中最显眼的位置，目的是加深浏览者对网站的影响。同时、标识有代表了网站的形象。所以网站的标识一般都是经过精心设计的。 导航：导航的目的是提供网站栏目的索引，通过导航可以到达网站的各个栏目。一个合理的导航设计就使得网站方便易用。 内容：是网站的精神所在，没有浏览者使用的内容网站就失去了存在的价值。网站的内容一般都是有方向性的。 页脚：通常提供了网站使用者的相关信息。例如：字数、版权和联系方式等等。 1.4 色彩与风格 网页的色彩搭配与页面风格设计给人们的感觉是不同的。网页设计时一定要注意色彩的搭配与风格的设计。如果网页的色彩搭配不合理会让浏览者产生不愿意停留的感觉。 每个人对色彩的感觉不尽相同，所以无法设计出让每一个浏览者感觉都相同的网页配色方案。 那么网页设计者是根据什么来决定颜色或色系的呢？ 网页设计者是根据人们对色彩的联想来决定用那些颜色或色系。 红色：是最具力量来源，给人带来的联想有热烈、震撼、激情、喜庆与高贵。 灰色：是最好的背景色，它给人一种压抑、内向，消极与失望， 蓝色：给人一种清凉、开朗、理智、成文和安静。 1.5 网页代码与渲染 我们用IE打开一个网页，单击菜单栏中的“查看”——“源文件”命令，这时弹出一个文本文档，文档里的文字是这个网页的组成部分—— HTML代码。这些代码表示了网页的标题叫什么，显示什么文字，图片和插件放在那里等信息。 浏览器从远程服务器或本地磁盘读取这些代码并根据代码上的标记显示成为一个网页，这个过程叫做渲染。 浏览器显示的所有的内容都有其代码，我们在浏览器的地址栏中输入一个不存在的网址，浏览器就会显示一个找不到服务器的页面，单击菜单栏中的“查看”——“源文件”命令，我们发现这个页面同样是由代码组成的