网页设计课程设计报告

《网页设计课程设计报告》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、XXX学　院网页设计课程设计报告物理与材料科学学院网站的设计院系物理与材料科学学院专业XXXXXXXXXXX学生班级2008级2班姓名XXXXXXXXXXXXXX学号00000000指导教师单位XXXX学院指导教师姓名XXXX指导教师职称教授2011年06月物理与材料科学学院网站的设计XXXXXX专业2008级XXXXXXX指导教师XXX摘要：根据本课程设计的要求，我们小组制作我们学院网站，本网站以原版本的学院网材料为内容，融入我们的设计思想进行设计。以简易、求真的切入式创作，主页上嵌入我们学院的图片新闻、新闻动态

2、、通知公告以及学习园地等内容，整个网站采用的是静态网页制作技术。用到文字闪动flash，简单的flash图片自动更换，一些代码制作。本网站制作较为简单，页面简洁直观，方便浏览。关键词：物理与材料科学学院、网站设计目的:（1）进一步熟练掌握软件Dreamweaver等相关网站制作软件的使用，更一步提升网页的熟练设计；（2）由普通的网页设计更进一步专业网站的设计，全面了解专业网站布局与设计，技巧亮点等等。（3）学会运用其他软件处理图片，美化图片。设计技术指标与要求:；（1）运用块模式实现页面文字等浮动效果；（2）利用C

3、SS样式实现网页的美化；（3）利用附加外部CSS样式快速制作出统一风格的网页；（4）利用鼠标经过图片的变换，实现连接。(5)运用代码实现图片的来回切换。目录前言…………………………………………………………………………………………11博客类网站的设计……………………………………………………………………11.1设计思想…………………………………………………………………………11.1.1设计方案………………………………………………………………………11.1.2设计技术亮点………………………………………………………………2

4、1.2设计步骤…………………………………………………………………………21.2.1网站首页的设计………………………………………………………21.2.2简介页页的设计……………………………………………………………41.2.3机构页的设计…………………………………………………………51.2.4师资页的设计………………………………………………………61.2.5科研页设计……………………………………………………………………71.2.6教务页设计……………………………………………………………………81.2.7招生就业页设计…

5、……………………………………………………………91.2.8生活页设计……………………………………………………………………91.2.9版尾设计……………………………………………………………………102作品测试与验收……………………………………………………………………103设计体会……………………………………………………………………………104致谢……………………………………………………………………………11参考文献………………………………………………………………………………11XXXX学院本科课程设计报告13XXXX

6、学院本科课程设计报告前言目前，很多人的生活娱乐、工作、学习等方面都比较依赖intenet,而intenet多通过网站来提供这些服务，如在工作中查阅资料、生活交友联系交流等。因此，网站已经成为企业、单位、个人用来宣传、发布信息不可或缺的工具。因此，网页设计与网站建设技术，已经成为一种基本的工作技术。我们学生小组通过大量资料、相关途径了解到，学校网站已经成为学校宣传的一种最为常用工具，也是知识交流流通的有效途径，求学者、可沿者、学者们无不对学校网站进行浏览。学校网站给我们提供一个实用便捷的交流平台，浏览过学校网站的朋友

7、们都知道，学校网站可以将学校内的相关事件、知识、科研进度等等展现于这小小的世界之窗，学校网站让想读大学的同学们更能了解他今后的校园情况（校园风情、师资力量、教学设备等等）受到全国乃至全世界人们的关注。简而言之，学校网站就是一所学校向全世界打开的窗口，受到全世界人们的尊重和监督。本站本着“展现物理与材料科学学院风采”的思想设计而成，主要以通俗简易、简洁明了的特点，为浏览者提供大量的、最新的校园事件、校园文化风情、学院师资以及科研力量等。溶入了块、css、框架、表格、图片播放器等设计技术方法。1教育类网站的设计1.1设

8、计思想1.1.1设计方案以我院的情况分析，便以带有电子版的图片为banner，并带有我们学校的原始banner图像，logo是以物理与材料科学学院字样以及学院网址为logo。内容上以仿造原版学院网的格式，加上框架、css、图片播放器、表格以及块制作浮动文字等设计技巧。内容上有学院简介、学院机构、学院师资、科研、教务等等，内容相对简单，但是很直白，表达出学院该