网页php网站空间

2CHAPTER01导航栏图片超链接1.
1认识网页和网站随着互联网的迅猛发展,可以获取、交换和存储连接到网络上的各计算机上的信息.
网络上存放信息和提供服务的地方就是网站.
一个成功的网站离不开精美绚丽的网页,要制作出美观的网页,首先要学习网页制作的相关知识,例如制作网页的知识、制作网页元素的知识以及设计网页效果.

1.
1.
1网页和网站的概念关于网络,有着各式各样的专有名词.
弄清楚它们的概念和联系,对于学习何种网络知识都将会有极大的裨益.
1.
网页的概念网页(web)是网站上的某一个页面,它是一个纯文本文件,是向访问者传递信息的载体,以超文本和超媒体为技术,采用HTML、CSS、XML等语言来描述组成页面的各种元素,包括文字、图像、音乐等,并通过客户端浏览器进行解析,从而向浏览者呈现网页的各种内容.
网页经由网址(URL)来识别与存放,在浏览器地址栏中输入网址后,经过一段复杂快速的程序,网页文件被传送到计算机,然后再通过浏览器解释网页内容,再展示在计算机用户面前.
例如,访问www.
163.
com,实际在浏览器中打开的是www.
163.
com/index.
html文件.
2.
网站的概念网站(Website)是指在互联网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页集合,它建立在网络基础之上,以计算机、网络和通信技术为依托,通过一台或多台计算机向访问者提供服务.
平时所说的访问某个站点,实际上访问的是提供这种服务的一台或多台计算机.
1.
1.
2网页的基本元素前面已经介绍了网页是一个纯文本文件,通过HTML、CSS等脚本语言对页面元素进行标识,然后由浏览器自动生成的页面.
一个网页的基本元素主要包括文本、图像和超链接,其他元素包括声音、动画、视频、表格、导航栏、表单等.
1.
文本文本是网页上最重要的信息载体与交流工具,网页中的主要信息一般都以文本形式为主.
与图像网页元素相比,文字虽然并不如图像那样容易被浏览者注意,但却能包含更多的信息,并更能准确地表达信息的内容和含义.
Flash动画32.
图像图像元素在网页中具有提供信息并展示直观形象的作用.
用户可以在网页中使用GIF、JPEG和PNG等多种文件格式的图像.
目前应用最广泛的图像文件格式是GIF和JPEG两种.
3.
Flash动画动画在网页中的作用是有效地吸引访问者更多的注意.
用户在设计制作网页时可以通过在页面中加入动画使页面更加活泼.
4.
声音声音是多媒体和视频网页重要的组成部分.
用户在为网页添加声音效果时应充分考虑其格式、文件大小、品质和用途等因素.
另外,不同的浏览器对声音文件的处理方法也有所不同,彼此之间有可能并不兼容.
5.
视频视频文件的采用使网页效果更加精彩,且富有动感.
常见的视频文件格式包括RM、MPEG、AVI和DivX等.
6.
超链接超链接是从一个网页指向另一个目的端的链接,超链接的目的端可以是网页,也可以是图片、电子邮件地址、文件和程序等.
当网页访问者单击页面中某个超链接时,将根据自身的类型以不同的方式打开该目的端.
例如,当超链接的目的端是一个网页时,将会自动弹出窗口以显示网页内容.
7.
表格表格在网页中用来控制页面信息的布局方式.
其作用主要有两个方面:一方面是使用行和列的形式布局文本和图像以及其他列表化数据;另一方面是精确控制网页中各种元素的显示位置.
8.
导航栏导航栏在网页中是一组超链接,其链接的目的端是网站中重要的页面.
在网站中设置导航栏可以使访问者既快又容易地浏览站点中的其他网页.
9.
交互式表单表单在网页中通常用来联系数据库并接受访问用户在浏览器端输入的数据.
表单的作用是收集用户在浏览器上输入的联系信息、接受请求、反馈意见、设置签名以及登录信息等.
10.
其他网页元素网页中除了上面介绍的网页元素之外,还包括悬停按钮、Java特效、ActiveX等各种特效.
用户在制作网页时可以使用它们来点缀网页效果,使页面更加活泼有趣.
1.
1.
3网页的类型目前,常见的网页有静态网页和动态网页两种.
静态网页通常以.
htm、.
html、.
shtml、.
xml等形式为后缀;动态网页一般以.
asp、.
jsp、.
php、.
perl、.
cgi等形式为后缀.
1.
静态网页网页所基于的底层技术是HTML和HTTP,在过去,制作网页都需要专门的技术人员来逐行编写代码,编写的文档称为HTML文档.
然而这些HTML文档类型的网页仅仅是静态的网页.
4CHAPTER01要注意的是,静态网页并非是没有动画的页面,在网页设计中,HTML格式的网页通常被称为静态网页.
静态网页完全由HTML标签构成,可以直接针对浏览器做出请求响应,它具有以下特点.
λ制作速度快,成本低.
λ模板一旦确定下来,不易修改,更新比较费时费事.
λ常用于制作一些固定版式的页面.
λ通常由文本和图像组成,常用于子页面的内容介绍.
2.
动态网页随着网络和电子商务的快速发展,产生了许多网页设计新技术,例如ASP技术、JSP技术等,采用这些技术编写的网页文档称为ASP文档或JSP文档,这种文档类型的网页由于采用了动态页面技术,所以拥有更好的交互性、安全性和友好性.
简单来说,动态网页是由网页应用程序反馈至浏览器上生成的网页,它是服务器与用户进行交互的界面.
3.
动态网页技术目前动态网页开发的3种主流技术是ASP、PHP和JSP,它们各有所长,都需要把脚本语言嵌入到HTML文档中.
这3种技术的不同之处在于,ASP学习简单、使用方便;PHP软件免费,运行成本低;JSP多平台支持,转换方便.
这3种技术具体作用如下.
λASP:主要为HTML编写人员提供了在服务器端运行脚本的环境,使HTML编写人员可以利用VBScript和JScript或其他第三方脚本语言来创建ASP,实现有动态内容的网页,如计数器等.
λPHP:是一种跨平台的服务器端的嵌入式脚本语言,它是技术人员在制作个人主页的过程中开发的小应用程序,而后经过整理和进一步开发而形成的语言.
它能使用户独自在多种操作系统下迅速地完成一个简单的Web应用程序.
PHP支持目前绝大多数数据库,并且是完全免费的,可以从PHP官方站点(http://www.
php.
net)上自由下载.
用户可以不受限制地获得源码,甚至可以在其中加进自己需要的特色.
λJSP:全称是JavaServerPages,它的突出特点是开放的、跨平台的结构,可以运行在几乎所有的服务器系统上.
JSP将Java程序段和JSP标记嵌入普通的HTML文档中.
当客户端访问一个JSP网页时,就执行其中的程序段.
Java是一种成熟的跨平台的程序设计语言,它可以实现丰富强大的功能.
1.
2网页的设计构思在制作网页之前,首先要进行网页的设计与构思,主要包括网页的布局、网页的配色、网页的设计原则,了解这些知识,是制作有别于其他网页的要点之一.
51.
2.
1网页的布局网页布局决定网页是否美观.
合理的布局,可以将页面中的文字、图像等内容完美、直观地展现给访问者,同时合理安排网页空间,优化网页的页面效果和下载速度.
反之,如果页面布局不合理,网页在浏览器中的显示将十分糟糕,页面中的各个元素显示效果可能会重叠或丢失.
因此,在对网页进行布局设计时,应遵循对称平衡、异常平衡、对比、凝视和空白等原则.
常见的网页布局形式包括:π型布局、T型布局、"三"型布局、对比布局和POP布局等.
1.
π型布局π型结构网页顶部一般为网站标志、主菜单和广告条.
下方分为3个部分,左、右侧为链接、广告或其他内容,中间部分为主题内容的布局,整体效果类似于符号π.
π型结构布局网页的优点是充分利用了页面的版面,可容纳的信息量大;缺点是页面可能因为大容量的信息而显得拥挤,不够生动.
2.
T型布局T型结构布局的网页顶部一般是网站标志和广告条,页面的左侧是主菜单,右侧为主要内容.
T型结构布局的网页优点是页面结构清晰,内容主次分明,是初学者最容易上手的布局方法.
T型布局网页的缺点是布局规格死板,如果不注意细节上的色彩调整,很容易产生乏味感.
3.
"三"型布局"三"型结构布局的网页布局常见于国外的网站,这种网页布局是在页面上横向的两条色块将整个网页划分为上、中、下3个区域.
色块中一般放置广告更新和版权提示等信息.
4.
框架布局框架布局包括左右框架布局、上下框架布局和综合框架布局几种形态.
采用框架布局的网页一般可以通过某个框架内的链接控制另一个框架内的页面内容显示.
6CHAPTER015.
POP布局POP引自于广告术语,指的是页面布局像一张宣传海报,以一张精美的图片作为页面设计的中心.
6.
Flash布局Flash布局网页的整体就是一个Flash动画,画面一般制作得比较绚丽活泼.
是一种能迅速吸引访问者注意的新潮布局方式.
1.
2.
2网页的设计原则网页的设计不仅涉及各种软件的操作技术,还关联到设计者对生活的理解和体验.
网页设计就是要把适合的信息传达给适合的观众,要遵循下列一些必要的原则.
1.
页面的统一、连贯、和谐一个精美的网页必须拥有良好的整体统一效果,在设计过程中一定要将页面的各个组成部分进行合理的布局,以避免出现纷杂的凌乱情况.
网页的连贯是指页面中各部分的相互关系.
在网页设计过程中,应充分利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并使整个页面设计保持一致,实现视觉上和心理上的连贯,使整个页面的各个部分融洽.
网页的和谐是指整个页面符合美的法则,和谐不仅要看页面的结构形式,而且要看作品所形成的视觉效果(颜色搭配、形式等)能否与人的视觉感受形成一种有效沟通,产生心灵的共鸣,这是网页能够设计成功的关键因素之一.
2.
较快的下载速度良好的下载速度是一个优秀网页所必备的条件,在网络速度相当缓慢的情况下,设计者应该为节约访问者的时间而精心设计.
即使不能让每个页面都保持比较快的下载速度,至少应该确保首页和主要内容页面的下载要尽可能地快.
在目前的技术条件下,保持网页的优质下载速度的主要方法是尽量让页面简洁,避免使用大量的图片,以及取消自动下载的音乐和媒体素材.
3.
网页链接无误网页的主要功能就是向访问者提供信息,如果网页的链接出现错误,访问者就无法获取自己所需的资料,因此网页链接无误,是网页设计的最基本原则.
4.
兼容性不同的浏览器和分辨率,对网页的显示效果会由比较大的区别.
目前广泛应用的浏览器由微软的IE、网景的Navigator和Mozilla的Firefox3种.
在设计网页时,要充分考虑不同浏览器的显示要求,始终从用户的实际情况出发,完成网页设计后,可以使用不同的浏览器先测试一下,没有问题后再进行发布.
71.
2.
3网页配色基础颜色的使用在网页制作中起着非常关键的作用,色彩成功搭配的网站可以令人过目不忘.
1.
216网页安全色网络安全色是当红色(Red)、绿色(Green)、蓝色(Blue)颜色值为0、51、102、153、204、255时构成的颜色组合,它一共有6*6*6=216种颜色(其中彩色为210种,非彩色为6种).
这些色彩在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示,因此任何终端浏览用户显示设备上的现实效果都是相同的.
使用216网页安全色进行网页配色可以有效地避免原有的颜色失真问题.
在实际浏览器访问网页时,如果网页中目标颜色没有使用网页安全色,系统就自动通过混合其他相近颜色模拟显示目标颜色,这种处理超出网页安全色范围颜色的处理方法称之为"抖动"(Dithering).
具体的方法就是选择两个类似的网页安全色进行交叉现实,而此时的现实效果通常都比较模糊.
216网页安全色是根据当前计算机设备的情况通过无数次反复分析论证得到的结果,这对于一个网页设计师来说是必备的常识,利用它可以拟定出更安全、更出色的网页配色方案.
2.
网页的配色所谓配色,简单来说就是将颜色摆在适当的位置,做一个最好的安排.
不同的颜色搭配,可以产生不同的表现效果,例如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛;蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛;红色和黄色、金色的搭配能渲染喜庆的气氛;而金色和栗色的搭配则会给人带来暖意.
配色就是根据不同的设计的任务,通过颜色的搭配选择,来改变空间的舒适程度和环境气氛.
网页设计时,考虑到网页的适应性,应尽量使用网页安全色.
要深入地掌握网页配色的技巧,除了需要深入学习理解各种色彩知识以外,还得从对其他网站的观摩学习中多加思考,例如Dior网站整体采用红色和黑色搭配,加上部分白色平衡,突显了Dior品牌产品的典雅、大方的气质.
在网上有许多网页配色软件和颜色工具,例如工具啦网站(http://www.
tool.
la)等,可以先选中所需的网页背景色,记录下该背景色色值,然后在DreamweaverCS4中输入色值,应用背景色.
1.
2.
4网页的构思在制作网页之前,首先要进行网页的设计与构思,主要包括网页的主题、网页的命名、网站标志、色彩搭配和字体等要素.
1.
网页的主题网页的主题也就是网页的题材.
在构思网页主题时,尽量精准,范围不宜过大,内容要尽量提炼精要.
最好选择自己了解的主题内容,这样在制作过程中更容易收集到更多的网页素材与内容.
2.
网页的命名网页的名称应该是网页内容的概括,访问者通过网页的名称就能够了解网页包含的内容8CHAPTER01题材.
在设计网页名称时,可以结合网页的主题,尽量简短精要.
网页名称字数不宜过多,以便于其他站点的链接.
3.
网站的标志网站的标志(Logo)是网站特色和内容的集中体现,一般简称为站标,放置在主页和链接页面上.
一般根据网页的名称和内容设计网站的标志的,选择符合站点特色的图形与颜色.
4.
网页色彩的搭配一个网页给访问者的第一印象往往是网页颜色的视觉冲击,因此,网页色彩选取得当与否是网站能否成功的重要因素,不同颜色的搭配不仅会产生不同的视觉效果,还会影响浏览者的情绪.
通常适合网页标准的颜色有黄/橙色、蓝色、黑/灰色三大系.
另外,网页中的标准色彩不宜过多,太多的颜色会使人眼花缭乱.
标准色彩主要应用于网站的标志与字体颜色.
5.
字体网页中标准字体指的是用于网站标志、主菜单和标题的特有字体.
默认的字体为宋体.
用户在制作网页的过程中为了体现网页的特有风格,也可以根据需要选择一些特殊字体,例如华文行楷、方正楷体、隶书和华文新魏等.
1.
2.
5网页的制作流程在制作网页的过程中,要遵循一定的顺序才能协调分配整个制作过程的资源与进度.
网页的制作流程主要如下.
λ建立目标规划:在制作网页之前,必须首先明确要制作的网页目标,以及创建的网页将实现的效果.
λ设计页面版式:在进行页面版式设计的过程中,需要安排网页中包括文本、图像、导航条、动画等各种元素在页面中显示的位置以及具体数量.
λ收集与加工网页制作素材:制作网页所需要的素材.
λ编辑网页内容:具体实施设计结果,按照设计的方案制作,通过Dreamweaver等网页编辑工具软件在具体的页面中添加实际内容.
λ测试并发布网页:在完成网页的制作工作之后,需要对网页效果进行充分的测试,以保证页面中各元素都能正常显示.
1.
3初识DreamweaverCS4DreamweaverCS4作为Dreamweaver系列中的最新版本,在增强了面向专业人士的基本工具和可视技术外,同时提供了功能强大、开放式且基于标准的开发模式,可以轻而易举地制作出跨平台和浏览器的动感效果网页.
1.
3.
1DreamweaverCS4的作用DreamweaverCS4是Adobe公司最新推出的网页制作软件,用于对网站、网页和Web应用程序进行设计、编码和开发.
它广泛用于网页制作和网站管理.
1.
网页制作DreamweaverCS4为开发各种网页和网页9文档提供了灵活的环境,除了可以制作传统的HTML静态网页外,还可以使用ASP、PHP或JSP技术,创建基于数据库的交互式动态网页.
此外,DreamweaverCS4对CSS样式表提供了更强劲的支持,并扩展了对XML和XSLT技术的支持,以帮助设计人员创建功能复杂的专业级Web页面.
2.
站点管理DreamweaverCS4既是一个网页制作软件,也是一个站点创建与管理工具,使用它不仅可以制作单独的网页文档,还可以创建并管理完整的基于Dreamweaver软件开发平台的Web站点.
它提供了合理组织和管理所有与站点相关文档的方法,通过DreamweaverCS4提供的工具,可以将上传站点到Web服务器,并且可以自动跟踪和维护网页链接,管理和共享网页文件.
1.
3.
2新增功能DreamweaverCS4使用了全新的工作界面,使得插入网页元素更加方便.
使用DreamweaverCS4的CSS样式表,可以创建新的CSS规则,并对每个属性所适合的层叠样式提供简单明确的解释.
下面对DreamweaverCS4一些主要的新增功能进行介绍.
1.
【实时视图】DreamweaverCS4在保持直接访问代码的同时,能够使用新的【实时视图】,在实际的浏览器条件下设计网页.
对代码所做的更改会立即反映在呈现的显示中,也就是所见即所得功能,可以对制作的网页进行即时测试.
2.
Ajax和JavaScript框架的代码提示改进了对JavaScript核心对象和原始数据类型的支持,可以更快、更准确地编写JavaScript代码.
也可以通过组合常用的JavaScript框架,例如jQuery、Prototype和AdobeSpry来使用Dreamweaver的扩展编码功能.
3.
相关文件和代码导航器DreamweaverCS4能够有效地管理组成当今网页的各种文件.
单击任何相关文件即可在【代码】视图中查看源代码,同时在【设计】视图中可以查看父页面.
新增的【代码导航器】功能可以显示影响当前所选内容的所有代码源,例如CSS规则、服务器端口、外部JavaScript函数、Dreamweaver模板、iFrame源文件等.
4.
改良的CSSDreamweaverCS4的【属性】面板中显示了创建的CSS规则,并对每个属性所适合的层叠样式提供简单明确的解释.
5.
HTML数据集可以在网页中集成动态数据的功能,无需另外学习掌握数据库和XML(可扩展标记语言)编码.
Spry数据集将简单的HTML表内容识别为交互式数据源.
6.
AdobePhotoshop智能对象在DreamweaverCS4中,可直接插入PSD(Photoshop数据文件)文档并且可以创建一个图像智能对象,该智能对象与源文件紧密链接.
无需打开Photoshop,即可在Dreamweaver中对源图像进行任何更改并更新PSD文件.
7.
Subversion集成DreamweaverCS4集成了Subversion软件(开源的版本控制系统),以提供更为可靠地存回/取出体验.
可以直接从Dreamweaver中更新站点并存回修改,方便管理网站.
10CHAPTER01状态栏8.
InContextEditing无需使用其他软件即可对其网页模板进行简单编辑,可以快速准确地将更改限制在特定的页面、独立区域,甚至是自定义的格式设置选项.
1.
3.
3工作界面DreamweaverCS4的工作界面秉承了Dreamweaver系列产品一贯的简洁、高效和易用性,多数功能都能在工作界面中很方便地找到.
工作界面主要由【文档】窗口(设计区)、菜单栏、状态栏、面板组和【属性】面板组成.
与先前的产品相比,DreamweaverCS4的功能界面更加简洁,并且将常用的一些元素都集合在【插入】面板中.
对于工作界面,可以自行进行定义,并且可以保存和删除定义的工作界面.
1.
菜单栏菜单栏提供了用于各种操作的标准菜单命令,它由【文件】、【编辑】、【查看】、【插入记录】、【修改】、【文本】、【命令】、【站点】、【窗口】和【帮助】10个菜单命令组成.
λ【文件】:用于文件操作的标准菜单选项,例如【新建】、【打开】和【保存】等命令.
λ【编辑】:用于基本编辑操作的标准菜单选项,例如【剪切】、【复制】和【粘贴】等命令.
λ【查看】:用于查看文件的各种视图.
λ【插入记录】:用于将各种对象插入到页面中的各种菜单选项,例如表格、图像、表单等网页元素.
λ【修改】:用于编辑标签、表格、库和模板的标准菜单选项.
λ【文本】:用于文本设置的各种标准菜单选项.
λ【命令】:用于各种命令访问的标准菜单选项.
λ【站点】:用于站点编辑和管理的各种标准菜单选项.
λ【窗口】:用于打开或关闭各种面板、检查器的标准菜单选项.
λ【帮助】:用于了解并使用DreamweaverCS4的软件和相关网站链接菜单选项.
2.
【插入】面板在【插入】面板中包含了可以向网页文档添加的各种元素,例如文字、图像、表格、按钮、导航以及程序等.
单击【插入】面板中的下拉按钮,在下拉列表中显示了所有的类别,根据类别的不同,【插入】面板又分为【常用】、【布局】、【表单】、【数据】、Spry、InContextEditing、【文本】和【收藏夹】几个组成部分.
λ【常用】类别:包括网页中最常用的元素对象,例如插入超链接、插入表菜单栏【文档】窗口【属性】面板面板组【插入】面板11格、插入时间日期等.
λ【布局】类别:整合了表格、层Spry菜单栏布局工具,还可以在【标准】和【扩展】模式之间进行切换.
λ【表单】类别:是动态网页中最重要的元素对象之一,可以定义表单和插入表单对象.
λ【数据】类别:用于创建应用程序.
λSpry类别:使用Spry工具栏,可以更快捷地构建Ajax页面,包括SpryXML数据集、Spry重复项、Spry表等.
对于不擅长编程的用户,可以通过修正它们来制作页面.
λInContextEditing类别:用于定义模板区域和管理可用的CSS类.
λ【文本】类别:用于对文本对象进行编辑.
λ【收藏夹】类别:可以将常用的按钮添加到【收藏夹】类别中,方便以后的使用.
右击该类别面板,在弹出的快捷菜单中选择【自定义收藏夹】命令,可以打开【自定义收藏夹对象】对话框,在该对话框中可以添加收藏夹类别.
3.
【文档】工具栏【文档】工具栏中主要包含了一些对文档进行常用操作的功能按钮,通过单击这些按钮可以在文档的不同视图模式间进行快速切换.
在【文档】工具栏中的按钮和选项具体作用如下.
λ【代码】按钮:在文档窗口中显示HTML源代码视图.
λ【拆分】按钮:在文档窗口中同时显示HTML源代码和设计视图.
λ【设计】按钮:系统默认的文档窗口视图模式,显示设计视图.
λ【实时视图】按钮:可以在实际的浏览器条件下设计网页.
可以单击按钮右侧的下拉按钮,在下拉菜单中选择相应的禁用选项.
λ【标题】文本框:可以输入要在网页浏览器上显示的文档标题.
12CHAPTER01选取工具缩放工具【文档窗口】大小下拉菜单【文档窗口】缩放比例下拉菜单文档大小和估计下载时间手形工具λ【文件管理】按钮:当很多用户同时操作一个网页时,使用该按钮进行打开文件、导出和设计附注等操作.
λ【在浏览器中预览/调试】按钮:该按钮通过指定浏览器预览网页文档.
可以在文档中存在JavaScript错误时查找错误.
λ【刷新设计视图】按钮:在代码视图中修改网页内容后,可以使用该按钮刷新文档窗口.
λ【视图选项】按钮:在文档窗口中显示例如文件头部内容、网络、标志和辅助线等视图选项.
λ【可视化助理】按钮:在文档窗口中显示各种可视化助理.
λ【验证标记】按钮:验证当前文档或选定的标签.
λ【检查浏览器兼容性】按钮:检查所设计的页面对不同类型的浏览器的兼容性,单击按钮,在弹出的菜单中选择相应的命令检查对应的兼容性.
4.
【文档】窗口【文档】窗口也就是设计区,是DreamweaverCS4进行可视化编辑网页的主要区域,可以显示当前文档的所有操作效果,例如插入文本、图像、动画等.
5.
【属性】面板在【属性】面板可以查看并编辑页面上文本或对象的属性.
该面板中显示的属性通常对应于标签的属性,更改属性通常与在【代码】视图中更改相应的属性具有相同的效果.
打开【属性】面板后,单击面板右下角的展开箭头,可以折叠面板,显示最常用的属性.
6.
状态栏DreamweaverCS4中的状态栏位于文档窗口的底部,它的作用是显示当前正在编辑文档的相关信息,例如当前窗口大小、文档大小和估计下载时间等.
有关状态栏各选项的具体作用如下.
λ标签选择器:用于显示环绕当前选定内容的标签的层次结构.
单击该层次结构中的任何标签可以选择该标签及其全部内容,例如单击可以选择文档的整个文档.
λ手形工具:单击该工具按钮,在文档窗口中以拖曳方式查看文档内容.
单击选取工具可禁用手形工具.
λ缩放工具和【文档窗口】缩放比例下拉菜单:用于设置当前文档内容的显示比例.
λ【文档窗口】大小下拉菜单:用于设置当前文档窗口的大小比例.
7.
面板组为使设计界面更加简洁,同时也为了获得更大的操作空间,DreamweaverCS4中类型相标签选择器13同或功能相近的面板分别被组织到不同的面板下,然后这些面板被组织在一起,构成面板组.
这些面板都是折叠的,通过标题左角处的展开箭头可以对面板进行折叠或展开,并且可以和其他面板组停靠在一起.
面板组还可以停靠到集成的应用程序窗口中.
1.
4进阶练习本章进阶练习是在DreamweaverCS4中自定义工作环境,保存定义的工作环境.
对于本章中的其他内容,可根据相应章节的内容介绍进行练习.
【例1-1】启动DreamweaverCS4,保存自定义的工作环境为【我的工作环境】.
教学视频源文件启动DreamweaverCS4,单击主界面中的HTML链接,新建一个空白的网页文档.
选择【窗口】|【工作区布局】|【经典】命令,切换到经典模式工作界面.
选择【窗口】|【工作区布局】|【新建工作区】命令,打开【新建工作区】对话框.
在【名称】文本框中输入新建的工作区名称"我的工作环境",单击【确定】按钮.
此时在标题栏右侧显示当前的工作环境【我的工作环境】,可以单击该按钮,在弹出的下拉菜单中选择命令,切换相应的工作区.
关闭DreamweaverCS4后,在下次启动时,将显示【我的工作环境】工作区.
1.
5高手解答问:在WindowsVista操作系统下如何安装DreamweaverCS4答:WindowsVista操作系统有多个版本,但并不是在每个版本的WindowsVista操作系统下都能安14CHAPTER01装DreamweaverCS4的,例如WindowsVistaHomeBasic版本.
此时,要换成WindowsVistaHomePremium及以上版本才可以安装DreamweaverCS4.
WindowsVista家庭/消费类用户版包含4种版本:WindowsVistaStarter、WindowsVistaHomeBasic、WindowsVistaHomePremium和WindowsVistaUltimate.
WindowsVista企业用户版包含两种版本:WindowsVistaBusiness和WindowsVistaEnterprise.
问:什么是所见即所得答:所见及所得即WhatYouSeeIsWhatYouGet.
它使得用户在视图中所看到的文档与该文档的最终产品具有相同的样式,也允许用户在视图中直接编辑文本、图形或文档中的其他元素.