web开发技术课程设计报告

廨用，孽泉城学院《web系统设计》课程设计学院：工学院专业：网络工程班级：1401姓名：王乐学号：2014011070指导教师：姬广永张珊珊2016年7月1日

工学院课程设计评审表学生姓名王乐 专业 网络工程 年级2014学号2014011070设计题目响应式网站项目（辽宁陆海石油响应式网站）评价内容评价指标评分权值评定成绩业务水平（含答辩）有扎实的基础理论知识和专业技能;能够综合运用所学的HTML、CSS、JavaScript等知识和HBuilder开发工具进行WEB站点的规划、设计与制作;能够根据网站规划，搜集、整理相关素材；独立进行实验工作，学会调试、发布、管理网站，并能运用所学知识和技能去发现与解决实际问题；主页版面内容、结构和链接设计清晰合理;考虑页面整体布局、视觉效果、页面尺寸和框架等因素，保持网站的整体设计风格一致。40课程设计报告（设计说明书）质量综述简练完整；结论严谨合理；实验正确，分析处理科学；文字通顺，技术用语准确，符号统一，编号齐全，书写工整规范，图表完备、整洁、正确；结果有应用价值；工作中有创新意识；对前人工作有改进或突破，或有独特见解。30工作量、工作态度按期完成规定的任务，工作量饱满，难度较大；工作努力，遵守纪律;工作作风严谨务实30合计100指导教师评语#〈/ul〉</div〉〈/section〉4.1。2负责区域CSS代码。news{width：100％;height：550px；news。xin1{width:136px；height：50px；font-size:32px；font-weight:900;position： relative；top：45px；left:50％；margin—left:-78px；.news。xin2{color:＃2A7EDA;width：70px;height:15px;color：＃1EA8EA;font—size:28px；position：relative；left:50%；top： 30px；margin-left： -35px;}.news.dong{margin：0auto；position:relative;top：40px；}.news〉ul〉li{width：100％;height：200px;overflow： hidden;/＊display：block;*/}。news>ul〉li{list-style:none;float:left；}.news。dong.kuai{width： 28％；height： 350px;border：1pxsolid＃C3C3C3;padding:10px;}。news。dong.kuai。pic{width： 100%;height： 50％;overflow:hidden；}。news。dong.picimg{width:100%；height:100％；transition:all2sease;}。news。dongli:hoverimg{transform：scale（1。3）；}.read{width:38％；height：10％;margin:0auto;color： ＃F86C0F；border：2pxsolid#F86C0F;font-size:16px;text-align：center、padding—top:4%；}.news.dongli:hover.read{background-color：#F86C0F;color：white；}。news.dongli:hover{cursor：pointer;color:#2A7EDA;}4.2网页效果图产品眼外防照源事砧井•悻北心分r,*甲机*标耻防照源事砧井•悻北心分r,*甲机*标耻寐乐我flJt1ttW号机峪生弧DCT-'HMMtim/LiH强看曰"事£用，・盾土耳用吃卒IG金±Zl!B0・*■OCT-3SM3L30^11«-fl-nafr.黔电事工-产品才心J.=.iMrT-TSWM.aWN-tHti.比:<上打射升率RMFJi4k电后做5»册喷HMTL力贯公IpAlMpflL.DK友罐*町«睛吃巾3><HWH-£ri»5l(5地力il宁・骷匿第KlterW口Mig［常产山i^r*WK口中片心黑必干舅M餐会EMLUrihiMFW皿KlimiiAium号气田1峨早制Hr护5设计总结1设计目的（一级标题：黑体小三，1。5倍行距，段后1行）XXXXXXXXXX……（正文：段落起始空两个字符，宋体，小四（英文、数字:TimesNewRoman,小四），1.25倍行距）2设计要求XXXXXXXXXXXXXXXXXXXXX （正文：段落起始空两个字符，宋体，小四（英文、数字：TimesNewRoman,小四），1.25倍行距）3网站整体规划XXXXXXX……（正文：段落起始空两个字符，宋体，小四（英文、数字:TimesNewRoman,小四）,1。25倍行距）4网站详细设计及实现4o1XX（二级标题黑体四号，1.5倍行距，段前0.5行，独占行，左侧顶格书写）4