网页设计学习笔记.doc

初级阶段使用的编辑器EditPlus。HomeSite4。 屏幕捕捉工具PSCapture。 安装各种主流浏览器用于测试编写的网页。或者安装专门用于测试的IETester。火狐、谷歌、苹果。 表格直列化，控制某一列的整体效果： table width=372 height=140 border=1 align=center cellpadding=1 cellspacing=0 bordercolor=#000000 caption学生成绩表/caption !--这是表的标题部分-- colgroup/colgroup !--控制第一列-- colgroup bgcolor=red/colgroup tr th姓名/th td语文/td td数学/td td英语/td /tr 效果如下： 如果要控制最后一列: colgroup span=3/colgroup !--控制前三列-- 5. 设置跳转到其他页面的某一指定位置。 a hre=demo2.html#xhtmlXHTML教程/a !—跳转到demo2.html这个页面锚点名称xhtml的位置-- 6. 设为首页添加收藏 a href=# onchick=this.style.behavior=url(#default#homepage);this.setHomePage();设为首页/a a href=javascript:window.external.AddFavorite(, 百度)添加收藏/a11.选中字就可以选中单选按钮的实现： input type=radio name=sex id=man value=manlabel for=man男/label/input input type=radio name=sex id=woman value=womanlabel for=woman女/label/input 原理：label标注内容/label标签为input元素定义标注。/label标签的for属性应当与相关的元素的id属性相同。 为列表框分组： select name=city optgroup label=湖北 option value=wuhan武汉/option option value=huanggang黄冈/option /optgroup optgroup label=北京 option value=chaoyang朝阳/option option value=haidian海淀/option /optgroup /select 隐藏域的使用。 fieldset/ fieldset 定义围绕·表单中元素的边框；legend/legend为fieldset元素定义标题。 fieldset legend效果/legend p用户名 label input name=username type=text id=username / /label /p p密nbsp;nbsp;码 label input name=password type=text id=password / /label /p /fieldset 效果图： 使用embed…/embed标记插入FLASH动画。 属性 值 说明 Src url flash路径 width 像素/百分比 flash宽度 height 像素/百分比 flash高度 wmode transparent 使flash背景部分透明化 在网页中插入falsh的方式有两种： 【1】通过embed标签。 【2】通过dreamweaver自动生成。 滚动字幕 marquee滚动的文字/marquee direction=”滚动的方向”left[左] right[右] up[上] down[下] behaviour=”滚动方式”scroll[一圈一圈绕着走] slide[只走一次] alternate[来回的走] loop=”滚动的循环次数”若未制定则循环不止（loop=”inlinite”） bgcolor=”背底颜色” width=”宽度” height=”高度” onMouseOver=”this.stop()” onMouseOut=”this.start()” scrollmout=”速度”数值越大速度越快； scrolldelay=”延时”(走一步，停一停) 测试参数时，建议先用大的参数，再用小的参数。 采用Web标准的好处： 【1】提高页面浏览速度。使用CSS方法，比传统的web设计方法至少节约50%以上