1、忍让溜妨栏奖哨靖唐蜀茵己弘青耽督穆诅港皖帚妮愧倔孙歪刘砧德摧阂钙模块一初识网页与网页设计软件模块一初识网页与网页设计软件模块一初识网页与网页设计软件 任务二认识网站设计的基础知识 任务四 Dreamweaver CS3新功能任务三了解网页制作的基本流程 任务一认识基本的网页 长屎日报曙影洁逊零缀禾役婪黍末剖毛婆建含修壁瓣劳捏刚砒窜顶夷园侵模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页 网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取，在浏览器输入网址后，经过一段复杂而又快速的程序，
2、网页文件会被传送到用户的计算机，然后再通过浏览器解释网页的内容，再展示到用户的眼前。网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，任何一个网站都是由或多或少的网页组成的。子任务 1网页的相关概念 核识此勇硫泌粮溶胁拒印灾昨附阁皋程皆闯茎嘴催列拂恋棋销斯弄勾关嫡模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页 基本概念介绍：1.浏览器（ Browser）是安装在计算机上的一种软件，通过它可以方便地看到 Internet上提供的各种信息和服务资源，常用的浏览器有两种， Internet Explorer（简称 IE）和腾讯。2超链接（ Hyperlink
3、）是 WWW上的一种链接技巧，通过单击某个图标或某段文字，就可以自动连接相对应的其它文件，从一个网页跳转到另一个网页。3.网页（ Webpage），是网站中的一 “页 ”，通常是 HTML格式（文 件扩展名为 .html或 .htm或 .asp或.aspx或 .php或 .jsp等）。网页通常用图像档来 提供 图画。网 页要 通过网页浏览器来阅读。进入一个网站后看到的第一个页面称为主页（ Home page）。一般的主页名称为 index.htm(index.html)或 index.asp。暑劈鸳炮丫嗓臃次探隐嘉噎熄啊之衅陶佰椎懊他游驾窘足鸣坍拱制凤惨舍模块一初识网页与网页设计软件模块一初识
4、网页与网页设计软件任务一认识基本的网页 4网站就是指在互联网（因特网）上，根据一定的规则，使用 HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网络服务。5网址（ URL）即统一资源定位地址（ Uniform Resource Locate），是 WWW上的地址编码，指出了文件在 Internet中的位置。它存在的目的在于统一 WWW上的地址编码，给每一个网页一个用它的编码来制定的
5、地址，这样就不会出现重复或由于编码不统一而出现无法浏览等问题了。当用户查询信息资源时，只需给出URL地址，则 WWW服务器就可以根据它找到网络资源的位置，并将它传送给用户的计算机。通过，当用户用鼠标单击网页中的链接点时，就将 URL地址的请求传送给 WWW服务器。母嚼瓜南恍悸悄循题暗鼠苏拣勺北及嫉抓激澄过纱阳琴痞得纳败崎蹦银卢模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页 6网页的分类网页有多种分类，我们笼统意义上的分类是动态和静态的页面。静态页面多通过网站设计软件来进行重新设计和更改，相对比较滞后，现在通过网站管理系统，也可以生成静态页面 我们称这种静态页面为伪
6、静态。动态页面通过网页脚本与语言自动处理自动更新的页面，如各主题论坛，就是通过网站服务器运行程序，自动处理信息，按照流程更新网页。7网站的分类（ 1）展示型 主要以展示形象为主，艺术设计成份比较高，内容不多，多见于从事美术设计方面的工作室。（ 2）内容型 站点以内容为重点，用内容吸引人。例如：普通的公司网站，用于发布公司产品、公司动态、招聘信息等。一些从事信息服务性的站点，如文学站、下载站、新闻站等等。一般该类站点以设计以简洁大方为主，不需要太多太花翘的东西转移读者的视线。 腑蹦块羞扔轴柑糖亥褒冰鼠噶迷扳删乓颁掖冯雇忘吕廓糙挫仗彻掳鼎缓树模块一初识网页与网页设计软件模块一初识网页与网页设计软件
7、任务一认识基本的网页 （ 3）电子商务型 以从事电子商务为主的站点，要求安全性高、稳定性高。比较考验网站中运行的程序。一般该类站点设计要简洁大方，又不失热闹有人气的感觉，颜色多用蓝色等表现信任感。 （ 4）门户型 该类站点类似内容型，但又不同于内容型，因其站上的内容特别丰富，内容比较综合。一般内容型网站内容比较集中于某一专业、或自己的领域、或自己的公司、工作室等小范围的内容，而门户型一般来说除了表现更为丰富的内容外，通常更加注重网站与用户之间的交流。例如一般门户型网站也会提供信息的发布平台，与用户的交流平台等。赞垛漫痞汛椭封莉漳闷穷咖络横碑柠酗岔蜂骚播咒绦抽徒戴细涧憨广腕便模块一初识网页与网页
8、设计软件模块一初识网页与网页设计软件任务一认识基本的网页 网站的基本元素是网页，一个个的网页构成了一个完整的网站。网页也是可分的，构成网页的基本元素包括标题、网站 LOGO、页眉、页脚、主体内容、功能区、导航区、广告栏等。这些元素在网页的位置安排，就是网页的整体布局。1标题每个网页的最顶端都有一条信息，这条信息往往出现在浏览器的标题栏，而非网页中，但是这条信息也是网页布局中的一部分。这条信息是对这个网页中主要内容的提示，即标题。 子任务 2网页的基本元素 剃温少说糖接亦晋饰斟白氛摸譬蛮奖案傍武诞弱纺噪缸图惫战爽炔臆辟完模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页
9、 2 LOGOLOGO是网站所有者对外宣传自身形象的工具。 LOGO集中体现了这个网站的文化内涵和内容定位。可以说， LOGO是一个网站的最为吸引人、最容易被人记住的标志。如果网站所有者已经导入了 CIS系统，那么 LOGO的设计就要符合 CIS的设定。如果所有者没有导入 CIS，就要根据网站的文化内涵和内容定位设计 LOGO。无论怎样，网站 LOGO的设计都要在网站制作初期进行，这样才能从网站的长远发展角度出发，设计出一个能够长时间使用的、最能代表该网站的 LOGO。 LOGO在网站中的位置都比较醒目，目的是要使其突出，容易被人识别与记忆。在二级网页中，页眉位置一般都留给 LOGO。另外，
10、LOGO往往被设计成为一种可以回到首页的超链接。说明： CIS简称 CI，全称 Corporate Identity System，译称企业识别系统，意译为 “企业形象统一战略 ”。嘲嫩嗜氟届船快殊宵静应轰启秸倚尝登绘蛔钥畅袁氛晚暖穴怪樱噪碴耻愁模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页 3页眉网页的上端即是这个页面的页眉。页眉并不是在所有的网页中都有，一些特殊的网页就没有明确划分出页眉。页眉往往在一个页面中相当重要的位置，容易引起浏览者的注意，所以很多网站都会在页眉中设置宣传本网站的内容，如网站宗旨、网站 LOGO等，也有一些网站将这个 “黄金地段 ”作为广
11、告位出租。4主体内容主体内容是网页中的最重要的元素。主体内容并不完整，往往由下一级内容的标题、内容提要、内容摘编的超链接构成。主体内容借助超链接，可以利用一个页面，高度概括几个页面所表达的内容，而首页的主体内容甚至能在一个页面中高度概括整个网站的内容。主体内容一般均有图片和文档构成，现在的一些网站的主体内容中还加入了视频、音频等多媒体文件。由于人们的阅读习惯是由上至下、由左至右，所以主体内容的内容分布也是按照这个规律，依照重要到不重要的顺序安排内容，所以在主体内容中，左上方的内容是最重要的。战略 ”。酞贮啮赖菠踌淡拧笛扳盛巫暮盐女顾砖括情价哇贝猫雨亥勺绕躲狡练躇琐模块一初识网页与网页设计软件模
12、块一初识网页与网页设计软件任务一认识基本的网页 5页脚网页的最底端部分被称为页脚，页脚部分通常被用来介绍网站所有者的具体信息和联络方式，如名称、地址、联系方式、版权信息等。其中一些内容被做成标题式的超链接，引导浏览者进一步了解详细的内容。sohu网站的页脚除上述内容外，增加了导航内容，这种方式在首页内容过多的情况很适用。好处是浏览者不必滑动滚动条，可直接选择栏目，易用性强。6功能区功能区是网站主要功能的集中表现。一般位于网页的右上方或右侧边栏。功能区包括：电子邮件、信息发布、用户名注册、登陆网站等内容。有些网站使用了 IP定位功能，定位浏览者所在地，然后可在功能区显示当地的天气、新闻等个性化信
13、息。熊啸吞滥钙枝子呈骏肝霓奄这统鸡烹宅鲤猴膘晒镜联涕弧遥檀刊洗搐潭帛模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页 7导航区如果说主体内容部分重要的话，导航区的重要性与其不相上下，甚至导航区的设计可以成为一种独立的设计，与网页布局设计分庭抗礼。之所以说导航区重要，是因为其所在位置左右着整个网页布局的设计。导航区一般分为 4种位置，分别是左侧、右侧、顶部和底部。一般网站使用的导航区都是单一的，但是也有一些网站为了使网页更便于浏览者操作，增加可访问性，往往采用了多导航技术，如 Yahoo!网站采用了左侧导航与底部导航相结合的方式。但是无论采用几个导航区，网站中的每个页
14、面的导航区位置均是固定的。8广告区广告区是网站实现赢利或自我展示的区域。一般位于网页的页眉、右侧和底部。广告区内容以文字、图像、 Flash动画为主。通过吸引浏览者点击链接的方式达成广告效果。广告区设置要达到明显、合理、引人注目，这对整个网站的布局很重要。野凋陡吩叭腋慧娥铸泳秆充谈拨廷称复竟竹去呀苯井野焙插芥绽城钓番旋模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识 网站是指在因特网上，根据一定的规则，使用 HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像公告栏一样，人们可以通过网站来发而自己想要公开的信息，或者利用网
15、站来提供相的网络服务。用户可以通过网页浏览器来访问网站，获取自己需要的资料或者享受网络服务。教暴忽耀抉悯瞄咀旷疤致蔡海吨题毅氓瞩撮原窥疚氦揖敝募陈秉控蟹徒苦模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识 1明确建立网站的目标和用户需求 Web站点的设计是展现自我形象的重要途径，因此必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据使用者的需求进行分析，以 “使用者 ”为中心，而不是以 “美术 ”为中心进行设计规划。 在设计规划时我们会考虑： 建设网站的目的是什么？ 为谁提供服务？ 网站的目的消费者和受众的特点是什么？ 子任务 1网站设
16、计的基本原则 族朗刑萝尊病自付恶寞氛痊剥难者咯漆梦热淖丑汲护组抠搀戏蒙都另蛀丝模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识 2网页设计总体方案主题鲜明 在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。 Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的 Web站点把图形表现手法和有效的组织与通信结合起来。 为了做到主题鲜明突出，要点明确，我们将按照客户的要求
17、，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。 Web站点主页应具备的基本成分包括： 页头：准确无误地标识你的站点和企业标志； Email地址：用来接收用户垂询； 联系信息：如普通邮件地址或电话； 版权信息：声明版权所有者等。 充分利用已有信息，如客户手册、公共关系文档、技术手册和数据库等。 狞两充如靳部喝腰搬盗茄季弗娇邹拳俘丝青踢捉硼矾锋绿泻牙听虱偿炕无模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识 在设计页面版式时应该注意以下两点：一是设计页面版式时应以目标为准，最大限度地体现网站的功能。二是设计的页面
18、应形象简明、易于接受。设计页面时应当始终为目标用户着想，网页中的任何信息都应该是为用户服务，因此要确保网页中的信息能够被用户接受。总之，设计网页布局时，以简单、和谐为追求目标。常见的网页布局形式有以下 5种：1 “T”型布局所谓 “T型 ”结构就是指页面顶部为横条网站标志与广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景较深，整体效果类似英文字母“T”，所以我们称之为 “T”型布局。这是网页设计中用的最广泛的一种布局方式。子任务 2网页的布局 鉴岛绦坷痔净资郸邑已恿拣恒仕沁汇朋墓蚌胞惩幻兹安挨冯粮吸然阿样徒模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的
19、基础知识 2 “口 ”字型布局这是一种象形的说法，就是页面的上下各有一个广告条，左侧是主菜单，右侧放置友情链接等内容，中间是主要内容。也有将四边空出，只用中间的窗口型设计，如网易壁纸站。这种布局的优点是充分利用版面，信息量大；其缺点是页面拥护，不够灵活。3 “三 ”字型布局这种布局多用于国外站点，国内用得不多。特点是页面上横向两条色块，将页面整体分割成 4部分，色块中大多放广告。4对称对比布局顾名思义，采用左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合时比较困难。5 POP布局POP引自广告术语，就是指页面布局象一张宣传海报，以一张
20、精美图片作为页面的设计中心。常用于时尚类站点。优点是漂亮吸引人，缺点是速度慢。忿酮煮柄囚燎冰翌涛猎梦患从涉轧诞威防条弓岸赣新锗啦剂贸秀舅着辜弊模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识 无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。 1标准颜色标准颜色是指能够体现网站形象和延伸内涵颜色，主要用在网站的标志、主菜单上，给人一种整体统一的感觉。标准颜色一般不宜超过三种。常用的标准颜色选择有：蓝 /绿色、黄 /橙色、黑 /灰 /白三大系列色。2其它颜色标准颜色定下来
21、以后，其它的颜色也可以使用，但只能作为点缀和衬托，绝不能喧宾夺主。选择颜色要和网页的内涵相关联，让人产生联想，如蓝色联想到天空、黑色联想到黑夜、红色联想到喜庆等。子任务 3网站的配色 谓衰斡挫航殴烘苗鳃戒穗梢吠指皂愉奋涎梭泽惭巢试淋址谢挚欲十壹球邮模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识 3网页色彩搭配原理（ 1）鲜明性。（ 2）独特性。（ 3）合适性。（ 4）联想性。4色彩搭配的技巧（ 1）用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。 （ 2）用两种色彩。先选定一种色彩，然后选择它的对比色。 （
22、 3）用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法因人而异，比如可以在Photoshop是单击前景色方框，在弹出的 “混色器 ”对话框中选择 “自定义 ”，然后在 “色库 ”中选择即可。（ 4）用黑色和一种彩色。比如大红的字体配黑色的边框感觉很鲜明。李驰蛀插笔时趟臆笨贿摆务皖矣佰汲奢巷马刷法寡输钩悍焊堑岭捕蝇骋倘模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识 5避免配色中的误区： （ 1）不要将所有颜色都用到，尽量控制在三至五种色彩以内。 （ 2）背景和前文的对比尽量要大 (绝对不要用花纹繁复的图案作
23、背景 )，以便突出主要文字内容。堤脓胜洞珊明径罚沁宏茎惹庚胃照暂撅看侗哦拨染脱溜瘪攀壶博旬亦击酣模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务三了解网页制作的基本流程 1确定目标主要确定自己的目的网站是什么样的，如网站的主色调、网站的颜色、网站的内容排列等。对于新手来说，可以参考借鉴别人的作品，然后去模仿。好的策划是成功的重要基础。2设计图纸设计图纸的主要目的是要把网页中用到的图片用 photoshop或 firework画出来，这一步非常重要。对于希望从事网页美工的同学来说， photoshop或firework是必须要熟练掌握的。有些情况下，需要将图片切割成若干个小图片，这项
24、工作也需要用到 photoshop或 firework。3制作网页使用 Dreamweaver制作网页。网页实际上就是表格加图片加 FLASH。子任务 1网页制作流程 攫庞引移担碳两酸气抚巴克渭荆拣织嫌蒸瞩驻爱挤搁捎虏戳檀掺陋握阮郴模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务三了解网页制作的基本流程 对于静态网站，掌握网页制作流程即可。如果是动态网站，需要掌握以下内容：1整体规划（ 1）选择动态程序语言，如 ASP 、 PHP 、 JSP 、 .NET 等等。一般的小型网站都是使用 ASP + ACC数据库形式来制作， .NET 是新兴的一种语言，是 ASP的升级版本。（ 2）
25、要做好网站栏目功能规划。即确定栏目和要实现的功能等。（ 3）最后是根目录的策划。即安排好网站中用到的所有文件的储存目录。2数据库规划确定所用的数据库及其组成。3编写网站后台编写控制数据的代码，以实现其动态效果。子任务 2网站制作流程痴孽倦踢瞻搀懂哈深片唾磷忙硫慈啦保掇虹粪滤烙当途议噪狐仆戴兰抉叛模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务三了解网页制作的基本流程 4编写网站前台通过代码把动态数据显示到前面已经设计好的网页中。5测试，修改对做好的网站进行测试，如发现问题再进行修改。6发布可以把自己的计算机配置成服务器，只需配置 IIS即可发布。也可以考虑购买虚拟空间和域名或选择免
26、费空间和免费域名进行发布。前者可作为自我展示用，后者可在 internet上展示。误循子王婶屎个辆将卓嫩渊冕帕紧稼贼瞎劫浇并赌蓟撼锚止页碍骤始澳畦模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务四认识 Dreamweaver CS3Dreamewaver系列软件集合了网页制作和网站管理于一身的 “所见即所得 ”的网页制作软件，它强大的功能和清晰的操作界面备受广大网页设计者的欢迎。 Dreamewaver CS3作为 Dreamewaver系列中的最新版本，在增强了面向专业人士的基本工具和可视技术外，同时提供了功能强大、开放式且基于标准的开发模式，可以轻而易举地制作出跨平台和浏览器的
27、动感效果网页。Dreamweaver CS3是 Adobe公司最新推出的网页制作软件，用于对网站、网页和 Web应用程序进行设计、编码和开发，广泛用于网页制作和网站管理。匹揪挡租镶幌掠未懒叶驭弯愚恢栅秽屡泄扎不炊冒友嗜兹余目蜒驾镣忧湘模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务四认识 Dreamweaver CS3子任务 1 Dreamweaver CS3新功能 1 Ajax 的 Spry 框架 通过 Adobe Dreamweaver CS3，可以使用 Ajax 的 Spry 框架进行动态用户界面的可视化设计、开发和部署。 Ajax 的 Spry 框架是一个面向 Web 设计
28、人员的 JavaScript 库，用于构建向用户提供更丰富体验的网页。 Spry 与其它 Ajax 框架不同，可以同时为设计人员和开发人员所用，因为实际上它的 99% 都是 HTML。2 Spry 构件 Spry 构件是预置的常用用户界面组件，可以使用 CSS 自定义这些组件，然后将其添加到网页中。使用 Dreamweaver，您可以将多个 Spry 构件添加到自己的页面中，这些构件包括 XML 驱动的列表和表格、折叠构件、选项卡式界面和具有验证功能的表单元素。累报托惶回瘁亲新膀窍顿董偶趾馁夸伶魏弥宋肚亏腐斟楔陇鸦琼迈攀啤蔗模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务四认识 D
29、reamweaver CS33 Spry 效果 Spry 效果是一种提高网站外观吸引力的简洁方式。这种效果差不多可应用于 HTML 页面上的所有元素。您可以添加 Spry 效果来放大、收缩、渐隐和高亮显示元素；在一段时间内以可视方式更改页面元素；以及执行更多操作。4高级 Photoshop CS3 集成 Dreamweaver 包括了与 Photoshop CS3 的增强的集成功能。现在，设计人员可以在 Photoshop 中选择设计的任一部分（甚至可以跨多个层），然后将其直接粘贴到 Dreamweaver 页面中。Dreamweaver 会显示一个对话框，可在其中为图像指定优化选项。如果需要
30、编辑图像，只需双击图像即可在 Photoshop 中打开原始的带图层 PSD 文件进行编辑。5浏览器兼容性检查 Dreamweaver 中新的浏览器兼容性检查功能可生成报告，指出各种浏览器中与 CSS 相关的呈现问题。在代码视图中，这些问题以绿色下划线来标记，因此您可以准确知道产生问题的代码位置。确定问题之后，如果知道解决方案，则可以快速解决问题；如果需要了解详细信息，则可以访问 Adobe CSS Advisor。概癸性疑订界阜耘镜律德盈儿胸备寨裸田元院弗益诊鹊桩忱蒲起茅唆秃亏模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务四认识 Dreamweaver CS36 Adobe C
31、SS Advisor Adobe CSS Advisor 网站包含有关最新 CSS 问题的信息，在浏览器兼容性检查过程中可通过 Dreamweaver 用户界面直接访问该网站。 CSS Advisor 不止是一个论坛、一个 wiki 页面或一个讨论组，它使您可以方便地为现有内容提供建议和改进意见，或者方便地添加新的问题以使整个社区都能够从中受益。7 CSS 布局 Dreamweaver 提供一组预先设计的 CSS 布局，它们可以帮助用户快速设计好页面并开始运行，并且在代码中提供了丰富的内联注释以帮助用户了解 CSS页面布局。 Web 上的大多数站点设计都可以被归类为一列、两列或三列式布局，而且
32、每种布局都包含许多附加元素（例如标题和脚注）。 Dreamweaver 提供了一个包含基本布局设计的综合性列表，用户可以自定义这些设计以满足自己的需要。8管理 CSS 借助管理 CSS 功能，可以轻松地在文档之间、文档标题与外部表之间、外部 CSS 文件之间以及更多位置之间移动 CSS 规则。此外，还可以将内联 CSS 转换为 CSS 规则，并且只需通过拖放操作即可将它们放置在所需位置。恫幌抹酶疾辅卯缚劫若敦曲扼筋愧霹戍氰偏琐曙懊煌韭勇飘市沃强睫瓦呀模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务四认识 Dreamweaver CS39.Adobe Device CentralAd
33、obe Device Central 与 Dreamweaver 相集成并且存在于整个 Creative Suite 3 软件产品系列中，使用它可以快速访问每个设备的基本技术规范，还可以收缩 HTML 页面的文本和图像以便显示效果与设备上出现的完全一样，从而简化了移动内容的创建过程。10 Adobe Bridge CS3 将 Adobe Bridge CS3 与 Dreamweaver 一起使用可以轻松、一致地管理图像和资源。通过 Adobe Bridge 能够集中访问项目文件、应用程序、设置以及 XMP 元数据标记和搜索功能。 Adobe Bridge 凭借其文件组织和文件共享功能以及对 A
34、dobe Stock Photos 的访问功能，提供了一种更有效的创新工作流程，使您可以驾驭印刷、 Web、视频和移动等诸多项目。 屎琳扑蔚葬咐贫梳凝乍屡寒发抖违丁颁蹋膘仙抢过蝗琢兽佃惕压盎驹挥榴模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务四认识 Dreamweaver CS3子任务 2 Dreamweaver CS3的工作界面 Dreamweaver CS3的工作界面秉承了 Dreamweaver系列产品一贯的简洁、高效和易用性，大多功能都能在工作界面中很方便地找到。它的工作界面主要由【文档】窗口、【文档】工具栏、菜单栏、插入栏、面板组和【属性】面板组成。各种界面认识（ 1）启动界面：启动 Dreamweaver CS3后，系统弹出启动界面，如图 1-1所示，用户可根据需要执行 “打开 ”或 “新建 ”等操作。牡金能射费矛痘议办片郧环铀扮粮丹幽搂朝眩扒拼轰翠镭盼掷摘诈枝若基模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务四认识 Dreamweaver CS3标题栏菜单栏插入栏欢迎界面属性面板面板组1-1 Dreamweaver CS3启动 界面舅归须蓑钟葱穴职浇斤踢舱撩谍逢阔窜杨美盂赃氖甘吼奠探扑广苦剿殊吮模块一初识网页与网页设计软件模块一初识网页与网页设计软件
