网站制作流程概要.pptx

网络技术部网站培训之网站的制作流程 网站的制作流程 网站整体制作流程 前期策划 用户需求 收集素材（素材） 美工设计（前端） 页面细化及实施 页面分析制作 后期制作及维护 程序开发（后台） 规划站点 网站的制作流程 一、前期策划 网站的前期策划对于网站的运作至关重要，规划一个网站时可以用树状结构先把每个页面的内容大纲列出来。尤其是在要制作一个很大的网站的情况下，特被需要规划好，还要考虑到以后的扩展性，以免制作好后再更改整个网站的结构。 明确建设网站的目标和用户需求 收集素材 规划站点 网页设计总体方案主题鲜明 导向清晰 快速的下载时间 网站测试和改进 内容更新 ?明确建设网站的目标和用户需求 建设网站必须要有明确地目标。要明确网页使用的语言与页面所要体现出来的站点主题，运用一切手段充分表现出网站的特点和个性，这样才能给访问者留下深刻印象。 ?收集素材 明确了网站的主题之后，就要围绕主题收集素材。如果想要使网站效果栩栩如生，能够吸引更多的访问者，就要收集精美的素材，包括图像、文字、音频、视频及动画等。 ?规划站点 一个网站设计得成功与否，很大程度上取决于设计者的规划水平。网站的规划包括很多内容，例如网站的结构、颜色的搭配、版面的布局、文字及图像的运用等。只有在制作网页之前对这些方面考虑全面，制作出的网页才能够具有特点和吸引力。 ?网页设计总体方案主题鲜明 在明确的基础上，完成网站的构思创意，即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。 ?导向清晰 网页设计中的导航使用文本超链接或图像超链接，使浏览者能够在网站中自由前进或后退，而不会让他们使用浏览器上的“前进”或“后退”按钮。在所有的图像上使用“ALT”标识符注明图像名称或解释，以便那些不愿意自动加载图像的浏览者能够了解图像的含义。 ?快速的下载时间 进入网站时等待的时间过长，会使浏览者对网站失去兴趣，在互联网上30秒的等待时间与我们平常十分钟的等待时间感觉相同。因此，建议在网页设计中尽量避免使用过多的图像及体积过大的图像，将主要页面的容量控制在50KB以内，平均30KB左右，确保普通浏览者页面等待时间不超过10秒。 ?网站测试和改进 网站测试实际上是模拟用户访问网站的过程，以便发现问题并改进网站设计。 ?内容更新 网站建立完成后，需要不断更新网页内容。站点信息的不断更新，可以让浏览者有新鲜感，保持网站对浏览者的吸引力。 网站的制作流程 二、页面细化及实施 网页设计制作是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂的顺序来进行。所谓的先大后小，就是说在制作网页时，先把大的结构设计好，再把小的部分逐渐完善设计出来。所谓先简单后复杂，就是说先设计出简单的内容，然后再将复杂的内容设计出来并完善，这样方便在出现问题时进行修改。如果有一个好的网站策划与分工，后台程序可以和美工设计同时开始。 1、网页美工设计 2、静态页面的制作 3、观察 4、拆分 5、组装 1、网页美工设计 美工设计人员应该在网站策划阶段就与客户充分接触，了解客户对网站设计的需求，以便在设计过程中有一个基调，从而提高设计稿的被认可率。 美工首先要对网站有一个整体的定位，然后根据此定位分别做出首页、二级栏目及内容页的设计稿。 一般要设计1~3套不同风格的设计稿由客户谈论，再按需求设计出页面的设计图。 2、静态页面的制作 美工在设计好各个页面的效果图后，就需要制作成HTML页面，以供后台人员讲程序整合。 3、观察 首先要对设计图页面的布局、配色有一个整体的认识，而在对设计图有一个初步的了解之后，就会对如何在HTML页面里面布局有了规划，根据规划对设计图进行分割输出，以免匆匆切分后又发现在HTML里面无法实现或者效果不好而返工。 4、拆分 当对于如何拆分设计图和组成HTML页面有了规划后，就可以将图纸拆分成需要的“素材”以便在“组装”页面时使用，一般要从设计图中拆分提取的内容有以下几点： ①分离颜色。其中包括3部分颜色：页面主辅颜色搭配和基本配色、普通超链接的配色和导航栏超链接的配色。 ②提取尺寸。按照设计图的尺寸来搭建网页。 ③分离背景图像及特殊边框。背景图可以是大面积重复的图案，也可以是一张图像，一般和内容没有关系的装饰性图像都可以考虑制作成背景图。边框的使用方法和背景图像类似，不过根据情况往往需要单独输出。 ④分离图像。与内容相关的图像同样需要单独输出。 5、组装 组装就是把分离出来的元素，按照一定的方法组合成与设计图效果类似的页面。使用CSS布局方式制作网页一般分为：构建层结构、插入内容、样式表美化、细节处理、优化样式表、程序开发。 程序开发人员可以先行开发功能模块，然后再整合到HTML页面