中文版Dreamweaver网页制作案例教程[2021版]项目二网站规划与站点创建.pptxVIP

;;;在实际制作网页之前，有两项非常重要的准备工作——网站规划与创建站点。

网站规划能够帮助开发人员快速明确网站的目标、功能、内容等，从而保证开发工作顺利进行。

创建站点能够为开发人员提供一个集中保存网站各类文件和资源的物理位置，以便后续制作网页时组织和管理网站的文件和资源等。

本项目将介绍网站规划的基础知识、Dreamweaver2021的基本操作，以及制作网站规划书、使用Dreamweaver2021创建并管理站点与文件的方法。;;;网站规划是网页制作的必要准备工作之一，也是网站开发工作的第一步。本任务首先介绍网站规划的主要任务与网站规划书的内容，然后通过制作一份“科技学院”网站规划书来帮助学生深入理解相关知识在实际中的运用。;;全班学生以3～5人为一组，各组选出小组长，小组长组织组内成员扫码观看视频“常见的网站类型”，讨论并回答以下问题。;网站规划是指在建立网站之前，对网站的目标、受众、内容、功能、设计、技术实现、推广等进行全面策划和安排的过程。

这一过程旨在确保开发的网站能够满足客户的需求，实现网站的预期目标，并为网站的长期发展提供指导。网站规划的主要任务包括以下几个方面。;一、网站规划的主要任务;一、网站规划的主要任务;二、网站规划书;市场分析的内容主要包括网站的行业动向、竞争对手、目标市场和潜在用户需求等。;技术解决方案主要包括网站开发所使用的前后端语言、服务器、数据库管理软件等。;风险评估和应对策略。风险评估主要包括识别技术故障、市场变化、竞争压力等问题，进而评估这些问题带来的影响，以制订相应的策略来尽量规避风险。;项目时间表主要是将整个项目划分为不同的阶段（如规划、设计、开发、测试、上线等），再预估每个阶段所需的时间，形成进度跟踪依据，确保各阶段任务按时完成。;课堂小结;按照本节课的内容，做一份关于本校的网站规划表。;;本任务实施从公益网站的角度制作“科技学院”网站的网站规划书。;;Dreamweaver2021是应用广泛的网页开发工具之一，具有可视化编辑、代码提示等特点，非常适合初学者使用。本任务首先介绍Dreamweaver2021的工作界面、首选项设置、站点与文件的创建与管理等，然后通过创建“科技学院”网站站点使学生练习Dreamweaver2021的基础操作。;;全班学生以3～5人为一组，各组选出小组长，小组长组织组内成员扫码观看视频“Dreamweaver2021的特点”，讨论并回答以下问题。;安装Dreamweaver2021后将其启动，即可进入其工作界面，如图所示。;（1）首次启动Dreamweaver2021时会显示一个快速入门菜单，帮助用户进行简单的个性化设置，如修改主题颜色等。

（2）在Dreamweaver2021中，网页文件均以文档的形式呈现。为了便于讲解，此处在Dreamweaver2021中创建了一个HTML5文档。创建HTML5文档的操作方法为，按“Ctrl+N”组合键，在打开的对话框中单击“创建”按钮。;通过左图可以看出，Dreamweaver2021的工作界面比较简洁，主要由应用程序栏、工具栏、文档标签栏、文档工具栏和状态栏等组成。;一、Dreamweaver2021的工作界面1.应用程序栏;一、Dreamweaver2021的工作界面2.工具栏;一、Dreamweaver2021的工作界面3.文档标签栏;一、Dreamweaver2021的工作界面4.文档工具栏;（2）设计。单击文档工具栏最右侧的下拉按钮，在展开的下拉列表中选择“设计”选项，文档窗口中会显示设计视图，其中显示的网页效果类似于在浏览器中看到的网页效果。用户可以在该视图中直接编辑网页中的各个对象，并且在对网页进行操作之后，文档中的相关代码会自动更新。;（4）拆分。拆分视图有两种模式，分别为“代码+设计”与“代码+实时视图”，可以在“查看”菜单中切换这两种拆分视图。在这两种拆分视图中，文档窗口会被拆分为两个区域，同时显示代码视图与设计视图（或实时视图）。这样当用户在代码区域编辑源代码后，单击另一区域的任意位置，会立刻看到相应的网页效果。;状态栏主要显示当前文档的一些基本信息，如图所示。;“插入”面板包含用于插入对象（如表格、图像等）的按钮，在设计视图或代码视图中确定添加元素的位置后单击某个按钮可插入对应的元素。;“插入”面板中默认显示“HTML”类别，如要显示其他类别对象的按钮，可以单击类别下拉按钮，在展开的下拉列表中选择其他类别，如图所示。;默认情况下，“插入”面板与“文件”面板、“CSS设计器”面板位于同个面板组中，通过单击面板组上方的标签可以切换面板组中显示的面板。;“文件”面板会显示站点