网页设计指导书[精选].doc

大型作业任务书 设计题目：百居易房屋超市网站首页 设计要求： 按照网站开发的方法步骤进行网站设计与制作，并编写相应文档； 要求设计的网站主题鲜明，内容丰富，布局合理，界面美观，但界面和风格在满足具体的基本要求下可增加自己的创意，发挥自己的创造能力； 将以上设计整理编写出《大型作业说明书》，字数不少于8000字； 按期完成大型作业任务，时间为１周。 班级：电子商务1203 学号：1001120337 姓名：宋建辉 指导教师：李伟 2013年6月23日 摘 要 通过本课程安排的实训项目，让学生掌握设计静态网页的基础知识和基本方法，对网页设计的流程有一个全面的认识和了解，并能够独立利用DreamWeaver设计制作出完美的个人网站或商务网站. Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 随着互联网的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别。 通过本课程安排的实训项目，让学生掌握设计静态网页的基础知识和基本方法，对网页设计的流程有一个全面的认识和了解，并能够独立利用DreamWeaver设计制作出完美的个人网站或商务网站，一个可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。 前 言 Macromedia公司推出的Dreamweaver网页制作软件可以说是众多网页制作软件中的佼佼者。作为一款专业的网页制作工具，Dreamweaver具有可视化编辑界面和强大的所见即所得网页编辑功能，它不仅可以制作网页，而且为设计和开发站点提供了良好的操作平台，集网页制作与网站管理于一身。用户只需稍稍能看懂HTML语言，就可以应用Dreamweaver制作出跨平台、跨浏览器的精彩网页。 Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画，而Fireworks用来处理网页中的图形。 Dreamweave字面意思为“梦幻编织”，这一软件有着不断变化的丰富内涵和经久不衰的设计思维，它能充分展现你的创意，实现你的想法，锻炼你的能力. 目 录 课题来源 …………………………………………………………01一、网站开发项目需求分析 ……………………………………02二、网页设计的要素 ……………………………………………032.1排列方法要素…………………………………………………032.2色彩要素………………………………………………………042.3网页设计技巧…………………………………………………04 2.4 CSS样式的使用………………………………………………05三、网站设计的前期准备 ………………………………………063.1涉及软件………………………………………………………063.2软件界面………………………………………………………06四、本网站设计规划 ……………………………………………08 4.1本网站建设的方向和目的……………………………………084.1.1网站建设方向 ………………………………………………084.1.2网站建设目的 ………………………………………………08 五、百居易房屋超市网站结构 …………………………………10 5.1站点组织结构…………………………………………………10