1、 物理与材料科学学院物理与材料科学学院网站的设计网站的设计 XXXXXX 专业 2008 级 XXXXXXX 指导教师 XXX 摘要摘要：根据本课程设计的要求，我们小组制作我们学院网站，本网站以原版本的 学院网材料为内容，融入我们的设计思想进行设计。以简易、求真的切入式创作，主 页上嵌入我们学院的图片新闻、新闻动态、通知公告以及学习园地等内容，整个网站 采用的是静态网页制作技术。用到文字闪动 flash，简单的 flash 图片自动更换，一 些代码制作。本网站制作较为简单，页面简洁直观，方便浏览。 关键词关键词：物理与材料科学学院、网站 设计目的设计目的: : （1）进一步熟练掌握软件 Dre
2、amweaver 等相关网站制作软件的使用，更一步提 升网页的熟练设计； （2）由普通的网页设计更进一步专业网站的设计，全面了解专业网站布局与设 计，技巧亮点等等。 （3）学会运用其他软件处理图片，美化图片。 设计技术指标与要求设计技术指标与要求: :； （1）运用块模式实现页面文字等浮动效果； （2）利用 CSS 样式实现网页的美化； （3）利用附加外部 CSS 样式快速制作出统一风格的网页； （4）利用鼠标经过图片的变换，实现连接。 (5) 运用代码实现图片的来回切换。 目录目录 前言前言1 1 博客类网站的设计博客类网站的设计 1 1.1 设计思想 1 1.1.1 设计方案1 1.1.2
3、 设计技术亮点2 1.2 设计步骤 2 1.2.1 网站首页的设计2 1.2.2 简介页页的设计4 1.2.3 机构页的设计 5 1.2.4 师资页的设计6 1.2.5 科研页设计7 1.2.6 教务页设计8 1.2.7 招生就业页设计9 1.2.8 生活页设计9 1.2.9 版尾设计10 2 作品测试与验收作品测试与验收 10 3 设计体会设计体会 10 4 致谢致谢 11 参考文献参考文献 11 前言前言 目前，很多人的生活娱乐、工作、学习等方面都比较依赖 intenet,而 intenet 多通过网站来提供这些服务，如在工作中查阅资料、生活交友联系交流等。因此，网 站已经成为企业、单位、
4、个人用来宣传、发布信息不可或缺的工具。因此，网页设计 与网站建设技术，已经成为一种基本的工作技术。 我们学生小组通过大量资料、相关途径了解到，学校网站已经成为学校宣传的一 种最为常用工具，也是知识交流流通的有效途径，求学者、可沿者、学者们无不对学 校网站进行浏览。学校网站给我们提供一个实用便捷的交流平台，浏览过学校网站的 朋友们都知道，学校网站可以将学校内的相关事件、知识、科研进度等等展现于这小 小的世界之窗， 学校网站让想读大学的同学们更能了解他今后的校园情况 （校园风情、 师资力量、教学设备等等）受到全国乃至全世界人们的关注。简而言之，学校网站就 是一所学校向全世界打开的窗口，受到全世界人们的尊重和监督。 本站本着“展现物理与材料科学学院风采”的思想设计而成，主要以通俗简易、 简洁明了的特点，为浏览者提供大量的、最新的校园事件、校园文化风情、学院师资 以及科研力量等。溶入了块、css、框架、表格、图片播放器等设计技术方法。 1 1 教育类教育类网站的设计网站的设计 1 1.1 .1 设计思想设计思想 1 1.1.1 .1.1 设计方案设计方案 以我院的情况分析，便以带有电子版的图片为 banner，并带有我们学校的原始 banner 图像，logo 是以物理与材料科学学院字样以及学院网址为 logo。内容上以仿 造原版学院网的格式，加上框架、css、图
