web简单网页课程设计报告

合集下载

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

设计内容及要求

<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>

body {

margin: 0;

padding: 0;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #FFFFFF;

background:black ;

}

</style>

</head>

<body>

</div>

<ul>

</ul>

</div>

</div>

<p>

<strong> 欢迎来到我的web<a href="index.html"> 课程设计</a></strong></br>

<strong>我要向大家介绍一个美丽的<a href="jingji.html"> 城市

</a></strong></br>

</p>

</div>

<p><a href="/"> 济南大学 </a>信息科学与工程学院 </p>

</div>

</body>

</html>

东营 /广饶页面

<head>

body {

margin: 0;

padding: 0;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #000000;

background:pink ;