6网站策划与制作.ppt

网页制作的基础知识 常见的网页的布局 封面型 页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。 其它布局 更多的网站并没有一定的规律，他们只是在排版布局中加入自己的各种想法。 * 网络编辑 * 网页制作的基础知识 网页的配色 网页中的各种色彩形成画面色彩总的趋向称为色调。色调给人的感觉与氛围，是影响网页配色效果的决定因素。网页配色的关键是把握以下四种色调。 主色调 页面色彩的主要色调、总趋势，其他配色不能超过该主要色调的视觉面积（白色背景可以根据页面的感觉需要而定）。 * 网络编辑 * 网页制作的基础知识 辅色调 仅次与主色调的视觉面积的辅助色，是烘托主色调、支持主色调、起到融合主色调的效果。 点睛色 在小范围内点上强烈的颜色来突出主题效果，使页面更加鲜明生动。 背景色 衬托环抱整体的色调，协调、支配整体的作用。 * 网络编辑 * 网页制作的基础知识 网站制作的一般流程 一般而言，一个成熟的商业网站是不可能由一个人单独完成，而是由一个团队集体协作完成。所以，不同的人员只完成网页制作流程中的一个环节。只考虑网页的实际动工部分，主要包括以下三个环节。 （1）网页平面效果图的设计与制作。这一环节由平面设计师来做，完成后会将设计图切割并导出成初步的网页。主流工具：Fireworks、Photoshop… * 网络编辑 * 网页制作的基础知识 （2）对初步的网页进行布局、排版与设计。这一环节由网页设计师来做。主流工具：Dreamweaver、FrontPage…（如果设计图中有动画，动画设计师也要同步完成动画） （3）程序设计师将做好的网页开发成动态网页。动态网页技术较多：ASP、Java EE、ASP.NET、PHP… * 网络编辑 * 网页制作的基础知识 说明：以上每一步都是即独立、有关联的系统课程 第（1）步：平面设计与制作 第（2）步：网页设计与制作，动画设计与制作（可有可无） 第（3）步：动态网站设计与制作 * 网络编辑 * 网页制作实例 * 网络编辑 * 因此，网站的布局也各有特色。在作这种网站时，哪里该放什么，哪里不该放什么，必须做到胸有成竹。否则就会乱掉，或者整个网站风格不统一。 * 网络编辑 网络编辑 网络编辑 网络编辑 网络编辑 网络编辑 网络编辑 网络编辑 网络编辑 网络编辑 网络编辑 网络编辑 网站策划与制作 主讲人：薛峰 网站策划 网站策划是指在开发网站之前对网站的一个总的规划，比如说网站的可行性研究，网站的定位，网站的实现方式，网站的技术解决方案等。 在开始制作网站之前，应该对网站进行规划，以便后期的制作按照规划有序的完成！ 只有做足了网站开发的前期准备工作，在后期开发的过程中才会节约时间，得心应手！ 注意：网站策划会一般都需要出具网站策划书。 * 网络编辑 * 网站策划书 网站策划书就像电影或电视剧的剧本。 故事大纲 该网站的作用 章回目录 框架图 文学剧本 各模块的功能 分镜头脚本 各功能实现的技术 * 网络编辑 * 网站策划的内容 网站的可行性研究 网站的主题（定位与建设目标） 网站的整体规划 网站的技术解决方案 网站的建设时间安排与人员分工 * 网络编辑 * 网站可行性研究 所开发的网站是否具有价值，是否值得去开发。 你的网站在目前的技术水平上，是否能够顺利实现。 你的网站与现有的同类网站相比较，是否具有优势。 * 网络编辑 * 网站的主题（定位与建设目标） 1 确定你网站的名称。 2 你的网站的类型：介绍型的，知识型的，科普型的，商业型的，政府型的。 3 你开发网站的目的，通过你的网站，你希望达到的目标。 4 你的网站用户人群，浏览者分析。（受众） * 网络编辑 * 主题资源网站 主题资源网站也称主题学习网站，是指那些针对特定的人群， 围绕特定的学习主题、科研主题、学习素材类事物主题， 完成特定信息的搜索与提供、组织与发布， 或者提供互动学习平台的网站。 主题学习网站是围绕某一主题进行详细而深入的资源建设， 利用网站组织学习者对该主题进行全面的学习，并使用其所提供的资源， 以培养学生的创新精神、实践能力、提高学生的信息素养为目标， 是师生广泛参与， 资源建设与教学实践相结合的研究项目。 * 网络编辑 * 网站的整体规划 内容规划 网站需要哪方面材料 网站内容包括哪些类型 网站信息采用哪些表现方式：文本、图片、视频、表格等 网站是否具有独立维护内容的能力 网站信息是否允许下载和转载 * 网络编辑 *