6网站策划与制作

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,网络编辑,*,网站策划与制作,主讲人：薛峰,网站策划,网站策划是指在开发,网站之前,对网站的一个,总的规划,，比如说网站的,可行性研究,，,网站的定位,，,网站的实现方式,，,网站的技术解决方案,等。,在开始制作网站之前，应该对网站进行规划，以便,后期的制作,按照规划,有序的完成,！,只有做足了网站开发的前期准备工作，在后期开发的过程中才会节约时间，得心应手！,注意：网站策划会一般都需要出具,网站策划书,。,01 十月 2024,网络编辑,2,网站策划书,网站策划书,就像电影或电视剧的,剧本,。,故事大纲,该网站的作用,章回目录,框架图,文学剧本,各模块的功能,分镜头脚本,各功能实现的技术,01 十月 2024,网络编辑,3,网站策划的内容,网站的可行性研究,网站的主题,（定位与建设目标）,网站的整体规划,网站的技术解决方案,网站的建设时间安排与人员分工,01 十月 2024,网络编辑,4,网站可行性研究,所开发的网站,是否具有价值,，,是否值得去开发,。,你的网站在目前的技术水平上，,是否能够顺利实现,。,你的网站与现有的同类网站相比较，,是否具有优势,。,01 十月 2024,网络编辑,5,网站的主题（定位与建设目标）,1,确定你,网站的名称,。,2,你的,网站的类型,：介绍型的，知识型的，科普型的，商业型的，政府型的。,3,你开发网站的目的，通过你的网站，你希望达到的,目标,。,4,你的网站,用户人群,，浏览者分析。（受众）,01 十月 2024,网络编辑,6,主题资源网站,主题资源网站,也称,主题学习网站,，是指那些针对,特定,的人群， 围绕,特定的学习主题,、,科研主题,、,学习素材类事物主题,， 完成,特定,信息的,搜索与提供,、,组织与发布,， 或者,提供互动学习平台,的网站。,主题学习网站是围绕,某一主题,进行,详细,而,深入,的资源建设， 利用网站组织学习者对该主题进行全面的学习，并使用其所提供的资源， 以培养学生的创新精神、实践能力、提高学生的信息素养为目标， 是师生广泛参与， 资源建设与教学实践相结合的研究项目。,01 十月 2024,网络编辑,7,网站的整体规划,内容规划,网站需要哪方面,材料,网站内容包括哪些,类型,网站信息采用哪些,表现方式,：文本、图片、视频、表格等,网站是否具有,独立维护内容,的能力,网站信息是否允许,下载和转载,01 十月 2024,网络编辑,8,网站的整体规划,内容规划,01 十月 2024,网络编辑,9,首页,灯谜辞海,射虎必备,灯谜总汇,开心吧,谜语探源,谜种大全,谜格解释,人物类,词语术语类,文学类,词语谜,成语谜,常用语,脑筋急转弯,测试,歇后语,网站的整体规划,功能规划,网站的功能分为,前台功能,和,后台功能,。,前台功能,是为,访问者服务,的，如注册、评论、留言、搜索等功能。,后台功能,是,供网站维护者使用多功能,，如发布功能、论坛、资源库等。,01 十月 2024,网络编辑,10,网站的整体规划,功能规划,对于一个大的教育网站或企业网站，后台的管理功能十分重要，因为它关系着网站的,更新与维护,，而实现后台管理功能,必须采用动态网页技术,，如,ASP,、,JSP,、,PHP,等；,对于一个简单的个人网站，功能比较简单，可以采用静态网页技术，,无须使用后台管理,。,01 十月 2024,网络编辑,11,网站的整体规划,设计风格规划,设计需求决定了网站前台的表现方式，主要包括：,网站采用哪种色系？,网站的风格是什么样的？,网站的页面深度有几级？,是否有,Flash,动画？,01 十月 2024,网络编辑,12,网站的技术解决方案,网站开发过程中需要使用的哪些,工具软件,？,如：,Photoshop,、,Flash,、,Dreamweaver,等。,网站在开发的过程中需要实现哪些,特殊效果,，以加强网站的功能与互动。,网站采用,何种技术,、系统具有的,安全性,、是否对,浏览器有要求,等。,01 十月 2024,网络编辑,13,网站的建设时间与人员分工,根据自己的实际情况合理安排网站开发的时间，包括：网站的策划时间、网站资料的收集时间、网页的制作时间、网站技术文档的写作时间。,根据小组内成员的构成，充分发挥小组各成员的特长，合理分工，确定小组内各自所负责的具体项目，最终顺利完成网站的开发。,01 十月 2024,网络编辑,14,网页制作的基础知识,网页与网站,网页,(web),是按照,特定的语言和格式,（如,HTML,语言）来描述其中内容的,纯文本文件,。通过网页浏览器的解析执行，可以将其中内容按照,约定,的方式展现给浏览者。,网站,(website),，它是指存放在互联网上，根据一定的,规则,、用于展示特定内容的,相关网页集合,。平时所说的访问某个站点，实际上访问的是该站点的网页。,01 十月 2024,网络编辑,15,网页制作的基础知识,组成网页的基本元素,（,1,）,文本,（,2,）,图像,（,3,）,超链接,（,4,）声音,（,5,）动画（,6,）视频（,7,）,表格,（,8,）,表单,（,9,）其它元素：,ActiveX,插件、,JavaScript,脚本,01 十月 2024,网络编辑,16,网页制作的基础知识,网页的分类,目前，网页主要分为静态网页和动态网页两种。,静态网页的,URL,以,.htm,、,.html,、,.shtml,等形式为后缀；,动态网页的,URL,以,.asp,、,.jsp,、,.php,等形式为后缀。,01 十月 2024,网络编辑,17,网页制作的基础知识,网页设计的原则,美观实用,美观：布局是否合理、色彩搭配是否和谐,实用：是否包括了访问者需要浏览的信息,访问速度快,过慢的访问速度会使网站损失大量的访问者,兼容性,不同的分辨率和浏览器都会导致相同的网页会产 生不同的显示效果。,01 十月 2024,网络编辑,18,网页制作的基础知识,常见的网页的布局,基本布局,左右布局,:,上下布局,:,“,川,”,字形布局,:,“,三,”,字形布局,:,混合布局,“,回,”,字型布局,:,“,匡,”,字形布局,:,“,凹,”,字型布局,:,01 十月 2024,网络编辑,19,网页制作的基础知识,其他布局方式,01 十月 2024,网络编辑,20,网页制作的基础知识,常见的网页的布局,封面型,页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。,其它布局,更多的网站并没有一定的规律，他们只是在排版布局中加入自己的各种想法。,01 十月 2024,网络编辑,21,网页制作的基础知识,网页的配色,网页中的,各种色彩,形成画面色彩总的趋向称为,色调,。色调给人的感觉与氛围，是影响网页配色效果的决定因素。网页配色的关键是把握以下四种色调。,主色调,页面色彩的,主要色调,、,总趋势,，其他配色不能超过该主要色调的视觉面积（白色背景可以根据页面的感觉需要而定）。,01 十月 2024,网络编辑,22,网页制作的基础知识,辅色调,仅次与主色调的视觉面积的辅助色，是,烘托,主色调、,支持,主色调、起到,融合,主色调的效果。,点睛色,在,小范围,内点上强烈的颜色来,突出,主题效果，使页面更加鲜明生动。,背景色,衬托环抱,整体的色调，协调、支配整体的作用。,01 十月 2024,网络编辑,23,网页制作的基础知识,网站制作的一般流程,一般而言，一个成熟的商业网站是不可能由一个人单独完成，而是由一个,团队,集体协作完成。所以，不同的人员只完成网页制作流程中的,一个环节,。只考虑网页的实际动工部分，主要包括以下三个环节。,（,1,）,网页平面效果图,的设计与制作。这一环节由,平面设计师,来做，完成后会将设计图,切割并导出成初步的网页,。主流工具：,Fireworks,、,Photoshop,01 十月 2024,网络编辑,24,网页制作的基础知识,（,2,）对初步的网页进行布局、排版与设计。这一环节由,网页设计师,来做。主流工具：,Dreamweaver,、,FrontPage,（如果设计图中有动画，,动画设计师,也要同步完成动画）,（,3,）,程序设计师,将做好的网页开发成动态网页。动态网页技术较多：,ASP,、,Java EE,、,ASP.NET,、,PHP,01 十月 2024,网络编辑,25,网页制作的基础知识,说明：以上,每一步,都是即独立、有关联的,系统课程,第（,1,）步：,平面设计与制作,第（,2,）步：,网页设计与制作,，,动画设计与制作,（可有可无）,第（,3,）步：,动态网站设计与制作,01 十月 2024,网络编辑,26,网页制作实例,01 十月 2024,网络编辑,27,