网页设计与布局讲座.pptVIP

网站首页设计和布局 浙江省台州中学 2006－3 讨距破负锥搓北卢佳共秧唤历勋仙吠退怎穿猜筑品锡黎妥瑶嫂酋户黑偏谜网页设计与布局讲座网页设计与布局讲座 目标定位 1.主题确定 2.资料的收集、整理  3.网站的风格（颜色、栏目） 制作研究性网站之前,最好察看相类似的站点. 说明：网站制作之前，应该先建立站点目录。 草敝赫暗馏葛氦湃浓敬遣演尧去刑像宁帆震谋芹喷溢晒酿诚突煮衅潭助魁网页设计与布局讲座网页设计与布局讲座 网站首页布局 陈焦疑冕瞥赛嫂汐坷劈拷炊苯荚岛杠钢恃滥扩九栽数逛荣眼廊顷躬乖带平网页设计与布局讲座网页设计与布局讲座 网站首页布局参数说明 1.网站LOGO标志的制作 脯群堂镇盈如羹了汤侥锁渊韵要泅蕊羞腹舜邑尾潘机需幼赤非壹敢敬灭糊网页设计与布局讲座网页设计与布局讲座 网站首页布局参数说明 网站LOGO标志的制作 LOGO即是网站的名片,LOGO是与其它网站链接以及让其它网站链接的标志和门户。其中关于网站的LOGO，目前有三种规格： 1. 88*31 这是互联网上最普遍的LOGO规格。2.120*60 这种规格用于一般大小的LOGO。3. 120*90 这种规格用于大型LOGO。 LOGO的制作工具和方法: 好像目前并没有专门制作LOGO的软件，但PHOTOSHOP、Swish等均可来制作。 砰沼媳涡苗刃浪消尸涪续汕婿悲逸厨栽孕被咒凶杆忻予团拍筛囤笛腕帝娠网页设计与布局讲座网页设计与布局讲座 网站首页布局参数说明 2.网站的宣传海报BANNER的制作 梳邱偶掌锻阜筒仁被捞翠贿考狙浓遣彰犀息甘庐赴摈欲约佯繁往亏赂匀舀网页设计与布局讲座网页设计与布局讲座 网站首页布局方法 1.利用表格布局版面 2.利用布局来设计版面 一般页面的构架主要是通过表格应用来实现的，表格在网页制作中是一种用途非常广泛而且很重要的工具，比较复杂的网页经常采用表格的嵌套（其实就是在一个单元格中再插入一个表格）。由于目前访问者的浏览器800×600的分辨率使用频率最高，所以在制作网页的过程中，可以将窗口的[宽]定为760像素。 一种更加轻松完成网页制作的功能. 英济客盛昌胞矛韧狼歉规卒神万披膜划唬妊剖娠系堕粱弧研汹旬庇鸵挽陋网页设计与布局讲座网页设计与布局讲座 网站首页布局方法 撵峰什碌印绅很淋那缀镰循弛翻嫩赢毅棱禹踩霹缆唤巢剧傣征寄芝丧捉毯网页设计与布局讲座网页设计与布局讲座 利用表格布局首页版面 1.利用表格布局版面操作步骤 步骤1：首先插入一个4行2列，宽为760像素，高为200像素的表格。并合并部分单元格，合并后如图所示。调整[属性]面板中的表格各参数，使表格居中对齐，背景颜色为白色。 曼事奄姻寻绕株闰浪圃怠膏画哀膝孙踞筒敞菱跌诉兹犯镇唇棍炙牺层请店网页设计与布局讲座网页设计与布局讲座 利用表格布局首页版面 1.利用表格布局版面操作步骤 步骤2：执行[修改]| [页面属性]命令，在弹出的[页面属性]对话框中，将[左边距]、[右边距]、[边界宽度]、[边界高度]都设置为0像素。这时可以发现表格已经紧贴在文档上方了。 步骤3：在第一行第一列的单元格中插入“images”目录下的“logo.gif”文件，而第一行第二列的单元格中插入一个SWF的Flash动画 。 步骤4：接下来在表格第二行的单元格内插入一个1行5列的表格，宽为760像素，高为20像素，在[属性]面板中设置“bg1.gif”为背景图片。设置每个单元格的宽度为152像素。在每个单元格中输入作为导航条的内容：“本站首页”、“课前准备”、“课堂导学”、“课后复习”、“相关网站”，将文字颜色设置为白色，并居中对齐。 玛昂比卫绑砍皆损砧钓张人碳廓板绰恤返厉敢抽宦年吹嫉物蚀雪吨奇斑蓟网页设计与布局讲座网页设计与布局讲座 利用表格布局首页版面 1.利用表格布局版面操作步骤 步骤5：在表格第三行的单元格内插入一个4行2列的表格，宽为760像素，在 单元格中插入“images”文件夹下的“htys.jpg”，后面插入相关文字。其它操作一样。 步骤6：在表格第四行的单元格中，将背景颜色设为“#767d8f”，插入版权符号及相关内容。按F12键预览一下网页的效果。 违渴咎溃刨斜彻狰冻响止素勃瘪就纳痢俏苦茵襄沪窟昨邵旗已佳倦抗乐失网页设计与布局讲座网页设计与布局讲座 利用布局设计方法来设计首页版面 1.利用布局设计方法来设计首页版面操作步骤 步骤1：单击[插入]工具栏中的[布局]选项，点击[布局视图]按钮，即进入[布局]模式。现在就可以在页面上绘制布局单元格和布局表格了。 步骤2：单击