利用Photobhop+Dreamweaver制作网页的方法与技巧
使用Dreamweaver进行网页设计的实用技巧
使用Dreamweaver进行网页设计的实用技巧第一章：简介Dreamweaver是一款非常流行的网页设计工具，广泛应用于网页开发行业。
它提供了丰富的功能和工具，使得网页设计变得更加高效和便捷。
本章将介绍Dreamweaver的基本功能和使用方法。
第二章：创建新网页Dreamweaver可以轻松地创建新的网页。
首先，点击“文件”菜单，然后选择“新建”。
在弹出的对话框中，选择网页的类型和所需的模板。
输入网页的名称和保存位置。
接下来，可以通过拖放方式添加文本、图像和其他元素。
第三章：编辑网页内容Dreamweaver提供了强大的编辑工具，可以轻松编辑网页的内容。
通过双击网页中的文本或图像，可以直接进行编辑。
还可以使用“视图”菜单中的“代码视图”查看和编辑HTML和CSS代码。
此外，Dreamweaver还提供了智能提示和自动完成功能，帮助用户更快速地编辑网页内容。
第四章：样式和布局设计Dreamweaver提供了丰富的样式和布局设计工具，帮助用户创建美观的网页。
可以使用“CSS样式”面板添加样式，并对文本、图像等元素进行格式化。
还可以使用网格系统和定位工具来设计网页布局。
通过拖放元素和调整属性，可以实现更具吸引力的页面设计。
第五章：导航设计一个好的导航设计可以提升用户体验，并使网站更易于导航。
Dreamweaver提供了多种导航设计工具，如导航栏、下拉菜单等。
可以使用这些工具轻松地创建导航栏，并将其链接到其他页面。
还可以设置导航栏的样式和交互效果，使得导航更加直观和易用。
第六章：响应式设计随着移动设备的普及，响应式设计已成为网页设计中的重要方面。
Dreamweaver提供了一些有用的工具和功能，用于创建响应式网页。
可以使用媒体查询和自适应布局来适应不同屏幕大小和分辨率。
此外，Dreamweaver还提供了移动设备模拟器，可以在不同设备上测试和预览网页的展示效果。
第七章：网页优化网页加载速度是用户体验和搜索引擎优化的关键因素。
探索使用Dreamweaver进行网页制作的技巧
探索使用Dreamweaver进行网页制作的技巧使用Dreamweaver进行网页制作是一项技术性很强的任务。
虽然现在有很多网页设计工具可以选择，但Dreamweaver作为一款专业的网页设计和开发软件，拥有丰富的功能和灵活的界面，依然是许多网页设计师的首选。
本文将探索使用Dreamweaver进行网页制作的一些技巧，按照不同的类别进行分章节介绍。
第一章：基本界面和功能介绍Dreamweaver具有直观的用户界面和丰富多样的功能。
在这一章节中，我们将介绍软件界面的各个部分，包括工具栏、菜单栏、文件管理器等。
同时，我们会介绍一些基本的功能，例如创建和保存网页文件、预览网页等。
第二章：网页布局和排版在网页制作中，良好的布局和合适的排版至关重要。
本章节将介绍如何使用Dreamweaver进行网页布局和排版。
包括使用网格和辅助线进行布局，调整页面元素的大小和位置，选择合适的字体和字号等。
第三章：图像和多媒体元素的插入和调整图像和多媒体元素可以使网页更具吸引力和互动性。
在这一章节中，我们将介绍如何使用Dreamweaver插入和调整图像、音频和视频等多媒体元素。
同时，我们还会讨论图像的格式选择和优化，以及多媒体元素的自动播放和控制等问题。
第四章：连接和导航网页中的连接和导航功能是用户体验的重要组成部分。
在这一章节中，我们将介绍如何使用Dreamweaver创建超链接和导航栏。
我们还会讨论如何设置链接的样式和目标页面，以及如何创建下拉菜单和网站地图等。
第五章：表单和动态内容表单和动态内容是网页制作中需要注意的重点。
在本章节中，我们将介绍如何使用Dreamweaver创建表单，并进行表单元素的布局和样式设置。
同时，我们还会讨论如何使用Dreamweaver结合服务器端语言（如PHP）实现表单提交和动态内容的显示。
第六章：网页优化和调试一款高效的网页应具备良好的性能和兼容性。
在这一章节中，我们将介绍一些网页优化和调试的技巧。
Dreamweaver中制作网页的实用技巧
dreamweaver中制作网页的技巧，学习dreamweaver的朋友可以参考下。
1、灵活运用样式熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。
虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。
比如用CustonStyle来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。
2、活用FormatTable命令在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。
Dreamweaver在这方面也不甘落后，我们可以使用其中的“FormatTable”(格式化表格)命令来快速地对表格应用预先设计好的样式。
要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“FormatTable”命令，在随后出现的对话框中，从左边的列表中选择一个设计方案。
按“Apply”键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。
3、同时链接到两个网页我们都知道超级链接一次只能连到一个页面。
如果我们要想一次在不同的框架页中打开文档，可以使用“GoToURL”javascript行为。
打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“GoToURL”。
我们会注意到Dreamweaver 会在“GoToURL”对话框中显示所有可用的框架。
选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。
4、不给文件起中文名称大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。
网页设计与制作实用教程(第3版) 第1章-网站开发基础
1.1.2 网站的类型及定位
2．电子商务网站 电子商务网站是目前最具发展潜力的网站类型。电 子商务网站提供网上交易和管理等全过程的服务， 因为它具有广告宣传、咨询洽谈、网上订购、网上 支付、电子账户、服务传递、意见征询、交易管理 等各种功能。
1.1.2 网站的类型及定位
3．视频分享网站 视频分享网站为用户提供视频播客、视频分享、视 频搜索及所有数字视频内容的存储和传输服务。可 供用户在线观看最新、最热的电视、电影和视频资 讯等。
1.1.3 认识网页
表单：访问者要查找一些信息或申请一些服务时需 要向网页提交一些信息，这些信息就是通过表单的 方式输入到Web服务器，并根据所设置的表单处 理程序进行加工处理的。表单中包括输入文本、单 选按钮、复选框和下拉菜单等。 超链接：超链接是实现网页按照一定逻辑关系进行 跳转的元素。 动态元素：动态元素包括GIF动画、Flash动画、 滚动字幕、悬停按钮、广告横幅、网站计数器等。
网页设计与制作实用教程（Dreamweaver+Flash+Photoshop（第3版））
第1章 网站开发基础
本章主要内容：
网站开发概述 网站开发流程 常用网页设计软件 HTML入门
1.1 网站开发概述
网站开发就是使用网页设计软件， 经过平面设计、网络动画设计、网页排 版等步骤，设计出多个页面。这些网页 通过一定逻辑关系的超链接，构成一个 网站。
1.1.2 网站的类型及定位
网站是一种新型媒体，在日常生活、商业活动、娱 乐游戏、新闻资讯等方面有着广泛的应用。在网站 开发之前，需要认识各种网站的主要功能和特点， 对网站进行定位。下面介绍几种常见的网站类型。
1.1.2 网站的类型及定位
1．综合门户网站 综合门户网站具有受众群体范围广泛，访问量高、信 息容量大等特点，包含时尚生活、时事新闻、运动娱 乐等众多栏目。综合门户网站定位明确，以文字链接 为主要内容、版式和色彩较为直观、简洁。
利用Adobe Photoshop进行网页头部设计与制作的技巧
利用Adobe Photoshop进行网页头部设计与制作的技巧在互联网时代，网页头部设计成为了网页制作过程中的关键部分之一。
好的网页头部设计可以吸引用户的眼球，增强用户对网站的印象，并且提升用户体验。
而Adobe Photoshop作为一款强大的图像处理软件，其丰富的功能可以帮助我们设计出出色的网页头部。
本文将探讨如何利用Adobe Photoshop进行网页头部设计与制作的技巧。
一、颜色搭配和配色原则首先，在进行网页头部设计时，我们需要注意颜色搭配和配色原则。
色彩是网页设计中极其重要的一部分，合理的颜色搭配可以传达出网站的主题和风格，从而吸引用户。
在Adobe Photoshop中，我们可以使用"取色器"工具获取色彩，然后选择合适的配色方案。
常用的配色原则有：- 互补色：选择位于色彩圈上互为对称的两种颜色进行搭配，形成对比鲜明、活力十足的效果。
- 类似色：选择紧挨在色彩圈上的相邻几种颜色进行搭配，形成温和、和谐的效果。
- 三分法：选择与主色彩相对的两种辅助色彩，一种用于主色彩的高亮部分，另一种用于背景或者按钮等元素的配色。
二、巧用图层样式和图形工具在进行网页头部设计时，图层样式和图形工具是非常重要的。
Adobe Photoshop 提供了丰富的图层样式选项，使用这些样式可以使头部元素更加生动和立体。
例如，我们可以通过设置投影、内阴影、渐变等效果来增加深度和层次感。
此外，图形工具也可以帮助我们添加各种元素，如图标、形状、线条等，以增强设计的可视性和吸引力。
三、选择合适的字体和排版字体和排版是网页头部设计中一个重要的环节。
合适的字体选择和排版能够让网页头部更加美观且易于阅读。
在Adobe Photoshop中，我们可以借助Type工具和字符面板来调整字体、字号、字间距等，以求达到最佳效果。
此外，还可以利用字体图标库或自定义图标来丰富设计。
四、针对不同设备进行响应式设计如今，移动设备的普及使得网页头部设计需要考虑到不同的屏幕尺寸和分辨率。
如何使用Dreamweaver进行网页设计与编写
如何使用Dreamweaver进行网页设计与编写Dreamweaver是一款强大的网页设计与编写工具，它提供了丰富的功能和工具，使用户能够轻松创建精美的网页。
本文将介绍如何使用Dreamweaver进行网页设计与编写，并按照以下几个方面进行分类讲解。
第一章: 界面与设置在开始使用Dreamweaver之前，用户需要了解界面和设置。
Dreamweaver的界面分为几个主要部分，包括工具栏、菜单栏、文件面板、代码面板等。
用户可以根据自己的需要进行自定义设置，例如设置代码显示颜色、字体大小等。
第二章: 网页结构与布局网页的结构和布局是网页设计的重要组成部分。
Dreamweaver 提供了各种布局工具，例如DIV和表格布局。
用户可以使用这些工具来创建网页的基本结构，然后使用CSS样式来定义和控制页面的布局。
第三章: 网页元素与样式网页设计中的元素和样式是网页的装饰和内容展示手段。
Dreamweaver提供了丰富的元素和样式库，用户可以轻松地添加图像、视频、音频等元素，并为它们应用各种样式和效果。
第四章: 交互与导航交互和导航是网页设计中的重要功能。
Dreamweaver提供了交互和导航工具，例如超链接和导航菜单。
用户可以使用这些工具来创建连贯的页面导航和用户交互，提高网站的可用性和用户体验。
第五章: 响应式设计与移动端适配随着移动设备的普及，响应式设计和移动端适配变得越来越重要。
Dreamweaver提供了响应式设计和移动端适配的工具和功能。
用户可以使用这些工具来创建适应不同屏幕大小和设备的网页，并进行实时预览和调整。
第六章: 网页优化与测试在完成网页设计和编写后，用户需要对网页进行优化和测试，以确保网页的性能和可访问性。
Dreamweaver提供了优化和测试工具，例如压缩代码、优化图像和进行浏览器兼容性测试。
用户可以使用这些工具来提高网页的加载速度和用户体验。
第七章: 网页发布与管理完成网页设计和编写后，用户需要将网页发布到服务器，并进行管理和维护。
如何通过Dreamweaver制作自适应网页
如何通过Dreamweaver制作自适应网页一、背景介绍如今，随着移动互联网的迅猛发展，越来越多的人选择使用手机或平板电脑上网浏览。
因此，制作自适应网页成为了Web开发领域的一个重要课题。
本文将介绍如何通过使用Dreamweaver来制作自适应网页，以适应不同设备上的显示效果。
二、Dreamweaver简介Dreamweaver是一款由Adobe开发的全球领先的网页设计和开发软件。
它提供了强大的设计工具和开发环境，使得用户能够在熟悉的可视化界面下进行网页设计和编写代码。
通过Dreamweaver，用户可以更加高效地创建自适应网页，以适应不同设备的屏幕大小和分辨率。
三、布局技巧1. 使用流体布局：流体布局是指使用百分比的宽度和高度来定义网页元素，使其能够根据浏览器窗口的大小而自动调整。
在Dreamweaver中，可以通过设置CSS样式表来实现流体布局，从而确保网页在不同设备上的显示效果一致。
2. 弹性盒子布局：弹性盒子布局可以使网页元素在水平或垂直方向上自动调整大小和位置。
在Dreamweaver中，可以使用弹性盒子布局工具栏来快速设置弹性盒子布局属性，以适应不同设备的显示效果。
四、媒体查询技巧通过使用媒体查询，可以根据不同设备的屏幕大小和分辨率来应用不同的CSS样式。
在Dreamweaver中，可以通过媒体查询面板来设置不同屏幕尺寸下的样式。
通过添加媒体查询规则，可以根据需要调整字体大小、布局、图片大小等，来适应不同设备的显示。
五、图像和多媒体处理技巧1. 图像压缩：在制作自适应网页时，需要注意图像的大小。
过大的图像不仅会占用带宽，加载速度慢，还会影响网页的整体性能。
因此，在Dreamweaver中，可以使用图像压缩工具来减小图像的文件大小，以提高网页的加载速度。
2. 视频和音频的嵌入：随着HTML5的发展，网页中视频和音频的使用越来越普遍。
在Dreamweaver中，可以利用HTML5的video和audio元素来嵌入视频和音频。
使用Dreamweaver制作响应式网页的步骤与技巧
使用Dreamweaver制作响应式网页的步骤与技巧一、Dreamweaver简介Dreamweaver是一款功能强大的网页设计和开发软件，由Adobe公司开发。
它提供了一系列直观的工具和功能，使用户能够轻松地创建和管理网站。
响应式网页设计是一种灵活的设计方法，可以使网站能够在不同设备上以最佳方式显示，包括桌面电脑、平板电脑和移动设备。
二、准备工作在开始制作响应式网页之前，首先要确保已经安装了Dreamweaver软件。
然后，需要准备原始设计，包括网站的结构、视觉效果和内容布局。
这可以通过手绘草图或使用设计工具如Photoshop来完成。
三、设置网页结构在Dreamweaver中，可以选择创建一个新建网页或导入现有网页来开始制作响应式网页。
首先，选择合适的网页模板或布局，然后设置网页的标题、描述和语言属性。
接下来，将网页的主体内容分为多个区域，为每个区域创建相应的HTML标签。
四、应用响应式布局Dreamweaver提供了多种布局工具和组件，以支持响应式网页设计。
其中一个重要的工具是Fluid Grid Layouts，它允许用户创建自适应的网格系统，以适应不同的屏幕尺寸和设备。
用户可以使用可视化界面来设置布局，调整列数和宽度，并定义每个区域的优先级。
五、媒体查询和CSS样式在Dreamweaver中，用户可以使用媒体查询来创建不同的CSS 样式，以适应不同的设备。
通过媒体查询，可以针对不同的屏幕尺寸、屏幕方向和设备类型定义不同的样式。
用户可以选择使用已经定义的媒体查询或创建自定义媒体查询。
六、图像和多媒体处理在制作响应式网页时，图像和多媒体元素也需要进行适应性处理。
Dreamweaver提供了一系列工具和功能，可以优化图像、调整大小并自动适应不同的屏幕分辨率。
对于多媒体元素，可以使用HTML5的音频和视频标签，并为不同的设备提供相应的文件格式。
七、测试和优化制作响应式网页后，必须进行测试以确保在各种设备和浏览器上的正常显示。
Dreamweaver网页设计制作技巧
Dreamweaver网页设计制作技巧Dreamweaver网页设计制作技巧借Dreamweaver助共享型用户界面设计,在AdobeCreativeSuite4的不同组件之间更快、更明智地工作。
使用工作区切换器可以从一个工作环境快速切换到下一个环境。
下面是由店铺为你精心编辑的Dreamweaver网页设计制作技巧，欢迎阅读!1、灵活运用样式熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。
虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。
比如用CustonStyle来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。
2、活用FormatTable命令在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。
Dreamweaver在这方面也不甘落后，我们可以使用其中的“FormatTable”(格式化表格)命令来快速地对表格应用预先设计好的样式。
要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“FormatTable”命令，在随后出现的对话框中，从左边的列表中选择一个设计方案。
按“Apply”键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。
3、同时链接到两个网页我们都知道超级链接一次只能连到一个页面。
如果我们要想一次在不同的框架页中打开文档，可以使用“GoToURL”JavaScript行为。
打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“GoT oURL”。
我们会注意到Dreamweaver会在“GoT oURL”对话框中显示所有可用的框架。
利用Dreamweaver设计网页
Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。
它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。
1、灵活的编写方式Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。
、2、可视化编辑界面Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。
或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。
无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。
3、功能更多的CSS支持——CSS可视化设计、CSS检查工具4、动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。
动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。
5、强大的WEB站点管理功能6、内建的图形编辑引擎7、Dreamweaver的集成特性Dreamweaver 8继承了Fireworks、Flash 和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。
8、丰富的媒体支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。
Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
稳 定 和 庄 重 整 齐 的美 感 ， 衡 的 网 页生 动活 泼 富 于 变 化 ， 有 变 化 美 。 均 具 ２ 对 比 协调 ： 比使 网 页 形式 生动 、 性 鲜 明 ， 免 平 淡无 奇 ； 比协 调 则 给 人 以 柔 和 、 切 的美 感 。 ） 对 个 避 对 亲 ３ ）比例适 度 ： 立 良好 的 比例 关 系 ， 非 黄 金 分 割 ， 一定 要适 度 、 调 ， 能 使 整 个 页 面 和 谐 、 称 明 朗 。 确 并 但 协 才 匀
Ａｂ ｔ ａ ｔ ｓｒ ｃ ：Ｔｈｓ ａｔ ｌ ｎ ｒ ｄ ｃ ｓ ｓ ｍｅ ｍｅｈ ｄ ｎ ｅ ｈ ｉｕ ｓａ ｏ ｔｍａ ｉ ｇ ｔ ｅ ｗｅ ａ ｅ ｙ ｕ ｉ ｇ Ｐ ｏ ｏ ｈ ｐ ａ ｄ Ｄｒ ａ ｉ ｒ ｃｅ ｉ ｔ ｕ ｅ ｏ ｔ ｏ ｓａ ｄ ｔ ｃ ｎ ｑ ｅ ｂ ｕ ｋ ｎ ｈ ｂ ｐ ｇ ．Ｂ ｓ ｈ ｔ ｓ ｏ ｎ ｅ ｍｗｅ ｖ ｒ ｔ ｅ ｉ ｏ ｎ ａ ｅ， ｈ ｗｅ ａ ｅ ｗｉ ｅ ｖ ｒ ｎ ． ｂ ｐ ｇ ｌ ｂ ｅｙ ｆ ｅ ｌ ｉ Ｋｅ ｒ ｓ ｃ ｍｐ ｓ ｉ ｎ ｓ ｃ ； ｈ ｔ ｓ ｏ ； ｒ ａ ｙ ｗｏ ｄ ： ｏ ｏ ｉ ｏ ； ｈ ｅ ｐ ｏ ｏｈ ｐ ｄ ｅ ｍｗｅ ｖ ｒ ｔ ａ ｅ 。
５ 节奏韵律 ： 律是使节 奏富有律动感的变化美 ， 点 、 ） 韵 将 圆形 、 条 等 沿 一 定 的 曲线 重 复 排 列 时 ， 会 产 生 韵 律 感 ， 画 面显 得 线 就 使
轻 盈 而 富 有灵 气 。
２在 Ｐ ｏｏｈ ｐ中布局 网页 ｈ ｔｓｏ
Ｉ 首先 在 Ｐ ｏｏｈｐ中建 一 个 １０ ｘ ５ ） ｈｔｓｏ ０ １ ５ ０像 素 的 文 件 ， 样 在 １２ ｘ ６ 这 ０ ４ ７ ８这种 常规 分 辨 率 下 ， 会 出 现 水 平 滚 动 条 和 垂 直 滚 动条 不 （ 长度 １０ 像 素 是 作 者 在 多 次 实 验 中 总结 出 的数 据 ） ０１ 。 ２ 一般 情 况 下 页 面分 头 、 、 三 个 部 分 ， 果 看 到 别 人 的 版 面 想 借 鉴 的话 ， 就 做 个 截 图 ， 后 把 截 图 放 在 最 底 层 ， 为 最 初 ） 中 底 如 那 然 作 的 草 图 。如 果 不 想 用 别 人 的 版 面 ， 好 也 还 是 找 一 个 同类 网站 借 鉴 一 下 。 最
Ｉ ＳＮ １ ０ － ０ ４ Ｓ ０９ ３ ４
Ｅ— ｉ ｅ ｕ ＠ห้องสมุดไป่ตู้ Ｃ ． ｅ．ｎ ｍａｌ ｄ ｆ Ｃ Ｃｎ ｔ ： ｃ
Ｃ ｍ ｕｅ Ｋ ｏ ｌ ｇ ｎ ｅ ｈ ｏ ｇ ｏ ｐ ｔｒ ｎ ｗｅ ｅａ ｄＴ ｃ ｎ ｌ ｙ电脑 知 识 与技术 ｄ ｏ Ｖ １ ， ｏ２ ａ ｕ ｒ ０ ０ Ｐ ． ５ ４ ６ ｏ． Ｎ ．Ｊ ｎ ａｙ２ １ ． Ｐ ４ — ４ ６ ４
Ｔｈ ｅ ｈ ｄ ａ ｄ Ｔｅ ｈ ｉ ｕ ｆＵｓｎ ｏ ｏ ｈ ｐ ａ ｄ Ｄｒ ａ ｗｅ ｖ ｒ ｔ ａ ｅ Ｗ ｅ ａ ｅ ｅ Ｍ ｔ ｏ ｎ ｃ ｎ ｑ ｅ ｏ ｉ ｇ Ｐｈ ｔ ｓ ｏ ｎ ｅ ｍ ａ ｅ ｏ Ｍ ｋ ｂ Ｐ ｇ
Ｚ ＨＯＵ ｕ — ｕ Ｚ Ｎ ｅ Ｃｈ ｎ ｙ ， ＨＡ ｆ ｉ （ ａａ ｉ ｅｉ ｉｅ ｉ ， ｌｎ１ ６２ ， ｉａ Ｄ ｌ ｎＦｓ ｒ ｓ ｖ ｒｔ Ｄａａ １０ ３ Ｃｈ ） ｉ ｈ ｅ Ｕｎ ｓｙ ｉ ｎ
４ 疏 密 交 错 ： 页 上 重 复 的形 式 过 多 ， 使 页 面 显 得 呆 板 ， 易 使 浏 览 者 产 生 视 觉 疲 劳 。 因 此不 要 整 个 网 页 一 种 样 式 ， 通 过 留 ） 网 会 容 要 白 、 格 、 变行 间距 、 间距 等变 化 来 打 破 页 面 呆 板 、 淡 的格 局 。 空 改 字 平
１网页布 局的原 则
网页 布 局 是 决 定 网站 美 观 与 否 的一 个 重 要 方 面 ， 过 合 理 的 、 创 意 布 局 ， 可 以 把 文 字 、 像 等 内 容 完 美 地 展 现 在 浏 览 者 前 通 有 才 图 面 。最 好 先 用 笔 和 纸将 构思 的草 图画 下 来 ， 需 要 很 详 细 ， 不 只需 要 画 出 页面 的大 体 结 构 作 为 创 作样 本 即 可 。 布局 的原 则 如 下 ： １ 对 称 均衡 ： 称 是 一 种美 ， 给 人 稳 定 感 ， 过 度 的 对 称 就 会 给人 一 种 呆 板 、 气 沉 沉 的 感 觉 ， 称 形 式 构成 的 网 页 具 有 重 心 ） 对 能 但 死 对
ｈ ｔ ：ｗ ｔ ／ ｗｗ．ｎ ｓｎ ｔ ａ ｐ／ ｄ ｚ ．ｅ ． ｃ
Ｔｅ： ８ — ５１ ５ ９ ９ ３ ５ ９ ９ ４ １ ６ ５ — ６ ０ ６ ６ ０ ６ ＋
利用 Ｐ ｏｏｓ ｏ ＋ ｒａ ｈ ｔ￣ ｐ Ｄ ｅ ｍｗｅ ｖ ｒ ｈ ａ ｅ 制作 网页的方法与技巧
周纯 詹劫 玉．
随着 互 联 网 的 广 泛 应 用 ， 网页 制 作 已成 为热 门 ， 个 好 的 网 页 既要 内容 翔 实 ， 要 视 觉 新 颖 ， 要 布 局 合 理 ， 要 把 内容 的层 次 一 又 还 既 性 和空 间性 突 出 显 示 出来 ， 要 使 页 面 合理 流 畅 、 环 相 扣 。 网 页制 作 的工 具 有 很 多 ， 是 利 用 Ｐ ｏｏｈ ｐ和 Ｄ ｅｍ ｅｖｒ 合 使 用 又 环 但 ｈｔ ｏ ｓ ｒ ｗ ａｅ 配 ａ 制作 出来 的 网页 布 局更 规 范 ， 面 更精 美 ， 页 因此 深 受 网页 制作 者 的 推崇 。
（ 连水 产 学 院 现 代 教 育 技 术 与 网 络 中心 ， 宁 大 连 １６ ２ ） 大 辽 １０ ３
摘 要 ： 文 介 绍 了通 过 Ｐ ｏｏｈ ｐ和 Ｄｒ ｍｗｅｖ ｒ 结 合 ， 松 创 作 完 美 网页 的 方 法 与技 巧 。 该 ｈ ｔｓｏ ｅ ａ ａｅ 相 轻 关 键词 ： 局 ； 片 ： ｈ ｔｓ ｏ ： ｅｒｗｅｖ ｒ 布 切 Ｐ ｏｏｈ ｐ Ｄｒａ ｌ ａｅ ｒ 中 图分 类 号 ： Ｐ ９ Ｔ ３３ 文 献 标 识码 ： Ａ 文 章 编 号 ：０ ９ ３ ４ （０ ００ － ４ － ２ １ ０ — ０ ４２ １ ） ２ ４ ５ ０