《网页设计》课件-1-2网页设计的流程_第1页
《网页设计》课件-1-2网页设计的流程_第2页
《网页设计》课件-1-2网页设计的流程_第3页
《网页设计》课件-1-2网页设计的流程_第4页
《网页设计》课件-1-2网页设计的流程_第5页
已阅读5页,还剩9页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页设计的流程目录◎前期策划组织◎网页的制作◎网页的测试01前期策划组织02网页制作03网页测试前期策划组织1首先要根据项目需求准确的定位,明确目标。同时要设定网站需要包含的模块,确定网页的主题和风格,规划好网站栏目并进而确定网站的色彩、网页版面布局。1.明确目标,规划网站栏目网页的配色要跟据项目的主题去确定色彩,要使用好颜色就要掌握颜色的感情和含义的。红色橙色黄色绿色蓝色紫色褐色黑色白色灰色2.网页配色前期策划组织1常用的几个网页的配色的方法。(1)需要考虑整体色系例如:用暖色系的配色方案,可以让网页呈现出温暖的感觉用冷色系的方案,就会让网页呈现出清凉、平静的感觉。2.网页配色前期策划组织1(2)底色与图形要协调使用图形作为页面的主要元素,加强底色与图形之间必须有明显的对比,这样可以突出页面内容,将图形的美感快速传递给访问者。2.网页配色前期策划组织1(3)善用色彩的调和使用近似色,让页面出现阶梯渐变的效果,这就是色彩的调和。这可以使网页避免色彩杂乱,达到页面和谐统一的效果。2.网页配色前期策划组织1(4)善用色彩的对比色彩对比是突出重点,产生强烈的视觉效果的一种常用方法。在进行色彩配色时,通过合理进行对比色的搭配使用,就可以轻易突出重点。2.网页配色前期策划组织1根据视觉流程,常见版式:水平分割、垂直分割、水平-垂直交叉分割等。3.网页的版式前期策划组织1网页的制作21.草图绘制例如:依据参考页面来绘制的网页的框架结构图网页的制作22.草图转化为网页将刚刚规划的网页,使用常用的网页编辑软件制作成网页。常用的网页编辑软件主要分为两个类型:纯文本编辑工具,例如记事本、Notepade++、HBuilder、eclipse等。所见即所得的网页编辑软件,例如Dreamweaver,同时要结合Photoshop图像处理软件来制作网页的背景、标题图片、按钮、动画等。网页的测试3

据浏览器的种类、客户端的要求以及网站的大小进行站点测试,通常是将站点移到一个模拟调试服务器上进行测试或编辑。检查链接功能是否可用。为了使页面对不支持的标签、样式、插件等在浏览器中能兼容

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论