设计内容及要求<1>使用各种HTML标记，CSS各种常用样式及简单的JavaScript 技术，完成的网页没有错误<2>首页设置导航栏，命名为index.html<3>利用CSS技术对网站进行布局，网站风格统一<4>灵活运用JavaScript使网页生动一、设计思路首页：二、设计结果及分析首页：1.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。
东营：2.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。
广饶简介：联系：3.第四章做了根据js的一个互动。
可以对前台邮箱的内容进行判断。
图片欣赏：4.第五章，由于需要用到表格的内容，所以将照片用着种形式呈现出。
三、总结通过本次网页的制作过程，我学到了很多实用的东西，也充分了解了editpuls这个软件的强大，对学习了一个学期的课程也有了深入的了解。
在这段时间里，一方面，我尝试着讲课本上所学的知识运用到制作中，另一方面，我又时刻在网上学习自己需要的知识，学习到了很多有用的知识。
虽然之前对于代码的编辑不是很明白，但这几天不断搜集各种网站模板，不断学习设计思路。
虽然呈现出的作品很不完整，基本达不到观赏性和实用性，但我还会不断练习。
争取作出属于我的风格的web。
五、附录（源代码）首页：<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>web课程设计</title><link href="style.css" rel="stylesheet" type="text/css" /><style type="text/css">body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;background:black ;}</style></head><body><div id="wrapper"><div id="logo"><h1>我大东营</h1></div><div id="menu"><ul><li><a href="index.html">主页</a></li><li><a href="jingji.html">东营</a></li><li><a href="techan.html">广饶</a></li><li><a href="dili.html">关于</a></li><li><a href="注册.html">欣赏</a></li></ul></div><div class="jianjie"><p>简介</p></div><div class="item"><p><strong>欢迎来到我的web<a href="index.html">课程设计</a></strong></br><strong>我要向大家介绍一个美丽的<a href="jingji.html">城市</a></strong></br><strong>&我的<a href="techan.html">家乡</a></strong></p></div></div><div id="footer"><p><a href="/">济南大学</a>信息科学与工程学院</p></div></body></html>东营/广饶页面<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>东营</title><link href="style.css" rel="stylesheet" type="text/css" /><link href="jingji.css" rel="stylesheet" type="text/css" /><style type="text/css">body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;background:pink ;}</style></head><body><div id="wrapper"><div id="logo"><h1>东营</h1></div><div id="menu"><ul><li><a href="index.html">主页</a></li><li><a href="jingji.html">东营</a></li><li><a href="techan.html">广饶</a></li><li><a href="dili.html">关于</a></li><li><a href="注册.html">欣赏</a></li></ul></div><div id="sidebar"><li><h2>荣誉</h2><li>东营荣获“2012中国特色魅力城市”称号</li><li>东营在2013年成为国家首批“智慧城市”试点单位（山东省共8个地市获得此称号，东营在山东排名第一）</li></li><li><h2>区划</h2><li>东营区有6街道4镇（文汇街道、东城街道、辛店街道、胜利街道、黄河路街道、胜园街道，牛庄镇、六户镇、龙居镇、史口镇）</li> </li><li><h2>教育</h2><p> <li>教育、卫生稳步发展，质量进一步提高。
2010年全市普通高校在校生人数为52796人，比1983年增长1419.3%；中等专业学校在校生为4329人，比1983年增长146.7%</li><li>普通中学在校生为123326人，比1983年增长64.8%。
</li><li>城乡居民生活水平显著提高。
2010年末，全市在岗职工总人数30.81万人，比1983年增长133.8%，在岗职工平均工资19282元，是1983年的37.6倍；</li><li>城镇居民可支配收入23796元，是1985年的30.2倍；农民人均纯收入13047元，是1985年的22.5倍。
</li></li> <li><h2>地区特产</h2><li>河口冬枣</li></li></ul></div><div id="content"><div class="post"><h2 class="title">图片</h2><img src="images/dili.jpg" width="700" height="500" alt="image"><h2 class="title">经济</h2><div class="entry">在中国的城市之林中，东营市是一个非常年轻的城市。
30年间，东营人在一张白纸上，画出了最新最美的画图，经济社会发展之快令世人刮目相看。
生产总值。
</br></br></div><h2 class="title">资源</h2><div class="entry"><p>石油资源</br>东营市不仅“人杰”而且“地灵”。