web简单网页课程设计报告.docVIP

. . 设计内容及要求 1使用各种HTML标记，CSS各种常用样式及简单的JavaScript技术，完成的网页没有错误 2首页设置导航栏，命名为index.html 3利用CSS技术对网站进行布局，网站风格统一 4灵活运用JavaScript使网页生动 设计思路 广饶关于 广饶 关于 图片欣赏 首 页 主页 东营 首 页 作品简介人物简介 作品简介 人物简介 Id=menuId=wrapper Id=menu Id=wrapper Id=sidebar 设计结果及分析 首页： 对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。 东营： 对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。 广饶简介： 联系： 第四章做了根据js的一个互动。可以对前台邮箱的内容进行判断。 图片欣赏： 第五章，由于需要用到表格的内容，所以将照片用着种形式呈现出。 总结 通过本次网页的制作过程，我学到了很多实用的东西，也充分了解了editpuls这个软件的强大，对学习了一个学期的课程也有了深入的了解。在这段时间里，一方面，我尝试着讲课本上所学的知识运用到制作中，另一方面，我又时刻在网上学习自己需要的知识，学习到了很多有用的知识。虽然之前对于代码的编辑不是很明白，但这几天不断搜集各种网站模板，不断学习设计思路。虽然呈现出的作品很不完整，基本达不到观赏性和实用性，但我还会不断练习。争取作出属于我的风格的web。 附录（源代码） 首页： head meta http-equiv=content-type content=text/html; charset=utf-8 / titleweb课程设计/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 lia href=index.html主页/a/li lia href=jingji.html东营/a/li lia href=techan.html广饶/a/li lia href=dili.html关于/a/li lia href=注册.html欣赏/a/li /ul /div div class=jianjie p简介/p /div div class=item p strong欢迎来到我的weba 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 pa 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