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

《Web应用技术 教学课件 作者 芦欣 第2章 网站规划与设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第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.网站设计的总体流程①前期信息收集：收集待建设网站的关键信息，包括站点的目标受众、

2、要发布的主要内容等。②概念开发：设计人员根据已收集到的信息，开始构思。通常，网站设计师以草图的形式呈现，其中包含整个网站的结构，不同的布局设计及导航等。③内容整合：利用各种技术将不同的媒体素材(HTML、CSS、JavaScript、JAVA、．NET、FLASH等)，按照网站的目标有机地整合在一起。2.1工作任务1：撰写网站建设规划书2.1.2相关知识1.网站设计的总体流程④网页制作：设计稿通过以后开始进行页面模板的制作;模板制作完成后，开始进行页面的制作;在制作工程中要注意垃圾原码，一发现就立即清理;页面制作完毕后，开始进行后台程序的编制。⑤网站测试：在

3、站点被正式发布之前，测试人员要完整测试整个网站，尽量减少站点中包含的错误，并在修改后进行必要的回归测试。⑥交付：一旦测试完成，就可以正式启用该网站。这标志着网站正式进入运行阶段，当然网站的完善还需要持续地做下去。2.1工作任务1：撰写网站建设规划书2.1.2相关知识2.网站规划规划是针对未来，在当前作出的决策。网站规划指的是在网站建设前根据网站建设的目的，通过市场分析、确定网站的功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规定。网站规划对网站的建设起到计划和指导的作用，对网站的内容和日后的改进提供方向。一个网站如果想获得成功，那么建站前的

4、规划就起着极为重要的作用，这包括：必要的市场分析、明确网站建设的目的、网站的功能、规模、投入费用等。只有这样，才能避免在网站建设中的诸多问题及网站建设的失败。2.1工作任务1：撰写网站建设规划书2.1.2相关知识3.网站的设计在网站设计中，网页设计的好坏，可以直接影响浏览者的情绪。人们对美的追求是不断深入的，网页设计同样如此，人们要求它在传达信息的同时也具有良好的视觉效果，达到形式和内容方面的统一。网页设计是网络通信技术、传播学、艺术和心理学等学科相结合的交叉学科，随着网络的日益普及而日益受到人们的重视。2.1工作任务1：撰写网站建设规划书2.1.2相关知识

5、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.任务描述本节的工作任务是应用DreamweaverCS4设计教务管理网站首页。2.

6、3工作任务3：应用网页编辑工具设计网页2.3.2相关知识1.DreamweaverCS4工作区2.3工作任务3：应用网页编辑工具设计网页2.3工作任务3：应用网页编辑工具设计网页2.3.2相关知识2.创建站点创建本地站点的步骤如下：选择“站点”>“新建站点”菜单，打开“站点定义”对话框在“站点定义”对话框中，输入设置信息。单击“确定”和“完成”以创建站点2.3工作任务3：应用网页编辑工具设计网页2.3.2相关知识3.创建和管理文件（1）创建和打开文档。DreamweaverCS4为处理各种Web文档提供了灵活的环境。除了HTML文档以外，还可以创建和打开各种

7、基于文本的文档，如ColdFusion标记语言(CFML)、ASP、JavaScript和层叠样式表(CSS)。还支持源代码文件，如VisualBasic、.NET、C#和Java。2.3工作任务3：应用网页编辑工具设计网页2.3.2相关知识3.创建和管理文件（2）创建基于Dreamweaver示例文件创建基于示例文件的文档的步骤：选择“文件”>“新建”。打开“新建文档”对话框。在“新建文档”对话框中，选择“示例中的页”类别。单击“创建”按钮。将在“文档”窗口（“代码”和“设计”视图）中打开基于示例的新文档。2.3工作任务3：应用网页编辑工具设计网页2.3.

8、2相关知识3.创建和管理文件（3）保存文档保存文档执