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

设计内容及要求 1使用各种 HTML 标记，CSS 各种常用样式及简单的 JavaScript 技术，完成的网页没有错误 2首页设置导航栏，命名为 index.html 3利用 CSS技术对网站进行布局，网站风格统一 4灵活运用 JavaScript使网页生动 一、 设计思路 首 页 作品主简页介 人物东简营介 广饶 图片欣赏 关于 首页： Id=menu Id=wrapper Id=sidebar 二、 设计结果及分析 首页： 1.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐 于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。 东营： 2.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐 于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认 为很精练，突出了这次设计的主题。 广 饶 简 介 ： 联 系 ： 3.第四章做了根据 js 的一个互动。可以对前台邮箱的内容进行判 断。 图片欣赏： 4.第五章，由于需要用到表格的内容，所以将照片用着种形式呈 现出。 三、 总结 通过本次网页的制作过程，我学到了很多实用的东西，也充分了解了 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 lia href=index.html 主页 /a/li lia href=jingji.html 东营 /a/li lia hr