web实训报告（精品）.docx\ fr V•\^kff了•.1 ■ ff •.1 — ff J^.•IgB S ** \ ■ rt ・a■\■•、、■■JI在21世纪,互联网已经成为人们牛活工作必不可少的组成成分,网络技术的重要性也越发被人们所熟识,其屮的网页制作就是一重要的组成。Web的开发技术和应用已经成为学****计算机的我们的必备知识,网页是一个网站的外观,使人们对于这个公司的第一卬象。在这个学期的期末,我班在淮安软件园进行了为期10天的用开发工具AdobeDreamweaverCS5的《网页编程基础》的课程实训。其中AdobeDreamweaverCS5是微软开发的网页编程开发工具,可编译XHTML□在淮安软件园,我们在指导老师沈建亚的带领下,掌握了WEB技术的基础知识,这次的实训以培养学牛理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力为H的,让我们树立信心,让我们懂得了WEB开发技术的的原理和工作特点。在淮安软件园我们有良好的学****环境,学****设备。软件园是最佳的教学研究室,能够提供学****的平台,提高教学效率,能实现教育资源的合理分配,将理论与实际和结合,应用现有的数据库系统软件,规范、科学地完成一个设计与实现,让我们更好的学****WEB技术,对WEB技术有了更好地了解,进而更加熟悉和操作WEB技术来开发网页的,来达到训练和培养学牛获取信息和处理信息的FI的,充分锻炼学牛的动手能力。关键字:WEB网页编程,AdobeDreamweaverCS5,实训,软件园目录使用CSS布局网页1样式表布局概述2盒模型 43块元素和内嵌元素 5元素的定位方式 6常见DIV+CSS布局 7定宽度,高度的块中内容溢出处理横,纵向导航条设计7实训所制作的网页 108 总结 119参考文献12正文传统布局利用Table來实现。Table元素具有无边框特性,在布局是可以利用单元格方便地构建网页格局,并且利用单元格的cellspacing,cellpadding,align和valign等属性控制内容的位置,整个过程直观且JL手简单。2盒模型III采用Table布局虽然上手简单,但是若要更改页面的显示效果,或者对布局进行简单的升级改造却很繁杂。,页面屮的所有文档元素都可以理解为盒模型。这些文档元素可以视为一个矩形框。这个矩形框主要包括以下几个组成部分:边界(margin),边框(border),填充(padding)和内容(content)0对于这个矩形框,也可以称其为盒子。在CSS中应写为:div{width:500px;height:200px;color:#09F;background-color:#FCF;text-align:center;font-size:16px;}#boxl{border:dashed6px#66F;padding-top:20px;margin-bottom:45px;}・box2{border-top:#FC96pxdotted;border-left:#FC9lOpxdouble;border-right:#FC9lOpxdouble;margin-bottom:lOpx;background-color:#CF0;}}在XHTML中应写为:divid二〃boxl〃〉盒l/divdivclass二〃box2〃盒2/div,填充用以控制盒子屮边框和内容之间的距离。可用长度值,百分比值表示。4个方向取值相同#box1{padding:20px;}左右方向和上下方向取值各口相同#box2{padding:10px20px;}4个方向取值不完全相同#box{padding:1Opx20px30px;}i的边框属性包括边框样式属性(borderstyle),边框宽度属性(border-width)和边框颜色属性(border-color)□。无边框。不受任何指定border-width的值影响隐藏边框。IE不支持在MAC平台上IE4++为点线。否则为实线++为虚线。否则为实线实线边框双线边框。两条单线与其间隔的和等于指定的boeder-width值根据border-color的值画3D凹槽根据border-color的值画3D凸槽根据border-color的值画3D凹