Web应用技术 教学课件 作者 芦欣 第2章 网站规划与设计.pptVIP

第2章 网站规划与设计 2.1工作任务1：撰写网站建设规划书 2.2工作任务2：搭建JSP运行环境 2.3工作任务3：应用网页编辑工具设计网页 2.1工作任务1：撰写网站建设规划书 2.1.1任务描述与目标 1.任务描述 在创建网站之前首先要做好网站的规划，一个网站的成功与否与建站前的网站规划有着极为重要的关系。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。 本节的工作任务是为精品课网站做好网站建站前的规划工作。 2.1工作任务1：撰写网站建设规划书 2.1.2 相关知识 1.网站设计的总体流程 ①前期信息收集：收集待建设网站的关键信息，包括站点的目标受众、要发布的主要内容等。 ②概念开发：设计人员根据已收集到的信息，开始构思。通常，网站设计师以草图的形式呈现，其中包含整个网站的结构，不同的布局设计及导航等。 ③内容整合：利用各种技术将不同的媒体素材(HTML、CSS、JavaScrip t、JAVA、．NET、 FLASH等)，按照网站的目标有机地整合在一起。 2.1工作任务1：撰写网站建设规划书 2.1.2 相关知识 1.网站设计的总体流程 ④网页制作：设计稿通过以后开始进行页面模板的制作;模板制作完成后，开始进行页面的制作;在制作工程中要注意垃圾原码，一发现就立即清理;页面制作完毕后，开始进行后台程序的编制。 ⑤网站测试：在站点被正式发布之前，测试人员要完整测试整个网站，尽量减少站点 中包含的错误，并在修改后进行必要的回归测试。 ⑥交付：一旦测试完成，就可以正式启用该网站。这标志着网站正式进入运行阶段，当然网站的完善还需要持续地做下去。 2.1工作任务1：撰写网站建设规划书 2.1.2 相关知识 2.网站规划 规划是针对未来，在当前作出的决策。网站规划指的是在网站建设前根据网站建设的目的，通过市场分析、确定网站的功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规定。网站规划对网站的建设起到计划和指导的作用，对网站的内容和日后的改进提供方向。一个网站如果想获得成功，那么建站前的规划就起着极为重要的作用，这包括：必要的市场分析、明确网站建设的目的、网站的功能、规模、投入费用等。只有这样，才能避免在网站建设中的诸多问题及网站建设的失败。 2.1工作任务1：撰写网站建设规划书 2.1.2 相关知识 3.网站的设计 在网站设计中，网页设计的好坏，可以直接影响浏览者的情绪。人们对美的追求是不断深入的，网页设计同样如此，人们要求它在传达信息的同时也具有良好的视觉效果，达到形式和内容方面的统一。网页设计是网络通信技术、传播学、艺术和心理学等学科相结合的交叉学科，随着网络的日益普及而日益受到人们的重视。 2.1工作任务1：撰写网站建设规划书 2.1.2 相关知识 3.网站的设计 网站的CI形象设计 网站的总体结构设计 网站的版面设计 网站的色彩设计 网站导航设计 2.2 工作任务2：搭建JSP运行环境 2.2.1 任务描述与目标 1.任务描述 要想在浏览器中浏览基于JSP的动态网页，就要搭建JSP的运行环境，本节的工作任务是创建JSP动态网页开发环境，在浏览器中浏览第一个JSP动态网页。 2.2 工作任务2：搭建JSP运行环境 2.2.2 相关知识 1.JDK的下载与安装 2.Tomcat的下载与安装 2.3 工作任务3：应用网页编辑工具设计网页 2.3.1任务描述与目标 1.任务描述 本节的工作任务是应用Dreamweaver CS4设计教务管理网站首页。 2.3 工作任务3：应用网页编辑工具设计网页 2.3.2相关知识 1.Dreamweaver CS4工作区 2.3 工作任务3：应用网页编辑工具设计网页 2.3 工作任务3：应用网页编辑工具设计网页 2.3.2相关知识 2.创建站点 创建本地站点的步骤如下： 选择“站点”“新建站点 ”菜单，打开“站点定义 ”对话框 在“站点定义”对话框中，输入设置信息。 单击“确定”和“完成”以创建站点 2.3 工作任务3：应用网页编辑工具设计网页 2.3.2相关知识 3.创建和管理文件 （1）创建和打开文档。 DreamweaverCS4为处理各种 Web 文档提供了灵活的环境。除了 HTML 文档以外，还可以创建和打开各种基于文本的文档，如 ColdFusion 标记语言 (CFML)、ASP、JavaScript 和层叠样式表 (CSS)。还支持源代码文件，如 Visual Basic、.NET、C# 和