web简单网页课程设计报告

1、设计容与要求JavaScript<1>使用各种HTML标记，CSS各种常用样式与简单的技术，完成的网页没有错误<2>首页设置导航栏，命名为index.html<3>利用CSS技术对进行布局，风格统一<4>灵活运用JavaScript使网页生动一、设计思路首页rIT1,X_方苧5嚓.关于作龈简介人物简介广饶图片欣赏首页：Id=menur*TTVId=wrapperId=sidebar二、设计结果与分析首页：1. 对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计

2、的主题。东营:东营对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题刀1思御4'卜也云巡辛=*g!he.闵养旧"石-FTw赢王宣津云口itM才函房寻9+独口亍（Hi*目“玉阵用上部小辛刁主防快冒生户关也R联系我们泰tl南政有ra庭fi.£ttanr主页好拼都产关于ftfit谪司联fM3奇通rr*fln*»中靛*«»aw3lff>*t!Qii苹害蛰衫如亨率l¥t)siIw第四章做了根据js的一个互动。可以对前台的容进行判断图片欣赏

3、:4.第五章，由于需要用到表格的容，所以将照片用着种形式呈现三、总结通过本次网页的制作过程，我学到了很多实用的东西，也充分了解了editpuls这个软件的强大，对学习了一个学期的课程也有了深入的了解。在这段时间里，一方面，我尝试着讲课本上所学的知识运用到制作中，另一方面，我又时刻在网上学习白己需要的知识，学习到了很多有用的知识。虽然之前对于代码的编辑不是很明白，但这几天不断搜集各种模板，不断学习设计思路。虽然呈现出的作品很不完整，基本达不到观赏性和实用性，但我还会不断练习。争取作出属于我的风格的web。五、附录（源代码）首页:<head><meta-equiv="c

4、ontent-type"content="text/html;charset=utf-8"/><title>web课程设计</title><linkhref="style.css"rel="stylesheet"type="text/css"/><styletype="text/css">bodymargin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:1

5、2px;color:#FFFFFF;background:black;</style></head><body><divid="wrapper"><divid="logo"><h1>我大东营</h1></div><divid="menu"><ul><li><ahref="index.html">主页</a></li><li><ahr

6、ef="jingji.html">东营v/a>v/|><li><ahref="techan.html">广饶</a></li><li><ahref="dili.html">关于</a></li><li><ahref="注册.html">欣赏</a></li></ul></div><divclass="jianjie&

7、quot;>vp>简介</p></div><divclass="item"><P><strong>欢迎来到我的web<ahref="index.html">课程设计</a></strong></br><strong>我要向大家介绍一个美丽的<ahref="jingji.html">城市</a></strong></br>vstong>&我的&l

8、t;ahe仁”techan.html”家乡</a></strong></p></div></div><divid="footer"><p><ahref="</div></body></html>东营/广饶页面<head><meta-equiv="content-type"content="text/html;charset=utf-8”/><title>东营</titl

9、e><linkhref="style.css"rel="stylesheet"type="text/css"/><linkhref="jingji.css"rel="stylesheet"type="text/css"/><styletype="text/css">bodymargin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px

10、;color:#000000;background:pink;</style></head><body><divid="wrapper"><divid="logo"><h1>东营</h1></div><divid="menu”><ul><li><ahref="index.html">主页</a></li><li><ahref="ji

11、ngji.html”>东营</a></li><li><ahref="techan.html">广饶</a></li><li><ahref="dili.html">关于</a></li><li><ahref="注册.html">欣赏</a></li></ul></div><divid="sidebar"><

12、;li><h2>荣誉</h2><li>东营荣获“2012中国特色魅力城市”称号</li><li>东营在2013年成为国家首批“智慧城市”试点单位（省共8个地市获得此称号，东营在排名第一）</li></li><li><h2>区划</h2><li>东营区有6街道4镇（文汇街道、东城街道、辛店街道、胜利街道、黄河路街道、胜园街道，牛庄镇、六户镇、龙居镇、史口镇）</li></li><li><h2>教育</h2&

13、gt;<p><li>教育、卫生稳步发展，质量进一步提高。2010年全市普通高校在校生人数为52796人，比1983年增长1419.3%；中等专业学校在校生为4329人，比1983年增长146.7%</li><4普通中学在校生为123326人，比1983年增长64.8%。</li><li>城乡居民生活水平显著提高。2010年末，全市在岗职工总人数30.81万人，比1983年增长133.8%，在岗职工平均工资19282元，是1983年的37.6倍；</li><li>城镇居民可支配收入23796元，是1985年

14、的30.2倍；农民人均纯收入13047元，是1985年的22.5倍。</li></li><li><h2>地区特产</h2><li>河口冬枣</li></li></ul></div><divid="content"><divclass="post”><h2class="title">图片</h2><imgsrc="images/dili.jpg"width

15、="700"height="500"alt="image"><h2class="title">经济</h2><divclass="entry">在中国的城市之林中，东营市是一个非常年轻的城市。30年间,东营人在一白纸上，画出了最新最美的画图，经济社会发展之快令世人刮目相看。生产总值。</br></br></div><h2class="title">资源</h2><div

16、class="entry">vp>石油资源</br>东营市不仅“人杰”而且“地灵”。</p></div><h2class="title">气候v/h2><divclass="entry">vp>东营市地处中纬度，背陆面海，受亚欧大陆和西太平洋共同影响，属暖温带大陆性季风气候</p></div><h2class="title">河流</h2><divclass="entr

17、y"><p>黄河，东营段上起滨州界，白西南向东北贯穿东营市全境，在垦利县东北部注入渤海，全长138公里。黄河水径流量年际变化大，年分配不均，含沙量大。</div><h2class="title">文化</h2><divclass="entry">vp>吕剧吕剧是省地方戏曲剧种之一，曾名“化装扬琴”、“琴戏”。系由民间说唱艺术“琴书”（坐腔扬琴）发展演变而来。东营市广饶县是吕剧发源地。也被省省委省政府授予，吕剧之都、吕剧之乡起源于以北黄河三角洲，流行于和、部分地区。最初的吕剧

18、班大都走乡串村，演出于田间地头，影响甚小。1910年前后搬上舞台。1953年戏曲改革中由省戏改组定名吕剧。1953年省吕剧院成立之后，吕剧成为遍与、享誉全国的剧种。2007年10月中旬，首届吕剧文化艺术节在吕剧的故乡省东营市成功举办。</p></div></div></div></div><divid="footer"><p><ahref="float:left;width:240px;padding:0px;color:#787878;position:absolute;l

19、eft:200px#sidebarulpadding:0;list-style:none;#sidebarlimargin:0;padding:10;#sidebarliulmargin-bottom:30px;padding:0px20px20px20px;background:#FFFFFF;border-left:1pxsolid#D6E6CC;border-right:1pxsolid#D6E6CC;border-bottom:1pxsolid#D6E6CC;#sidebarlililine-height:35px;border-bottom:1pxdashed#D1D1D1;padding-left:3px;#sidebarlilispandisplay:block;margin-top:-20