文档介绍：利用DIV+CSS设计出一个《网站电信分院信息管理与信息系统1班分院专业班级学号学生姓名指导教师存档资料I课程设计报告书所属课程名称网页设计与制作20120210450105汪小娟魏建2014年12月29H课程设计(论文)评阅意见序号项目等级优秀良好屮等及格不及格1课程设计态度评价2出勤情况评价3任务难度评价4工作量饱满评价5任务难度评价6设计屮创新性评价7论文书写规范化评价8综合应用能力评价综合评定等级评阅人职称 20年月曰目录第一章课程设计的内容与要求 4第二章网页设计的思路 5建立站点; 5切割效果图; 6头部导航栏 6主体 7底部 8布局页面头部和导航; : : 9布局页面一一侧边栏; : : :该布局为右侧边栏 : : 13布局页面主体部分; : 14底部和细节调整。 17底部视图 : 18第三章稈序代码与视图 19程序代码: 19对于整个页面实现的效果图为: 25第四章课程设计心得 27第五章参考文献(资料) 29华东交通大学理工学院课程设讣报告第一章课程设计的内容与要求利用这个学期所学的关于网页设计的知识,自己设计一个有关于一个公司的网页。要求有内容有:;;;;-头部和导航;-侧边栏;-主体部分;。华东交通大学理工学院课程设讣报告第二章网页设计的思路关于分享宫崎骏动漫里的经典语录这个网页的实现,,然后创立各种信息链接,整个页面布局要求清新,不宜复杂。1•建立站点;打开站点管理一新建一站点一输入名称“宫崎骏动漫里的经典语录”_下一步单击“下一步”选好存储位置一单击“下一步”选好服务器文件夹单击“下一步”单击“下一步”单击“完成”;主页整个页面分为三个结构头部,主体,底部。头部,是所有的导航。主体是由三个div来分隔的。分为左边为该动漫的作者和发布的时间;中间为这个动漫的经典语录;右边为内容的补充和这些动漫视频的链接。底部,可以是版权说明。3•搭建框架;4•切割效果图;4・1・头部导航栏42主体A&tbor<<魔女宅急便>>・BAMmra.■么他1皿Mit^.・*ii■•的人・trisM・iaoxibwMnmFamiBB・Jia・夜■苦的b;u・・AaisuCT* ・・••■血“W・<:■・不・*tz・”ii・^iwwmw・;r・・utT^flrato*y“・女r«v>*<an«・・RMKu«a*M・oaa*>•seirfr・・MWX・m■人CS^a・・AWiWR个・・■«!•>.立个tiWiHMIlUMlWG兗"・MW-Ctth・=»(!■">也斤二闽tw・*处怜一•>!・it■位兪・比出4岀I的人他■色助人■丘一EKtl®!,秋—十ft毎対己GMr・Date<<龙猫>>什么肝林们刑忧注■複子一?UIQC刘心洌小■山一口a* 了id糸sat子一a・SMf的《mH9・・屬"欢WOA."三^wi*te・x鏑的—1^8ARrtl»*t7刁咖i・fin*・*)«•XT^iLL・B<«入YnkMZfll..MTStWI斗bL命THh廊MOWfit* ■r7W!TMMfT・MM11H•、11拿漑・・曲0、七«1・番电税筑iu■代累e・SdBW±aH9« rwow修・”声為才多事*・vn*a»•«til*7•-««i->fill?-力・N,”U£的机令r、加■八aw»・❶・・a・・gp■■■■・・imii・mm・・hw・•宅EX白壬・-皿dm,r»•布局页面头部和导飢;⑴•视图:(2)■代码实现:<divid=/ztempiatemo_wrapper_outer,z><divid=emplatemo_wrappet"><divid=/ztemplatemo_heade:r"><divid二〃sc"><hl><ahre仁"#〃>动漫语录〈spem>BY宫崎骏</span></a></hl></div><divid二〃templatemomenu"〉<ul><li><ahrcf=z,index・htclass=,/current">经典语录</a></li><li><ahref二〃#〃>宫崎骏</a></li><li><ahref二〃#〃>留言</a></li><li><ahref二〃#〃>其他</a></li></ul></div><!一一endoftcmplatcmo_menu一一></div><!——endofheader——>