项目任务1.2 熟悉网站建设的整体流程.ppt

网站设计与网页制作 子项目1 网站建设基础知识与整体流程 项目任务1.2 熟悉网站建设的整体流程 课程内容 了解网站建设基础知识 熟悉网站建设的整体流程 ★ 项目分析 网站建设是一个系统工程，有一定的基本流程，必须遵循该设计步骤，才能设计出满意的网站。因此在建设网站之前，必须了解整个网站建设的基本流程，才能制作出更好、更合理的网站。 ★ 技能要求 （1）了解熟悉网站建设整体流程的重要性。 （2）掌握网站建设流程的基本内容。 ★ 项目展示  ★ 任务实施 一、网站前期策划 1．定位网站的主题 网站的名称很重要，它是网站主题的概括和浓缩，决定着网站是否更容易被人接受。 2．收集整理资料 在做网页之前，要尽可能多地收集与网站主题相关的素材（文字、图像、多媒体等），再去芜存菁，取其精华为我所用。 网站的名称应该简短、有特色、容易记，最重要的，它应该能够很好地概括你的网站主题。 ★ 任务实施 一、网站前期策划 3．设计规划网站结构图（网站导航设计） 网站结构图设计也就是网站栏目功能规划，即确定网站要展示的相关内容，把要展现在网站上的信息体现出来。 ★ 任务实施 一、网站前期策划 4．设计网站形象 i. 网站的标志（Logo） ii. 网站的色彩搭配 iii.网站的标准字体 iv.网站的宣传标语 5．设计网页布局（版式风格） 网页的布局最能够体现网站设计者的构思，良好的网页布局能使访问者身心愉悦，而布局不佳的页面则可能使访问者失去继续浏览的兴趣而匆匆离去。所以，网页布局也是网站设计中的关键因素。 ★ 任务实施 二、制作裁切网站设计稿 首页设计的方法是：先在纸上画出首页页面布局图，再利用图片处理软件Photoshop设计制作首页整体效果图。其他页面的设计和首页风格保持一致，页面设计美观，要有返回首页的链接等。 网页的效果图设计完之后，要把整图裁切成小块，加快网页下载速度。 ★ 任务实施 三、规划与建立站点 设置站点的常规做法是在本地磁盘上创建一个包含站点所有文件的文件夹（站点根文件夹），称为本地站点。然后在该文件夹中再创建若干个文件夹，分别命名为images、media、styles等。再将各个文件分门别类地放到不同的文件夹下，这样可以使整个站点结构看起来条理清晰，井然有序，使人们通过浏览站点的结构，就可知道该站点大概内容。 ★ 任务实施 四、实现网页结构 使用HTML实现网页布局，思考哪些对象要以网页内容的形式使用HTML代码来实现，内容和格式的要分离。 五、使用CSS样式美化首页 可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制，可以调整字间距、行间距、取消链接的下划线、固定背景图像等HTML标记无法表现的效果。 ★ 任务实施 六、创建并应用网页模板 模板的功能就是把网页布局和内容分离，在布局设计好之后将其存储为模板，这样相同布局的页面可以通过模板创建。对模板修改更新时，所有采用了该模板的网页文档的固定区域都能同步更新，从而达到整个站点风格变化的迅速性和统一性。 ★ 任务实施 七、测试与发布网站 网站创建完毕，要发布到Web服务器上，才能够让全世界的人浏览。在上传之前要进行细致周密的测试，以保证上传之后访问者能正常浏览和使用。 八、更新与维护网站 一个好的网站，不仅仅是一次性制作完美就完成了，日后的更新维护也是极其重要的。网站只有不断地更新、管理和维护，才能留住已有的访问者并且吸引新的访问者。 对于任何一个网站来说，如果要始终保持对访问者足够的吸引力，定期进行内容的更新是唯一的途径。 ★ 任务实施 九、网站项目总结 网站建设在达到目标后，需要进行项目总结，对项目的成功、效果及取得的教训进行的分析、连同这些信息的存档以备将来利用。 项目总结的目的和意义在于总结经验教训、防止犯同样的错误、评估项目团队、为绩效考核积累数据以及考察是否达到阶段性目标等。 ★ 归纳总结 要想制作一个好的网站一定不能随心所欲，要有明确的设计思路。对于网页设计者来说，在动手制作网页之前，应对网页设计的整体工作流程有一个清晰的认识，即站点主题要明确，网页素材准备要充分，站点内容和目录结构要规划好，要本着由面到点、由宏观到细节的原则进行设计。 ★ 项目完善 个人阶段汇报1_与主题相关的网站分析 请根据自己的主题挑选一个网站，分别从：主题、色彩搭配、网页布局图（首页+子页，共两张网