网站设计任务书

1、设计任务书姓名：丁海宸 班级：建筑1303班 学号：2013002152一、设计要求（1）三级栏目方式（如果有能力可以设计首页）（2）要求是网站不是网页（3）收集整理相关的素材（不允许直接链接到其它网站）（4）要求有导航菜单、使用图片与文字组合，不允许只使用图片或 只使用文字。（5）要求使用特效代码实现动态效果，使用透明flash装饰网站。（6）能够将本学期的知识综合运用（表格定位、相册方案、嵌入式 框架、特效代码、透明flash、系统导航、栏目设置等）不需要设计 动态数据库。（7）自己编写设计任务书，提交纸质打印版本。（不需要彩色 打印图片）设计要求、想法、素材收集与整理、网站布局、网站设计

2、平台选 择原因、自己对于本学期课程学习的感受。（8）最终网站设计内容请使用winrar压缩成一个RAR文件发到作业 邮箱。设计任务书不需要电子版本。二想法（1）网站设计要求是三级栏目，所以网站的基本框架就是：首页、 主页、一级页面、二级页面。（2）网站的主题是我的大学，那么就要搜集、整理有关大学生 活及校区资料。（3）思考适合校园题材的网站布置格局。（4）在纸上将自己的构思画出来，基本确定网站框架。（5）教育类网站一般比较严谨，结构较为简单，不需要过多的装饰， 只需把本学校的特色体现出来即可。所以我想要设计的网站首页放一 张本学校代表性建筑以及本学校的校徽，再加上一个透明Flash简单 装饰，

3、点击进入即可进入主页。主页最上方放入图片和本学校的校徽， 放入的图片应与首页图片相似，下面即为导航栏，再下面则为分隔栏， 详细介绍本校的最新动态，最下方则为版权声明。其余页面则与主页 相似，以体现网站的统一性。本网站最大的亮点在于简洁大方，虽然 页面简单，但突出了本校的特点，使人印象深刻。三、素材收集与整理)1 rxtop（2）标题栏（3）首页图片及校徽（4）主页及一级二级页面图片:(A)(B)四、网站布局(1)网站首页放一张本学校代表性建筑以及本学校的校徽，再加上 一个透明Flash简单装饰，点击进入即可进入主页。主页最上方放入 图片和本学校的校徽，放入的图片应与首页图片相似，下面即为导航

4、栏，再下面则为分隔栏，分隔栏分为三部分，一部分是图片加文字的 文章，一部分是校区最新的新闻，最后一部分则是通知栏，详细介绍 本校的最新动态，通过主页，学生们可以快速了解到本校的动态，方 便迅捷。最下方则为版权声明。页面布局为4行3列，简介明晰。其 余页面则与主页相似，以体现网站的统一性。本网站最大的亮点在于 简洁大方，虽然页面简单，但突出了本校的特点，而且可以是本校学 生在较短的时间内找到自己的所需及了解校区动态，做到以人为本， 十分切合实际。五、网站设计平台选择原因选用frontpage作为网站的设计平台，是因为该平台规划感比较 强，适合制作学校类网站，而且简单方便，可以在保证效果的前提下，

5、 很迅速的完成任务。更细化的来讲：(1)直观形象的站点管理FrontPage具有出色的图形界面设计和智能化管理的特色，用户可以 在直观形象的方式下创建站点的主页结构、组织站点的文件、输入输 出主页或文件、测试修复超链接以及设计和创作主页，还可以将制作 好的站点发布到WWW服务器上。(2)精心组织的图形界面FrontPage提供了六种视图方式，每一种视图方式都为用户提供了 Web站点的不同信息。强大的模板和向导功能FrontPage带有大量的模板和想到，使用它们可以通过一步步的选择 和确认，便能完成网页主体结构的创作。智能化管理FrontPage具有相当多的智能化特色。例如，当用户拖动一个新页面

6、 到导航视图中，或是从导航视图中删除一个页面，网站中所有关于 页面的导航条都会自动更新；当用户改变了一个文件的文件名，或是 将此文件移动另外一个文件夹时，FrontPage会自动修改网站中所有 指向该文件的超链接；当站点制作完成，要发布到WWW服务器和 Intranet上时，FrontPage只发布自上次发布以来被更新的文件，并 自动验证网页和文件的地址。六、感悟通过一个学期的学习，我初步了解了什么是网站设计，正如古话 说：知其然，更要知其所以然。在以后，我们对于网络生活有了一种 新的界定。网页不再是一幅幅精美的图画或是相片，而是庖丁解牛般 的了解它的构造，知道编程人员背后付出的努力。在享受网络生活的 同时，感谢那些网页制作者们的付出汗水。我也懂得了，每个行业都 要有自己的审美，不光是我们学建筑的，设计网页也要懂得排版，也 要懂得规范，也要懂得结构。虽然在以后的日子里，我可能不会再碰 网页设计了，但我从这门课学到了很多。明白了其实所有的学科都是