网页设计课程设计报告.docVIP

XXX学　院 网页设计课程设计报告 物理与材料科学学院网站的设计 院 系 物理与材料科学学院 专 业 XXXXXXXXXXX 学 生 班 级 2008级2班 姓 名 XXXXXXXXXXXXXX 学 号 指导教师单位 XXXX学院 指导教师姓名 XXXX 指导教师职称 教授 2011年06月 物理与材料科学学院网站的设计 XXXXXX专业2008级 XXXXXXX 指导教师 XXX 摘要：根据本课程设计的要求，我们小组制作我们学院网站，本网站以原版本的学院网材料为内容，融入我们的设计思想进行设计。以简易、求真的切入式创作，主页上嵌入我们学院的图片新闻、新闻动态、通知公告以及学习园地等内容，整个网站采用的是静态网页制作技术。用到文字闪动flash，简单的flash图片自动更换，一些代码制作。本网站制作较为简单，页面简洁直观，方便浏览。 关键词：物理与材料科学学院、网站 设计目的: （1）进一步熟练掌握软件Dreamweaver等相关网站制作软件的使用，更一步提升网页的熟练设计； （2）由普通的网页设计更进一步专业网站的设计，全面了解专业网站布局与设计，技巧亮点等等。 （3）学会运用其他软件处理图片，美化图片。 设计技术指标与要求:； （1）运用块模式实现页面文字等浮动效果； （2）利用CSS样式实现网页的美化； （3）利用附加外部CSS样式快速制作出统一风格的网页； （4）利用鼠标经过图片的变换，实现连接。 (5) 运用代码实现图片的来回切换。 目录 前言…………………………………………………………………………………………1 1 博客类网站的设计 ……………………………………………………………………1 1.1 设计思想 …………………………………………………………………………1 1.1.1 设计方案………………………………………………………………………1 1.1.2 设计技术亮点………………………………………………………………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多通过网站来提供这些服务，如在工作中查阅资料、生活交友联系交流等。因此，网站已经成为企业、单位、个人用来宣传、发布信息不可或缺的工具。因此，网页设计与网站建设技术，已经成为一种基本的工作技术。 我们学生小组通过大量资料、相关途径了解到，学校网站已经成为学校宣传的一种最为常用工具，也是知识交流流通的有效途径，求学者、可沿者、学者们无不对学校网站进行浏览。学校网站给我们提供一个实用便捷的交流平台，浏览过学校网站的朋友们都知道，学校网站可以将学校内的相关事件、知识、科研进度等等展现于这小小的世界之窗，学校网站让想读大学的同学们更能了解他今后的校园情况（校园风情、师资力量、教学设备等等）受到全国乃至全世界人们的关注。简而言之，学校网站就是一所学校向全世界打开的窗口，受到全世界人们的尊重和监督。 本站本着“展现物理与材料科学学院风采”的思想设