(DreamweaveCS4案例教程)第1章初识网站和网页

1、第1章 初识网站和网页网站和网页网页中的元素类型从功能角度分析网页常用网站管理与制作软件网站建设流程1.1网网站站和网页页网站是网网页的集集合，网网页是组组成网站站的元素素。现场解答答1：网网站、网网页和主主页之间间有何联联系网页大型网站站一个小型型网站可可能只包包含几个个网页，而一个个大型网网站则可可能包含含成千上上万个网网页。小型网站站新浪网站站首页主页也叫叫首页，每个网网站都有有自己的的首页，是浏览览者登录录网站时时看见的的第一个个网页，也是网网站的入入口。现场解答答2：什什么是网网页网页中除除了包含含文字外外，还包包含图像像、动画画等内容容。图像动画文字我们看到到的一个个个网页页都是由

2、由多个文文件组成成的。网网页文件件是“根根”，图图像和动动画文件件都是“枝叶”。图像文件件网页文件件选择“文文件”“另存为”菜单在浏览器器中选择择“文件件”菜单单中的“另存为为”，可可将网页页保存到到磁盘中中。1.2网网页页中的元元素类型型现场解答答1：了了解网页页中的文文字与图图像文字与图图像是网网页中的的基本元元素，是是浏览者者获得相相关信息息的主要要来源。可在设计计网页时时为文字字设置位位置、字字体、字字号、颜颜色、对对齐方式式，以及及加粗和和倾斜等等格式。网页中只只能使用用和显示示JPEG、GIF和和PNG格式的的图像，其他诸诸如BMP和TIF等等格式的的图像目目前还都都不能用用于网页

3、页中。现场解答答2：网网页中的的动画与与视频影影像有何何特点视频流技技术常见见的格式式有Real Video及AppleQuickTime。GIF动画SWF动画目前，大大家在网网页中看看到的动动画主要要包括两两类，即即动态GIF格格式动画画和SWF格式式动画。动态GIF格式式动画的的原理十十分简单单，就是是高速连连续显示示多幅静静态图像像，就像像播放动动画片一一样。通通常用于于制作简简单的小小型动画画。如果需要要在网页页上使用用一些大大型、复复杂或带带有声音音的动画画，可借借助Adobe的Flash软件来来制作SWF动动画。现场解答答3：网网页中是是否可以以添加声声音适当地在在网页上上加点音音

4、乐效果果，会使使网页更更具吸引引力。目目前，网网上比较较流行的的音频格格式主要要有MIDI、WAV、MP3与Real Audio。控制音乐乐的播放放1.3从从功功能角度度分析网网页从功能的的角度来来看，可可以将网网页中的的元素分分为站标标、导航航栏、广广告条、标题栏栏和按钮钮。站标导航栏广告条标题栏按钮现场解答答1：什什么是站站标站标也叫叫LOGO，是是网站的的标志，其作用用是使人人看见它它就能够够联想到到企业。因此，网站LOGO通常采采用企业业的LOGO。LOGO通常采采用带有有企业特特色和思思想的图图案，或或是与企企业相关关的字符符或符号号及其变变形，当当然也有有很多是是图文组组合。现场解

5、答答2：导导航栏的的类型有有哪些导航栏实实际上是是网站内内多个页页面的超超链接组组合。导导航栏也也是网站站中所有有重要内内容的概概括，可可以让浏浏览者在在最短时时间内了了解网站站的主要要内容。设计导航航栏时，有几点点需要注注意。如果网站站内容不不多，并并且导航航栏不超超过两排排，可以以根据网网站风格格尝试灵灵活摆放放，如放放在网页页的左侧侧或者放放在页面面上方等等。页面左侧侧页面上方方如果网站站的栏目目很多，可以将将导航栏栏分为多多排放置置在主页页LOGO的右右侧或下下方，为为便于观观看，可可为各排排设置不不同的底底色。LOGO右侧LOGO下方如果导航航栏内容容较多的的话，尽尽量使用用文字超超

6、链接而而不用图图片。不不过，如如果导航航栏内容容不多，或者网网页内容容比较活活泼的话话，多采采用图片片或Flash制作导导航栏。图片导航航栏Flash导航栏广告条又又称Banner，其其功能是是宣传网网站或替替其他企企业做广广告，以以赚取广广告费。现场解答答3：广广告条有有何特点点在Banner的制作作过程中中有一些些要点需需要注意意：Banner可可以是静静态的也也可以是是动态的的。Banner的的体积不不宜过大大，尽量量使用GIF格格式的图图片与动动画或Flash动画画。Banner中中的文字字不要太太多，只只要达到到一定的的提醒效效果就可可以。Banner中中图片的的颜色不不要太多多，尤

7、其其是GIF格式式的图片片或动画画，要避避免出现现颜色的的渐变和和光晕效效果。网页内部部各版块块的标题题栏是各各版块内内容的概概括。标题栏可可以是文文字加单单元格背背景，也也可以是是图片，一般的的大型网网站都采采用前者者，一些些内容少少的小网网站常采采用后者者。现场解答答4：什什么是版版块标题题栏标题栏标题栏网页中的的按钮被被点击之之后，网网页会实实现相应应的操作作，比如如页面跳跳转，或或数据的的传输等等。设计按钮钮时，要要保证按按钮与页页面的协协调，不不能太抢抢眼，如如果按钮钮上有字字则尽量量使用单单色或渐渐变色背背景，保保证字迹迹清晰。当页面面上有多多个按钮钮的时候候，应分分清主次次，根据

8、据网页的的需要改改变按钮钮的颜色色或者大大小。现场解答答5：如如何设计计按钮按钮按钮现场解答答1：常常用网站站管理与与网页编编辑软件件有哪些些1.4常常用用网站管管理与制制作软件件Dreamweaver：网网页制作作软件三三剑客之之一，该该软件是是现在使使用最多多的网页页编辑工工具，它它支持DHTML动态态网页、Flash动动画、插插件，能能实现很很多FrontPage无法法实现的的功能，如动态态按钮、下拉菜菜单等。另外，它还可可以用来来作为动动态网站站的开发发环境。FrontPage：该软件件是目前前最简单单、最容容易上手手，且功功能强大大的网页页制作利利器，特特别适合合网页初初学者使使用。

9、不不过，Frontpage也也有不少少缺点：首先是是兼容性性不好，利用FrontPage做做出来的的网页往往往不能能用Netscape浏览器器正常显显示；其其次，生生成的垃垃圾代码码多；此此外，FrontPage对对动态网网页支持持不好，不支持持Flash，显得有有点落伍伍了。现场解答答2：网网页设计计辅助软软件有哪哪些在进行网网页制作作时，除除了需要要Dreamweaver、FrontPage等软件件外，还还会用到到Fireworks、Flash、Photoshop等软软件，这这些软件件的主要要功能与与特点如如下：Fireworks：主要用用于制作作网页图图像、标标志、GIF动动画、图图像按

10、钮钮与导航航栏等。Flash：主主要用于于制作矢矢量动画画，如广广告、网网站片头头动画、动画短短片、MTV等等。Photoshop：Adobe公公司出品品的一个个优秀而而且强大大的图形形图像处处理软件件，起初初它的应应用领域域主要是是平面设设计而不不是网页页设计，但是它它所具有有的强大大功能完完全涵盖盖了网页页设计所所涉及到到的各种种需求（除了多多媒体）。现场解答答3：常常用网站站程序设设计语言言有哪些些如果网站站中包含含动态网网页，除除了需要要学习一一些常用用的网页页设计软软件外，还应掌掌握一些些常用的的网站程程序设计计语言。JavaScript和VBScript脚本语语言JavaCGIAS

11、PASP.netPHPJSP1.5网网站站建设流流程1根据要求求确定网网站内容容建设网站站要有目目的性，首先要要确定网网站的性性质和受受众，并并预期网网站发布布后的反反响。确确定了这这些后就就要开始始组织网网站的主主要内容容。2规划网站站栏目确定了网网站内容容后，就就要开始始进行网网站规划划。例如如，将网网站的内内容划分分成哪些些栏目，从而使使网站既既便于浏浏览者的的浏览，也有利利于网站站将来的的维护和和更新。3确定网页页尺寸与与版面布布局目前显示示器最常常用的分分辨率是是1024768像像素和800600像素。在1024768的的分辨率率下显示示的页面面的尺寸寸应该为为1007600像像素，

12、而而800600的分分辨率下下显示的的页面尺尺寸为778435像素。确定了网网页尺寸寸后，接接下来的的任务就就是确定定网页布布局类型型了。网网页布局局类型没没有确定定的标准准，可以以根据需需要制定定。常见见的布局局有上下下分割型型、左右右分割型型和复合合分割型型（上下下分割和和左右分分割结合合）。上下分割割型左右分割割型4确定网站站配色与与风格不同的网网站有着着自己不不同的风风格，也也有着自自己不同同的颜色色。基本本上网站站使用的的颜色从从出发点点上看可可以分为为以下3种类型型：行业风格格色：许多网网站使用用颜色秉秉承着所所属行业业的风格格。企业标准准色：在现代代企业中中，公司司的CI形象显显

13、得尤其其重要，每一个个公司的的CI设设计必然然要有标标准的颜颜色。比比如Intel官方网网站的主主色调是是一种接接近于天天蓝的蓝蓝色，个人习惯惯色：这种配配色方法法的使用用在很大大程度上上是凭设设计者的的个人爱爱好以及及当时的的心态决决定的，在个人人网站较较为多见见。行业风格格色著名的化化妆品公公司欧欧泊莱中中国网站站使用的的颜色是是粉色。这几乎乎是所有有化妆品品行业中中最常用用到的颜颜色，这这种颜色色代表了了高贵，典雅以以及甜蜜蜜等；企业标准准色在现代企企业中，公司的的CI形形象显得得尤其重重要，每每一个公公司的CI设计计必然要要有标准准的颜色色。比如如Intel官官方网站站的主色色调是一一

14、种接近近于天蓝蓝的蓝色色。个人习惯惯色这种配色色方法在在设计的的时候自自由度非非常高，同时所所选的题题材与要要表现的的内容也也是由设设计者自自己决定定，比如如设计者者喜欢绿绿色，那那么在设设计的时时候就倾倾向于使使用这种种颜色。下面是一一些网页页配色时时的小技技巧用一种色色彩：这这里是指指先选定定一种色色彩，然然后调整整透明度度或者饱饱和度。用两种色色彩：先先选定一一种色彩彩，然后后选择它它的对比比色。用一个色色系：简简单地说说就是用用一个感感觉的色色彩，例例如淡蓝蓝、淡黄黄、淡绿绿，或者者土黄、土灰、土蓝。颜色不能能太多：不要将将所有颜颜色都用用到，尽尽量控制制在35种色色彩以内内。背景和前前文的对对比：背背景和前前文的对对比尽量量要大（尤其不不要使用用花纹图图案作为为页面背背景），以便突突出主要要文字内内容。5 收收集网网页所用用素材在制作网网页之前前，应首首先收集集好制作作网页时时要使用用的素材材，这些些素材包包括文字字资料、图片、