教学网站设计与制作教程 第四周 主讲：黄光芳 Email:hgfang2008@163.com TEL:13824848702
第二章网站设计制作的基本流程 ——网页设计与制作课程讲义
网站需求分析 网站整体风格、地位 网站内容组织 利用图像软件设计效果图 利用网页编辑软件制作网页 网页设计与制作教程 网页制作与网站设计教程 本章要点 网站需求分析 网站整体风格、地位 网站内容组织 利用图像软件设计效果图 利用网页编辑软件制作网页
图2-1 网站的制作流程 网页制作与网站设计教程 网页设计与制作教程 前期策划和内容组织 总体规 划 总体设 计 网站完 善 发布测 试 网站维 护 图2-1 网站的制作流程
要进行网站的整体设计，用户分析是第一步。众所周知，进行任务和用户分析，以及相关调研的必要性和重要性。 网页制作与网站设计教程 网页设计与制作教程 前期策划和内容组织:网站需求分析 要进行网站的整体设计，用户分析是第一步。众所周知，进行任务和用户分析，以及相关调研的必要性和重要性。 站点定义 客户调查 创意 团队计划 预算 定义站点目标 制作者 设计师 程序员 图2-2 基本流程
如图2-3所示的网页能够让用户轻易地辨别出这分明是一个服饰类型的网页。 网页制作与网站设计教程 网页设计与制作教程 前期策划和内容组织:网站整体风格地位 如图2-3所示的网页能够让用户轻易地辨别出这分明是一个服饰类型的网页。 图2-3 基本流程
1. 规划草图。 图2-4某商业网站草图 网页制作与网站设计教程 网页设计与制作教程 前期策划和内容组织:网站内容组织 Logo标志 Banner动画广告 导航栏 产品介绍 企业荣誉 企业简介 版权信息 图2-4某商业网站草图
3.规划站点结构 。 图2-7 建立站点的结构 网页制作与网站设计教程 网页设计与制作教程 前期策划和内容组织:网站内容组织 建立站点结构 建立站点拓扑结构 熟悉站点结构 熟悉站点技术 创建导航菜单 定义站点结构 音视频 数据库 程序 内容收集 内容编辑 图2-7 建立站点的结构
一件优秀的网页作品是创意和技术的完美结合。 网页设计与制作教程 网页制作与网站设计教程 网站页面的设计制作 1.寻找网页的创意 一件优秀的网页作品是创意和技术的完美结合。
案例:三星的网站通过flash以及音视频技术将他们的企业文化、企业精神、产品展示的淋漓尽致 。 网页设计与制作教程 网页制作与网站设计教程 网站页面的设计制作 1.寻找网页的创意 案例:三星的网站通过flash以及音视频技术将他们的企业文化、企业精神、产品展示的淋漓尽致 。
创意人员、设计（美术）人员和程序员要密切合作，按照Web标准对待设计元素。 网页制作与网站设计教程 网页设计与制作教程 网站页面的设计制作 2. 用图像软件设计效果图 创意人员、设计（美术）人员和程序员要密切合作，按照Web标准对待设计元素。 界面设计和制作 可视化设计 艺术设计 创建图片 HTML实现 准备创建 程序脚本 图2-11 设计制作过程
2. 用图像软件设计效果图 1. 图像设计 2. 图像制作 3.优化图形 4.切片规划 5.输出网页 6.最后调整 通过实例演示过程 网页制作与网站设计教程 网页设计与制作教程 网站页面的设计制作 2. 用图像软件设计效果图 1. 图像设计 2. 图像制作 3.优化图形 4.切片规划 5.输出网页 6.最后调整 通过实例演示过程
3.利用网页编辑软件制作网页 技术制作 网页制作与网站设计教程 网页设计与制作教程 网站页面的设计制作 技术实现 后台程序 HTML编辑 网页测试 CGI ASP JSP Javascipt ASP.NET PHP XML 浏览器 压力测试 链接测试 技术制作
网页制作与网站设计教程 网页设计与制作教程 网站页面的设计制作 4.利用网页动画软件制作动画 Flash在业界无疑已经成为一股不容忽视的力量，由它创建的网页动画产生的梦幻效果与原来的简单Gif动画不可同日而语，在其他领域比如多媒体开发等，Flash也得到了日益广泛的应用。学习和使用Flash的用户正在以极大的速度增长，因为谁也不能抗拒如此具有魅力的视觉冲击，而且只要花并不多的时间和精力，就可以迅速创建Flash动画，这些都是Flash迅速流行的原因。
简答题 浅谈对网站的需求分析、网站风格的理解。 网站在内容组织上分为那几步？ 规划站点结构时应该注意那些问题？ 网页设计与制作教程 网页制作与网站设计教程 习题 简答题 浅谈对网站的需求分析、网站风格的理解。 网站在内容组织上分为那几步？ 规划站点结构时应该注意那些问题？ 网站页面的设计制作分为那几个过程？ 操作题 试画出网站的制作流程的草图。 试画出网站前期的基本流程的草图。 试画出你得个人网站规划草图。
网站需求分析 网站整体风格、地位 网站内容组织 利用图像软件设计效果图 利用网页编辑软件制作网页 网页设计与制作教程 网页制作与网站设计教程 本章总结 网站需求分析 网站整体风格、地位 网站内容组织 利用图像软件设计效果图 利用网页编辑软件制作网页
网页制作与网站设计教程 网页设计与制作教程 谢谢大家！