(DreamweaveCS案例教程)第章初识网站和网页最新培训课件(共36张PPT)

第1章初识网站(wǎnɡzhàn)和网页网站和网页网页中的元素类型从功能角度分析网页常用网站管理与制作软件网站建设流程第一页，共三十六页。1.1网站(wǎnɡzhàn)和网页

网站是网页的集合，网页是组成网站的元素。现场解答1：网站、网页和主页之间有何联系网页第二页，共三十六页。大型(dàxíng)网站一个小型网站可能只包含几个网页，而一个大型网站那么可能包含成千上万个网页。小型网站第三页，共三十六页。新浪网站(wǎnɡzhàn)首页主页也叫首页，每个网站都有自己的首页，是浏览者登录网站时看见的第一个网页，也是网站的入口。第四页，共三十六页。现场(xiànchǎng)解答2：什么是网页

网页中除了包含文字外，还包含图像、动画等内容。图像动画文字第五页，共三十六页。我们看到的一个个网页(wǎnɡyè)都是由多个文件组成的。网页(wǎnɡyè)文件是“根〞，图像和动画文件都是“枝叶〞。图像文件网页文件第六页，共三十六页。选择(xuǎnzé)“文件〞>“另存为〞菜单在浏览器中选择“文件〞菜单中的“另存为〞，可将网页保存到磁盘中。第七页，共三十六页。1.2网页中的元素(yuánsù)类型现场解答1：了解网页中的文字与图像文字与图像是网页中的根本元素，是浏览者获得相关信息的主要来源。可在设计网页时为文字设置位置、字体、字号、颜色、对齐方式，以及加粗和倾斜等格式。网页中只能使用和显示JPEG、GIF和PNG格式的图像，其他诸如BMP和TIF等格式的图像目前还都不能用于网页中。第八页，共三十六页。现场(xiànchǎng)解答2：网页中的动画与视频影像有何特点

视频流技术常见的格式有RealVideo及AppleQuickTime。

GIF动画SWF动画目前，大家在网页中看到的动画主要包括两类，即动态GIF格式动画和SWF格式动画。动态GIF格式动画的原理十分简单，就是高速连续显示多幅静态图像，就像播放动画片一样。通常用于制作简单的小型动画。如果需要在网页上使用一些大型、复杂或带有声音的动画，可借助Adobe的Flash软件来制作SWF动画。第九页，共三十六页。现场解答(jiědá)3：网页中是否可以添加声音

适当地在网页上加点音乐效果，会使网页更具吸引力。目前，网上比较流行的音频格式主要有MIDI、WAV、MP3与RealAudio。控制音乐的播放第十页，共三十六页。1.3从功能角度分析(fēnxī)网页从功能的角度来看，可以将网页中的元素分为站标、导航栏、广告条、标题栏和按钮。站标导航栏广告条标题栏按钮第十一页，共三十六页。现场解答(jiědá)1：什么是站标

站标也叫LOGO，是网站的标志，其作用是使人看见它就能够联想到企业。因此，网站LOGO通常采用企业的LOGO。LOGO通常采用带有企业特色和思想的图案，或是与企业相关的字符或符号及其变形，当然也有很多是图文组合。第十二页，共三十六页。现场(xiànchǎng)解答2：导航栏的类型有哪些

导航栏实际上是网站内多个页面的超链接组合。导航栏也是网站中所有重要内容的概括，可以让浏览者在最短时间内了解网站的主要内容。设计导航栏时，有几点需要注意。第十三页，共三十六页。如果网站(wǎnɡzhàn)内容不多，并且导航栏不超过两排，可以根据网站(wǎnɡzhàn)风格尝试灵活摆放，如放在网页的左侧或者放在页面上方等。页面左侧页面上方第十四页，共三十六页。如果网站的栏目(lánmù)很多，可以将导航栏分为多排放置在主页LOGO的右侧或下方，为便于观看，可为各排设置不同的底色。LOGO右侧LOGO下方第十五页，共三十六页。如果导航栏内容较多的话，尽量使用文字超链接而不用图片(túpiàn)。不过，如果导航栏内容不多，或者网页内容比较活泼的话，多采用图片(túpiàn)或Flash制作导航栏。图片导航栏Flash导航栏第十六页，共三十六页。广告条又称Banner，其功能是宣传网站(wǎnɡzhàn)或替其他企业做广告，以赚取广告费。现场解答3：广告条有何特点

在Banner的制作过程中有一些要点需要注意：Banner可以是静态的也可以是动态的。Banner的体积不宜过大，尽量使用GIF格式的图片与动画或Flash动画。Banner中的文字不要太多，只要到达一定的提醒效果就可以。Banner中图片的颜色不要太多，尤其是GIF格式的图片或动画，要防止出现颜色的渐变和光晕效果。第十七页，共三十六页。网页(wǎnɡyè)内部各版块的标题栏是各版块内容的概括。

标题栏可以是文字加单元格背景，也可以是图片，一般的大型网站都采用前者，一些内容少的小网站常采用后者。现场解答4：什么是版块标题栏

标题栏标题栏

第十八页，共三十六页。网页中的按钮被点击之后，网页会实现相应的操作，比方页面跳转，或数据的传输等。设计按钮时，要保证按钮与页面的协调，不能太抢眼，如果按钮上有字那么尽量使用单色或渐变色背景，保证字迹清晰。当页面上有多个按钮的时候，应分清主次，根据网页的需要改变按钮的颜色或者(huòzhě)大小。现场解答5：如何设计按钮

按钮按钮第十九页，共三十六页。现场解答1：常用(chánɡyònɡ)网站管理与网页编辑软件有哪些1.4常用网站管理与制作软件Dreamweaver：网页制作软件三剑客之一，该软件是现在使用最多的网页编辑工具，它支持DHTML动态网页、Flash动画、插件，能实现很多FrontPage无法实现的功能，如动态按钮、下拉菜单等。另外，它还可以用来作为动态网站的开发环境。FrontPage：该软件是目前最简单、最容易上手，且功能强大的网页制作利器，特别适合网页初学者使用。不过，Frontpage也有不少缺点：首先是兼容性不好，利用FrontPage做出来的网页往往不能用Netscape浏览器正常显示；其次，生成的垃圾代码多；此外，FrontPage对动态网页支持不好，不支持Flash，显得有点落伍了。第二十页，共三十六页。现场解答2：网页设计辅助(fǔzhù)软件有哪些

在进行网页制作时，除了需要Dreamweaver、FrontPage等软件外，还会用到Fireworks、Flash、Photoshop等软件，这些软件的主要功能与特点如下：第二十一页，共三十六页。现场(xiànchǎng)解答3：常用网站程序设计语言有哪些

如果网站中包含动态网页，除了需要学习一些常用的网页设计软件外，还应掌握一些常用的网站程序设计语言。JavaScript和VBScript脚本语言JavaCGIASPASP.netPHPJSP第二十二页，共三十六页。1.5网站(wǎnɡzhàn)建设流程1．根据要求确定网站内容建设网站要有目的性，首先要确定网站的性质和受众，并预期网站发布后的反响。确定了这些后就要开始组织网站的主要内容。第二十三页，共三十六页。2．规划(guīhuà)网站栏目确定了网站内容后，就要开始进行网站规划。例如，将网站的内容划分成哪些栏目，从而使网站既便于浏览者的浏览，也有利于网站将来的维护和更新。第二十四页，共三十六页。3．确定(quèdìng)网页尺寸与版面布局目前显示器最常用的分辨率是1024×768像素和800×600像素。在1024×768的分辨率下显示的页面的尺寸应该为1007×600像素，而800×600的分辨率下显示的页面尺寸为778×435像素。第二十五页，共三十六页。确定了网页尺寸后，接下来的任务就是确定网页布局类型(lèixíng)了。网页布局类型(lèixíng)没有确定的标准，可以根据需要制定。常见的布局有上下分割型、左右分割型和复合分割型〔上下分割和左右分割结合〕。上下分割型左右分割型第二十六页，共三十六页。4．确定网站(wǎnɡzhàn)配色与风格不同的网站有着自己不同的风格，也有着自己不同的颜色。根本上网站使用的颜色从出发点上看可以分为以下3种类型：第二十七页，共三十六页。行业(hángyè)风格色第二十八页，共三十六页。企业(qǐyè)标准色第二十九页，共三十六页。个人(gèrén)习惯色这种配色方法在设计的时候自由度非常高，同时所选的题材与要表现的内容也是由设计者自己决定，比方设计者喜欢绿色，那么在设计的时候就倾向于使用这种颜色。第三十页，共三十六页。下面是一些网页配色(pèisè)时的小技巧用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度。用两种色彩：先选定一种色彩，然后选择它的比照色。用一个色系：简单地说就是用一个感觉的色彩，例如淡蓝、淡黄、淡绿，或者土黄、土灰、土蓝。颜色不能太多：不要将所有颜色都用到，尽量控制在3～5种色彩以内。背景和前文的比照：背景和前文的比照尽量要大〔尤其不要使用花纹图案作为页面背景〕，以便突出主要文字内容。第三十一页，共三十六页。5．收集网页(wǎnɡyè)所用素材在制作网页之前，应首先收集好制作网页时要使用的素材，这些素材包括文字资料、图片、动画、声音、视频等。对于一些原始的材料还可以使用PhotoShop、Fireworks、Flash等软件进行处理，使其可以更好地应用于网页。第三十二页，共三十六页。6．利用软件制作(zhìzuò)网页制作网页也就是整合网页素材，即使用Dreamweaver等软件进行网页制作。还可以根据需要为网页增加一些特效，比方闪烁的字幕、跳出动画、改变鼠标的形状等，这些多是通过JavaScript来实现的。第三十三页，共三十六页。7．测试(cèshì)和发布网站第三十四页，共三十六页。演