工作任务超越时空网上书城网站的设计.ppt
工作任务4“超越时空网上书城”网站的设计,【任务描述】本项任务的目的是完成“超越时空网上书城”网站的整体设计。,子任务1：网站内容设计的原则【子任务描述】本项任务的目的是确定“超越时空网上书城”网站建设所遵循的基本原则。通过本项任务使学生了解电子商务网站建设所采用的基本原则，并可以在实际工作中自觉运用这种原则，进行电子商务网站的整体设计。,【工作过程】网站的设计原则是我们在整个网站的设计开发过程中必须始终遵循的准则，本网站在内容设计上主要遵循以下几个原则：一致性原则 易用性原则 高效性原则 宣传完整性原则 可扩展性原则 安全、稳定性原则 可移植性、可延续性原则 访问统计性强的原则,【相关知识】电子商务网站内容设计的基本原则：（1）信息内容要新颖、准确、精练、专业、有特色（2）快速安全的访问（3）提供交互性，方便用户的访问和购买,子任务2：确定企业Web站点的内容和功能【子任务描述】本项任务的目的是确定“超越时空网上书城”网站的静态内容和动态内容。通过本项任务的学习使学生了解电子商务网站建设中静态内容与动态内容的设计方法，具备为企业构建电子商务网站内容的能力。,【工作过程】“超越时空网上书城”网站的内容可分为静态内容和动态内容两类：“超越时空网上书城”网站静态内容包括：集团介绍、付款方式、配送方式、售后服务等。“超越时空网上书城”网站动态内容包括：图书搜索、购物车、新闻动态、新品上架、特价图书、我的账户等。,【相关知识】1网站的静态内容、动态内容 所谓网站的静态内容是指一些相对不变、更改频率不高的信息。动态内容则是需要频繁更新的数据，动态页面由数据库和相应的应用程序构成。,2企业Web站点应该包括的内容 企业的背景介绍。详细的产品资料或服务介绍。技术支持信息。企业营销网络。财务报告。收集客户的反馈。辅助信息。增值服务。,子任务3：网站内容的结构设计【子任务描述】本项任务的目的是确立“超越时空网上书城”网站的目录结构、链接结构及导航结构。通过本项任务使学生了解电子商务网站建设中目录结构、链接结构及导航结构的设计方法，具备电子商务网站建设相关能力。,【工作过程】1确立网站目录结构 2确立网站链接结构 3确立网站导航结构,【相关知识】1电子商务网站目录结构的设计应考虑的因素（1）不要将所有文件都存在根目录下（2）按栏目内容建立子目录（3）在每个主目录下都建立独立的Images目录（4）目录的层次不要太深（5）其他注意事项,2网站的链接结构有两种基本方式（1）树状链接结构（一对一）（2）星状链接结构（一对多）3网站中常用的导航有以下几种（1）导航栏（2）下拉菜单式导航（3）用分类列表导航（4）用图像或小动画来导航,子任务4：网站的整体风格和创意【子任务描述】明确“超越时空网上书城”网站的整体风格和创意。【工作过程】1网站的标志（Logo）2网站的标准色 3网站的标准字体,【相关知识】1网站整体风格设计（1）网站的主题风格（2）网站的装饰风格 2网站创意的产生,子任务5：网站的页面设计【子任务描述】本项任务的目的是对“超越时空网上书城”网站进行页面设计，其中包括：页面版面布局、色彩、网页图片、文字等的设计。通过本项任务也使学生了解并掌握电子商务网站建设页面设计的方法，具备为企业电子商务网站进行页面设计的能力。,【工作过程】1页面版面布局 2页面色彩 3网页图片设计 4文字的设计,【相关知识】1页面设计原则（1）网页命名要简洁有规律（2）确保页面的导览性好（3）主页设计要一目了然（4）网页要易读（5）合理设计视觉效果（6）正常、快速的页面下载,2页面的视觉体现（1）网页的视觉构成 视觉流程。对点、线、面的认识。（2）网页的视觉传达设计,3网页版面布局的设计（1）页面版式设计的基本步骤（2）常见的版面布局形式“T”结构布局“口”型布局“三”型布局 对称对比布局 POP布局,（3）在版面布局过程中遵循的基本原则与技巧 下面是在进行网页版面布局设计时要遵循的一些原则：正常平衡。异常平衡。对比。空白。尽量用图片解说。,4网页色彩的设计（1）色彩的相关知识（2）非彩色与彩色的应用（3）网页色彩搭配的原则（4）色彩搭配要注意的问题,5网页图片和文字的设计（1）网页中的图片（2）文字的设计 6网站首页的设计（1）首页的类型（2）首页的功能模块（3）设计首页的版面,7其他页面的设计规划（1）规划其他页面的原则（2）产品页面的制作（3）新闻页面的设计,产品页面的制作,【任务回顾】本任务详细介绍了电子商务网站内容设计的主要内容与制作方法。电子商务网站内容设计包括网站内容设计的原则、主要内容和功能以及内容设计的流程；电子商务网站内容的结构设计包括目录结构、链接结构、导航设计；网站风格、形象和创意的设计是网站内容设计的重要组成部分；首页与其他页面的制作都使用了大量的设计技巧和制作方法。通过“超越时空网上书城”网站的设计，展示一个电子商务网站设计的全过程。,
