椤圭洰浜.ppt

中文版中文版Dreamweaver CS6 网网页制作案例教制作案例教程程江江苏大学出版社大学出版社项目二目二 网站的网站的规划与划与创建建制作制作“石市科干院石市科干院”网站网站规划划书并建立站并建立站点点任任务一一 制作网站制作网站规划划书任任务二二 制作网站制作网站栏目目结构构任任务三三 制作网站目制作网站目录结构构任任务四四 创建本地站点并管理建本地站点并管理任任务五五 利用利用“文件文件”面板面板创建文件建文件夹和网和网页文档文档项目分析目分析本本项目以目以“石市科干院石市科干院”网站网站为例，介例，介绍了了网站制作前期工作的相关知网站制作前期工作的相关知识，主要包括网，主要包括网站站规划划书的写作、网站的写作、网站栏目目结构构图的制作、的制作、网站目网站目录结构构图的的设计，以及，以及创建和管理站建和管理站点文件的相关知点文件的相关知识。任任务一一 制作网站制作网站规划划书任任务描述描述网站网站规划是指在网站建划是指在网站建设前前对市市场进行分析，行分析，确定建站目的和要确定建站目的和要实现的功能，并根据需要的功能，并根据需要对网站建网站建设中用到的技中用到的技术、网站内容、所需、网站内容、所需费用、用、网站网站测试和和维护等做出等做出详细的的规划。网站划。网站规划划对网站建网站建设起到起到计划和指划和指导作用，作用，对网站内容网站内容和和维护起到定位作用。起到定位作用。知知识讲解解网站网站规划划书的内容主要包括以下几点。的内容主要包括以下几点。1建建设网站前的市网站前的市场分析分析2建建设网站的目的及功能定位网站的目的及功能定位3网站技网站技术解决方案解决方案4网站内容网站内容规划划5网网页设计6网站网站维护7网站网站测试8网站网站发布与推广布与推广9网站建网站建设日程表日程表10费用明用明细1建建设网站前的市网站前的市场分析分析市市场分析主要包括以下几方面内容。分析主要包括以下几方面内容。（1）相关行）相关行业的市的市场是怎是怎样的，有什么的，有什么样的的特点，是否能特点，是否能够在互在互联网上开展公司网上开展公司业务。（2）市）市场主要主要竞争争对手分析，包括手分析，包括竞争争对手手上网情况及其网站上网情况及其网站规划、功能和作用。划、功能和作用。（3）公司自身条件分析，包括公司概况、市）公司自身条件分析，包括公司概况、市场优势、建、建设网站的能力（网站的能力（费用、技用、技术、人、人力等），以及可以利用网站提升哪些力等），以及可以利用网站提升哪些竞争力争力等。等。2建建设网站的目的及功能定位网站的目的及功能定位（1）明确建）明确建设网站的目的。网站的目的。（2）整合公司）整合公司资源，确定网站功能。源，确定网站功能。（3）根据网站功能，确定网站）根据网站功能，确定网站应达到的目达到的目的和作用。的和作用。（4）企）企业内部网（内部网（Intranet）的建）的建设情况和情况和网站的可网站的可扩展性。展性。3网站技网站技术解决方案解决方案根据网站的功能确定网站技根据网站的功能确定网站技术解决方案。解决方案。（1）采用自建服）采用自建服务器，器，还是租用虚是租用虚拟主机。主机。（2）选择操作系操作系统；分析投入成本、功能、；分析投入成本、功能、开开发、稳定性和安全性等。定性和安全性等。（3）采用系）采用系统性解决方案，性解决方案，还是自己开是自己开发。（4）网站安全性措施，如防黑、防病毒方案。）网站安全性措施，如防黑、防病毒方案。（5）相关程序开）相关程序开发。4网站内容网站内容规划划（1）根据建站目的和要）根据建站目的和要实现的功能的功能规划网划网站内容。站内容。（2）电子商子商务类网站要提供会网站要提供会员注册功能、注册功能、详细的商品服的商品服务信息、信息搜索信息、信息搜索查询、定、定单确确认、在、在线付款、个人信息保密措施以及相付款、个人信息保密措施以及相关帮助等。关帮助等。（3）如果网站）如果网站栏目比目比较多，多，则考考虑采用网采用网站站编程程专人人负责相关内容。相关内容。5网网页设计网网页设计包括美包括美术设计和技和技术设计两方面内两方面内容。容。（1）网）网页美美术设计。（2）网）网页技技术设计。（3）制定网）制定网页改版改版计划，如半年到一年划，如半年到一年时间进行一次行一次较大大规模的改版等。模的改版等。6网站网站维护网站网站维护主要包括下面几主要包括下面几项内容。内容。（1）服）服务器及相关器及相关软硬件的硬件的维护。（2）数据）数据库维护。（3）内容的）内容的实时更新、更新、调整等。整等。（4）制定相关网站）制定相关网站维护的的规定，将网站定，将网站维护制度化、制度化、规范化。范化。7网站网站测试为保保证网站网站发布后的正常布后的正常浏览和使用，网站和使用，网站发布前要布前要进行行细致周密的致周密的测试，主要，主要测试内内容包括下面几容包括下面几项：（1）服）服务器器稳定性、安全性；定性、安全性；（2）程序及数据）程序及数据库测试；（3）网）网页兼容性兼容性测试，如，如浏览器、器、显示器示器等；等；（4）需要的其他）需要的其他测试。8网站网站发布与推广布与推广（1）网站）网站发布后布后进行的公关、广告、宣行的公关、广告、宣传活活动。（2）论坛宣宣传、搜索引擎登、搜索引擎登录等。等。9网站建网站建设日程表日程表各各项规划任划任务的开始、的开始、结束束时间，负责人等。人等。10费用明用明细各各项事宜所需事宜所需费用清用清单。在在进行行规划划书的写作的写作时，要根据，要根据实际项目需目需求，求，进行适当修改成文，以便行适当修改成文，以便对网站建网站建设过程中的技程中的技术、内容、内容、费用、用、测试、维护等作等作出切出切实可行的可行的规划。划。任任务实施施制作制作“石市科干院石市科干院”网站网站规划划书在网站在网站规划划书写作要求的基写作要求的基础上，上，进行行“石石市科干院市科干院”网站网站规划划书的写作。的写作。1网站网站访问者分析（用者分析（用户分析）分析）2建建设网站的目的网站的目的3域名及空域名及空间的的选择4网站配色网站配色5网站的功能网站的功能6网站网站总体体栏目目设置置7网站安全网站安全8网站运网站运营维护任任务二二 制作网站制作网站栏目目结构构任任务描述描述在网站制作前期，利用在网站制作前期，利用word绘制好网站制好网站栏目目结构构图，可以，可以让网站开网站开发人人员在开在开发过程程中做到心中有数，有章可循。本任中做到心中有数，有章可循。本任务学学习网网站站栏目目结构构图的制作步的制作步骤。知知识讲解解内容是网站的核心，一个网站最重要的就是内容是网站的核心，一个网站最重要的就是内容，而内容怎内容，而内容怎样开展，很大程度上是由网开展，很大程度上是由网站站栏目目结构决定的。所以，网站构决定的。所以，网站栏目目结构构设计得好，才能得好，才能让整个网站内容整个网站内容围绕主主题去开去开展，提升网站与主展，提升网站与主题的符合度。的符合度。任任务实施施制作制作“石市科干院石市科干院”网站网站栏目目结构构本任本任务在在设计网站网站栏目目结构的基构的基础上，利用上，利用word 2007绘制制“石市科干院石市科干院”网站网站栏目目结构构图。经验技巧技巧如果制作的是大型网站，一般网站如果制作的是大型网站，一般网站结构也需构也需要有相要有相应的策划的策划书。并且每个并且每个栏目的策划目的策划书应该是格式是格式统一的。一的。第一，第一，栏目概述。目概述。第二，第二，栏目目详情。情。第三，相关第三，相关栏目。目。第四，参考网站。第四，参考网站。第五，附第五，附录。任任务三三 制作网站目制作网站目录结构构任任务描述描述本任本任务是制作石家庄市科技干部是制作石家庄市科技干部进修学院网修学院网站目站目录结构。一般来构。一般来讲，一个网站包含的文，一个网站包含的文件往往有很多，大型网站更是如此。如果将件往往有很多，大型网站更是如此。如果将这些文件些文件杂乱存放，容易造成两个后果。乱存放，容易造成两个后果。（1）文件管理混乱）文件管理混乱（2）上）上传速度慢速度慢知知识讲解解建立网站目建立网站目录结构，构，应遵循以下方法和建遵循以下方法和建议。1按按栏目内容建立子目目内容建立子目录2有些程序存放在特定目有些程序存放在特定目录下下3在每个主目在每个主目录下都建立独立的下都建立独立的images目目录4目目录的的层次不要太深次不要太深任任务实施施制作制作“石市科干院石市科干院”网站目网站目录结构构本本节根据基根据基础知知识中的内容，以及网站目中的内容，以及网站目录结构构图的分析的分析设计，制作，制作“石市科干院石市科干院”的的网站目网站目录结构。构。任任务四四 创建本地站点并管理建本地站点并管理任任务描述描述Dreamweaver CS6是一款是一款强大的所大的所见即所即所得网站制作工具，得网站制作工具，为了更好地在其中管理和了更好地在其中管理和操作网站内容，我操作网站内容，我们需要需要创建本地站点，从建本地站点，从而使本地文件与而使本地文件与Dreamweaver CS6之之间建建立立联系，系，让设计人人员可以通可以通过Dreamweaver CS6管理站点文件。管理站点文件。知知识讲解解在开始建立网站本地站点之前，先在开始建立网站本地站点之前，先简单了解了解一下其基本流程。一下其基本流程。任任务实施施为“石市科干院石市科干院”网网站站 创建本地建本地站点站点本本节通通过为“石市科干院石市科干院”网站网站创建本地站建本地站点，来巩固前面所学。点，来巩固前面所学。经验技巧技巧在在Dreamweaver CS6中，中，选择“站点站点/管管理站点理站点”菜菜单命令，将命令，将弹出出“管理站点管理站点”对话框。在框。在该对话框中可以非常方便地框中可以非常方便地执行新行新建、建、编辑、复制站点等操作。、复制站点等操作。任任务五五 利用利用“文件文件”面板面板创建文件建文件夹和网和网页文档文档任任务描述描述新新创建的站点一般是空的，网站制作的主要建的站点一般是空的，网站制作的主要任任务就是利用文字、就是利用文字、图片、超片、超链接等元素接等元素组成不同的成不同的页面，最面，最终形成一个网站。本任形成一个网站。本任务主要是主要是创建站点所需的文件建站点所需的文件夹（用于存放站（用于存放站点中的各种元素）和各个网点中的各种元素）和各个网页文档。文档。任任务实施施一、一、为“石市科干院石市科干院”网站网站创建文件建文件夹本本节利用利用“文件文件”面板面板创建建“石市科干院石市科干院”网站文件网站文件夹。二、二、为“石市科干院石市科干院”网站网站创建主建主页每个站点都有一个主每个站点都有一个主页，作，作为站点的起始站点的起始页面，它起到一个开面，它起到一个开门见山、山、总览全局的作用，全局的作用，其中包含其中包含进入各分支入各分支页面的面的链接。主接。主页一般一般命名命名为index.html，index.asp等。本等。本节介介绍在在“文件文件”面板中面板中创建网站主建网站主页的方法。的方法。经验技巧技巧如果要如果要进一步一步编辑文件或文件文件或文件夹，可在，可在“文文件件”面板中右面板中右击该文件或文件文件或文件夹，在，在弹出的出的快捷菜快捷菜单中中选择“编辑”命令，然后根据需命令，然后根据需要在要在级联菜菜单中中选择相相应的的“剪切剪切”“拷拷贝”“粘粘贴”“删除除”“复制复制”“重命名重命名”等等命令，以命令，以实现相相应操作。操作。谢谢观看！