Dreamweaver教案补充（★）.docx

Dreamweaver教案补充（★）

第一篇：Dreamweaver教案补充1、Dreamweaver这是Macromedia公司的出品的一款“所见即所得”的网页编辑工具。与Frontpage不同，Deamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。Dreamweaver对于DHTML（动态网页）的支持特别好，可以轻而易举地做出很多眩目的互动页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver与Flash、Firework并称为Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。因此，说Dreamweaver是高级网页制作的首选并不为过。2、Dreamweaver8的功能Dreamweaver可以完全自定义。您可以创建您自己的对象和命令，修改快捷键，甚至编写JavaScript代码，用新的行为、属性检查器和站点报告来扩展Dreamweaver的功能。Dreamweaver8包括许多新增功能，使您只需花费最少的时间和精力便可生成Web站点和应用程序。Dreamweaver使复杂的技术变得简单而方便，以帮助您达到事半功倍的效果。下面是Dreamweaver8中的一些主要新增功能：“缩放”工具和辅助线可视化XML数据绑定新的CSS样式面板CSS布局的可视化代码折叠“编码”工具栏后台文件传输“插入Flash视频”命令3、设计网站的基本步骤。(1)网站的规划与设计。首先确定网站的方向和功能，然后是申请便于记忆的域名和租用稳定的空间，接着收集相关资料，最后将整个网站的结构画成结构图。(2)布局与编排网页。在网页布局的过程中，应该遵循平衡、对比、空白等原则。在设计网页时需要考虑网页的主题、网页的命名、网站的标志、色彩的搭配、字体的选择等问题。(3)填充网页内容。输入文字和其它网页元素，比如声音、动画、图像和其它形式的媒体，以便使网页内容更加充实。(4)建立动态网站。动态网站是目前最流行的Web发展趋势，建立动态站点需要为网页加入Web应用程序并实现与数据库的连接。(5)测试和发布站点。在发布Web站点之前，用户应该确认所有文本和图形都放在正确的位置，且所有的链接都能操作正确。测试Web站点的一种方法是通过检查内部和外部的链接来确认目标文件是否存在。完成测试以后，根据服务商提供的资料，用户可以将站点发布到服务器上，并对站点进行定期更新，以保证站点内容新颖。4、网页设计的基本理念。（1）下载速度问题，下载响应速度越快越好。（2）能适应不同浏览器及分辨率，网页布局、内容不应出现紊乱。（3）合理的版面布局，应做到图文并茂。（4）精美的网站标志，让人记住你。（5）注重色彩搭配，给人以艺术的享受。（6）网页内容便于浏览，要有导航功能。（7）网页内容要精彩，让人感觉到有吸引力。（8）简约、美观，不应过于追求页面的华丽。5、网页的整体风格设计的基本原则。（1）网站标志要放在醒目位置，如左上角，而且要保持不变。（2）最好能够有一句反映网站精髓的标语，并能动态显示。（3）导航部分应该放在每一张网页的相同位置，便于访问者浏览网站的全部内容。（4）确定主体颜色，并注意颜色搭配要让人感觉舒服，不要太刺眼，也不能不突出需要强调的内容。（5）页面的布局是风格的一个重要标志。不要忘记考虑主页的可扩充性，以方便将来再添加栏目。（6）内容结构越简单越好，分类要简而精。一切都为访问者能够最快地找到访问的资料而考虑。6、网页色彩如何搭配。网页的色彩是树立网站形象的关键之一，网页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是网页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据网页内容的需要，分别采用不同的主色调，并注意以下色彩搭配的原理：(1)色彩的鲜明性：网页的色彩要鲜艳，容易引人注目。(2)色彩的独特性：要有与众不同的色彩，使人印象强烈。(3)色彩的合适性：色彩和表达的内容气氛相适合。如用粉色体现女性站点的柔性。(4)色彩的联想性：不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和网页的内涵相关联。一个网站的标准色彩应尽量控制在三种色彩以内，不要将所有颜色都用到。背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。7、Dreamweaver的三种视图方式在代码视图中可以直接编辑网页的源代码；而设计视图能方便我们更好地美化网页，更合理地布局网页；同时显示代码视图和设计视图让我们能够更好地理解源代码，提高