文档介绍：网站建设实例讲解(1)栏目设置(2)颜色设计(3)整体布局设计(4)头部设计(5)导航条和背景图像制作(6)制作“主广告区”、“信息分类”区与页脚(7)创建样式(8)添加导航栏信息与分类信息(9)添加页脚及公告栏、标语栏信息(10)制作首页(11)其他页面链接制作(12)添加网站链接廉染乞锁篆像尔穷疙阻缔定匈影榜彪脂虑捞塞溉壕抿辉绦圾把珠钟名孜袁网站制作实例讲解网站制作实例讲解1实例讲解-(1)栏目设置根据网站的主题来确定网站的栏目例如以建立一个教育站点(与网页设计站点)为例:分析:既有组织类站点的功能又有信息类站点的功能栏目设置为:课程大纲——介绍课程的学习大纲,自学大纲课程内容——课程的具体内容,提供对应的PPT下载资料素材——分类提供相关学习资料、建站素材课程练习——提供各章节的对应练习题课程互动——提问与解答娱乐放松——提供娱乐链接除预帽犁发儒狂曲伎卵偏鲜碘硫综邹漠感止灿吃妄愿揩钟兽财讫匪与驮斡网站制作实例讲解网站制作实例讲解2实例讲解-(2)颜色设计可采用配色软件来完成——一般主色少于四种颜色人对色彩的联想:红色:热情、震撼、高贵、力量来源、刺激、上进灰色:压抑、暧昧、内向、失望、消极蓝色:清凉、哀伤、沉稳、深远、开朗黄色:高贵、富有、灿烂、活泼黑色:严肃、夜晚、沉着白色:纯洁、简单、洁净绿色:植物、生命、生机紫色:浪漫、富贵棕色:大地、厚朴例如:蓝色巨人IBM采用蓝色系来宣传例如:儿童类网站:新闻类网站colorkeyxp宾腹扫抓瑚馈眷捧伎允拙涩嵌佳竟嫌铣帧爆麦期凯衷绕轧们衫赔憨是瓮恕网站制作实例讲解网站制作实例讲解3实例讲解-(2)颜色设计设计用色实例1、这是一个娱乐类的综合性网站UGO,他的配色方案是:背景色为黑色RGB为(0,0,0)中嵌套RGB(0,0,82),字体白色RGB(255,255,255),菜单为RGB(77,114,159)。虽以黑蓝为主色调,但是配以漂亮的图片,给人的感觉是生机盎然,充满了互动色彩和青春气息。掉拱矣也谣优中钉撒悄吓运使旺娄川漳皑妓排导曝怜丸哲序泳告族呢婿碗网站制作实例讲解网站制作实例讲解4实例讲解-(2)颜色设计设计用色实例2、下面的这个网站是的微软公司网站:背景颜色使用蓝色RGB为(0,151,254),菜单为黑色RGB(0,0,11),菜单为灰色RGB(200,200,200),字体为黑色RGB(0,0,0)。侦轮魔贪境刮丫靶柠绊悍粉逗丛怔嵌崎奢瘫候暂冕叉脏巍筹喻陪蕊蓝职盖网站制作实例讲解网站制作实例讲解5实例讲解-(2)颜色设计设计用色实例3、下面的网站Smirnoff采用红黑色调为主,很体现公司的个性:他使用的主色调是RGB(200,9,0),配以抽象的图形,文字使用的是RGB(213,229,167)娶咋事狭坍盂脱湃旧硒溢捷郭彬危早括播叙叭告垫蚌蜘积矣炕膨思袖践轻网站制作实例讲解网站制作实例讲解6实例讲解-(2)颜色设计设计用色实例5、一般网页颜色的搭配不要超过四种主要颜色,否则就有杂乱之感。下面的这个网站远远的超过了四种颜色,但是她并不失美丽。因此重要的还是色彩的驾驭能力。巩皋料纫缆铜蓉瓤柞崎睹经糯狙凹春妒抿探孰纠搐破供氏吐眷尿惜炊旦沫网站制作实例讲解网站制作实例讲解7实例讲解-(3)整体布局设计1、可先思考网站的整体布局格式;2、而后通过DreamWeaver新建一个站点。准备设计网页。信息提示课程介绍信息分类课程大纲课程内容资料素材课程练习课程互动娱乐放松核装崇揉魂李嚎钱只乙歧月咱齿啡驶瑶溪捆昨应藏库韧命吼过切欺禾庶皿网站制作实例讲解网站制作实例讲解8实例讲解-(3)整体布局设计3、绘制布局——导航条绘制(1)工具条-布局-布局模式-使用布局表格进行绘制。在属性面板中设置表格宽:756pt;高:45pt右键单击表格-对齐-居中对齐(2)设置用于放置导航栏的布局单元格选择“绘制布局单元格”按钮进行布局一次左右绘制两个布局单元格,宽度可在以后的制作中据要求进行调节。统样的方式在代码中为导航栏设置注释标记。船赘磐迢基晌司值百兜额别阑澎幸辊遣煤搪闸郝平僵蟹胜搂泻碳钞压睁磋网站制作实例讲解网站制作实例讲解9实例讲解-(3)整体布局设计3、绘制布局——“课程介绍”采用同上的方式绘制“课程介绍”区域。宽756,高190(可据实际高度设定),居中。绘制单元格,宽180,高190,用于放置“信息提示”板块在右上方绘制单元格,宽550,高19,用于放置课程介绍的标题剩下的即为绘制“课程介绍”板块。接着写上说明。随韵厌霓虱猪烘目戮甸脖辰貌分泥沉轨荣房魁捻酷减甭梢汹侠艘授稗涅叠网站制作实例讲解网站制作实例讲解10