网站内容与功能设计(Dreamweaver网页设计、网站开发、制作的首选工具8)

　　网站内容与功能设计(Dreamweaver网页设计、网站开发、制作的首选工具8)

　　Dreamweaver是网页设计制作领域用户最多、使用最广泛、功能最强大的软件。随着Dreamweaver 8 的发布，Dreamweaver 在该领域的地位得到了加强。它集成了网页设计、网站 开发和站点管理功能。具有可视化、支持多平台、跨浏览器等特点，是目前网站设计、开发、生产的首选工具。

　　1、灵活的书写方式 Dreamweaver 具有灵活书写网页的特点。它不仅将世界一流的“设计”和“代码”编辑器合二为一，还在设计窗口中细化了源代码。帮助用户根据工作需要定制自己的用户界面。,

　　2、可视化编辑界面 Dreamweaver 是一个所见即所得的 HTML 编辑器，可以插入和生成页面元素。或者可视化编辑环境大大减少了代码的编写，同时也保证了其专业性和兼容性，并且可以实时访问内部HTML编辑器和任何第三方HTML编辑器。无论用户习惯于手动输入 HTML 源代码还是使用可视化编辑界面，Dreamweaver 都可以为用户提供一种便捷的方式来设计网页并更轻松地管理 网站。

　　3、更多CSS支持-CSS视觉设计，CSS检测工具

　　4、动态跨浏览器验证。保存时，系统自动检查当前单据的跨浏览器有效性。您可以指定哪个浏览器是测试浏览器，系统会自动检查页面是否有目标浏览器。支持的标签或 CSS 结构。动态跨浏览器有效性检查功能可以自动检查标签和CSS规则是否适应当前主浏览器。

　　5、强大的WEB站点管理功能

　　6、内置图形编辑引擎

　　7、Dreamweaver 集成功能 Dreamweaver 8 继承了 Fireworks、Flash 和 Shockwave 的集成功能，您可以在这些 Web 创作工具之间自由切换，轻松创建美观实用的网页。

　　8、 丰富的媒体支持能力可以轻松添加到Java、Flash、Shockwave、ActiveX等媒体中。Dreamweaver 具有强大的多媒体处理功能，在 DHTML 和 CSS 设计方面表现非常出色。它使用JavaScript和DHTML语言代码轻松实现网页元素的动作和交互操作。Dreamweaver 还提供了两个控件，行为和时间线，以生成交互式响应并为其设置*敏*感*词*。9、超强扩展能力 Dreamweaver 还支持第三方插件。任何人都可以根据自己的需要扩展 Dreamweaver 的功能并发布这些插件。

　　论文 关键词：Dreamweaver、Adobe photoshop、Flash MX

　　一、论文摘要

　　Dreamweaver 是一个著名的开发工具，最初由 网站 开发。它采用所见即所得的界面，还具有 HTML 编辑功能。它现在有适用于 Mac 和 Windows 系统的版本。Macromedia 被 Adob​​e 收购后，Adobe 也开始计划开发 Linux 版的 Dreamweaver。从 MX 版本开始，Dreamweaver 一直使用 Opera 的排版引擎“Presto”作为网页预览。

　　Dreamweaver是网页设计制作领域用户最多、使用最广泛、功能最强大的软件。它集网页设计、网站开发和站点管理功能于一体，具有可视化、支持多平台和跨浏览器的特点，是目前网站设计、开发、生产的首选工具。

　　拥有精美的图片是您的网页具有吸引力的有力保证。网页的内容通常由图片和文字组成。文字构成了网页的主体，图片可以美化和提升网页的色彩。那些收录设计精美的图片的网站往往会让观众流连忘返。因此，拥有精美的图片是您的网页具有吸引力的有力保证。表单用于特殊信息，允许用户与网站进行交互，方便您查找用户的详细信息。表格广泛用于许多工作。还有超链接。超链接是网页中最生动、最吸引人的元素。

　　网页通常具有各种页面元素、丰富的内容和复杂的布局。因此，仅使用一两种网页制作技术是不可能制作出优秀的网页的。一个美观实用的网页往往需要综合运用各种技术。

　　Dreamweaver是网页设计制作领域用户最多、使用最广泛、功能最强大的软件。随着Dreamweaver 8 的发布，Dreamweaver 在该领域的地位得到了加强。它集成了网页设计、网站 开发和站点管理功能。具有可视化、支持多平台、跨浏览器等特点，是目前网站设计、开发、生产的首选工具。

　　论文 关键词：Dreamweaver、Adobe photoshop、Flash MX

　　二、软件功能

　　(一） 生产效率

　　Dreamweaver 可以以最快的方式将 Fireworks、FreeHand 或 Photoshop 文件移动到 Web 上。使用颜色选择器工具选择屏幕上的颜色以设置最接近的网络安全颜色。菜单、快捷键、格式控制，只需简单一步即可完成。Dreamweaver 可以搭配您喜欢的设计工具，例如 Playback Flash、Shockwave 和插件模块。无需离开Dreamweaver即可完成，整个应用过程自然流畅。此外，只需轻轻一按，Dreamweaver 就可以自动打开 Firework 或 Photoshop 进行编辑和设置。

　　优化固定图纸文件。

　　(二）网站管理

　　使用 网站 地图快速创建 网站 原型、设计、更新和重组网页。更改网页位置或文件名，Dreamweaver 会自动更新所有链接。使用支持的文本、HTML 代码、HTML 属性标签和通用语法进行搜索和替换功能，使复杂的 网站 更新变得快速而轻松。

　　(三）控制能力

　　Dreamweaver 是唯一提供往返 HTML、可视化编辑和源代码编辑同步的设计工具。它包括 HomeSite 和 BBEdit 等主流文本编辑器。制作相框和表格的速度快到你无法想象。高级表格编辑功能允许您简单地选择单个网格、行、列或进行非连续选择。您甚至可以对表格组进行排序或格式化。Dreamweaver 支持精确定位并使用可轻松转换为表格的图层来拖放布局。所见即所得Dreamweaver成功集成动态发布可视化编辑和电子商务功能，并为ASP、Apache、BroadVision、Cold Fusion、iCAT、Tango及自主开发的应用软件等第三方厂商提供超强的支持能力。当您使用 Dreamweaver 设计动态网页时，WYSIWYG 功能使您无需通过浏览器即可预览网页。Dream 模板和 XML Dreamweaver 将内容和设计分开，用于快速网页更新和团队协作网页编辑。为网页的外观创建模板，指定可编辑或不可编辑的部分，内容提供者可以直接编辑基于样式的内容，而不会意外更改已建立的样式。您还可以使用模板正确输入或输出 XML 内容。全方位展示 使用 Dreamweaver 设计的网页可以在任何平台的流行浏览器上以全方位的方式展示。对于层叠样式表和鼠标图像变化效果的动态 HTML 支持，

　　在浏览器上执行。使用不同的浏览器显示功能，Dreamweaver 可以告诉您在不同浏览器上执行的效果如何。当新的浏览器上市时，只需从 Dreamweaver 的 网站 下载其描述文件即可获得详细的性能报告。

　　三、网站 网页制作

　　分为几个部分，分工不同，

　　（一）分为几个部分，精简但全面

　　（二）醒目的标题，最重要的

　　(三） 丰富全面的资料

　　(四）丰富的内容和应用操作

　　（五） 链接（点击“加入我们”）

　　四、使用的每种技术的特点

　　Dreamweaver是美国开发的一款集网页创建和管理为一体的网页编辑器网站。它是第一套专门为专业网页设计师开发的可视化网页。用它

　　您可以轻松创建跨平台限制和浏览器限制的动态网页。Dreamweaver 是目前主流的站点和网页编辑器，它的代码简单，兼容性和整体功能都很强。Dreamweaver 的介入使得网页某些部分的实现更加直观和简单。

　　(一） 方便快捷的文字排版

　　类似于“Word”，它具有强大的文本编辑功能。您可以在“图层”、“表格”、“框架”或直接在“文档窗口”表单中输入文本，然后右键选择，例如“字体”（Font）选项进行编辑，也可以使用“文本”菜单进行更详细的排版编辑。

　　(二）实时HTML控件

　　设计人员可以通过两种方式设计页面：可视化或文本，并且可以实时监控 HTML 源代码。当设计者对代码进行任何更改时，结果将立即显示。

　　（三） 与流行的文本 HTML 代码编辑器之间的协调

　　Dreamweaver 可以与当前流行的 HTML 代码编辑器（如 BBEdit、HomeSite 等）完全协调工作。习惯使用这些纯文本编辑器的设计人员，在不改变原有工作习惯的情况下，将充分享受 Dreamweaver 带来的更*敏*感*词*。设计人员可以使用文本编辑器直接编辑 HTML，同时使用 Dreamweaver 生成更复杂的*敏*感*词*、表格、框架、JavaScript 等（Dreamweaver 提供完整版的 HomeSite 和 BBEdit，这是 Windows 用户和 Macintosh 用户最流行的两种代码编辑器用户）。

　　(四）强大的 DHTML 支持

　　动态 HTML 是 4.0 浏览器支持的一项新功能，未来将在网络上广泛使用。该技术可以增强页面的交互性，提高下载速度，使页面更美观，更易于设计，充满动感。Dreamweaver 完全支持 DHTML 并提供四个与之相关的功能。而其他人可以

　　可视化网页编辑工具几乎不提供或仅提供一小部分动态 HTML 制作。

　　(五）重复元素库

　　在 Dreamweaver 中定义的站点中，设计人员可以独立定义可重复使用的内容（如页眉、页脚等）。这样，设计者只需要在需要内容的地方做一个简单的插入。并且当元素库中定义的内容被修改时，整个站点中设计相同内容的地方会统一改变，无需一一修改。

　　(六）基于目标浏览器的检测

　　目前浏览器更新速度非常快，从2.0到4.0层出不穷。与此同时，IE 和 Netscape 也在竞争。设计者创建的网页必须面向不同功能的浏览器并保持其正确性。这是一项更艰巨的任务。而且Dreamweaver 不仅可以在设计时根据不同的目标浏览器进行不同的设计，而且在页面制作完成后，Dreamweaver 还可以根据目标浏览器对页面进行检测和报告。该报告会显示检测到的页面的兼容性以及页面在不同浏览器中的差异，还会指出页面中 HTML 的语法错误。

　　(七）FTP

　　Dreamweaver 中收录一个非常友好的 FTP 工具。通过它，设计者可以非常方便地将单个页面或站点上传到服务器。同时，设计师还可以非常方便地将已经上传的文件下载到服务器上进行参考和修改。在文件传输过程中，Dreamweaver 会记录整个过程以进行错误分析。

　　(八）文件锁

　　这是专门为合作开发环境设置的归档机制。可以通过标记和检索机制设置只读或可写属性来保护文档。通过这种方式，可以防止不必要的数据丢失并增强安全性。

　　网站管理——使用网站地图可以快速创建网站原型、设计、更新和重组网页。更改网页位置或文件名，Dreamweaver 会自动更新所有链接。使用支持的文本、HTML 代码、HTML 属性标签和通用语法进行搜索和替换功能，使复杂的 网站 更新变得快速而轻松。

　　无与伦比的控制能力——Dreamweaver 是唯一提供往返 HTML、可视化编辑和源代码编辑的设计工具。它包括 HomeSite 和 BBEdit 等主流文本编辑器。制作相框和表格的速度快到你无法想象。高级表格编辑功能允许您简单地选择单个网格、行、列或进行非连续选择。您甚至可以对表格组进行排序或格式化。Dreamweaver 支持精确定位，并使用可轻松转换为表格的图层来拖放布局。

　　使用 Dreamweaver 设计的网页可以在任何平台的流行浏览器上全方位呈现。对于层叠样式表和鼠标图像变化效果的动态HTML支持，声音和*敏*感*词*的DHTML效果数据库可以在Netscape和Microsoft浏览器上执行。使用不同的浏览器显示功能，Dreamweaver 可以告诉您在不同浏览器上执行的效果如何。当新的浏览器上市时，只需从 Dreamweaver 的 网站 下载其描述文件即可获得详细的性能报告。

　　参考

　　[1] 庄望健主编，网页设计三剑客白金课程，电子工业出版社

　　[2]任学文，范燕，编辑，网页设计与制作，中国科学技术出版社

　　[3]吴闯，王辉，主编，网页设计探索之旅，电子工业出版社

　　[4]吴涛主编，网站*敏*感*词*设计技术（修订版），北京：清华大学出版社；北京交通大学出版社

　　社会

　　谢谢

　　在学习网页制作的过程中，老师严谨求实的学术态度、高度的敬业精神、认真的工作作风和大胆创新的敬业精神对我产生了非常重要的影响。她渊博的知识给了我深刻的启发。如果没有导师，这个作业就不会这么顺利完成。在此，我要感谢老师，也希望老师以后的生活和工作一切顺利，开心每一天。

　　除了老师的指导，在网站的*敏*感*词*中，网站需要文字和图片来帮助学生。在此表示衷心的感谢，希望同学们早日进步，早日成才。