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