电子商务概论第2版）教学课件ppt作者杭俊编03-第三章电子商务中的视觉设计技术课件.ppt

LOGO 第三章电子商务中的视觉设计技术 经济管理学院 杭俊 第二篇 技术篇 Electronic Commerce Contents 第一节 Web网页设计技术基础 第二节 电子商务视觉设计基础 第三节 商品图片的拍摄与处理 Electronic Commerce Electronic Commerce 第四节 视觉设计中的图片处理 本章学习目标 1 了解Web页面的表现技术。 2 理解电子商务视觉设计基础。 3 熟知商品图片的拍摄与处理。 Electronic Commerce Electronic Commerce 本节主题 主题一： Web技术发展简史 第一节 Web网页设计 技术基础 主题二： Web技术概述 Electronic Commerce Electronic Commerce 主题一：Web网页设计技术基础 Electronic Commerce Electronic Commerce 一、Web技术发展简史 Web技术的发展经历了三个阶段：“静态网页”时代、“动态网页”时代和Web2.0时代。 1．“静态网页”时代 在“静态网页”时代，通过客户机端的Web浏览器，用户可以访问网络上各个Web站点，通过Web站点上的主页访问整个网站。 2．“动态网页”时代 为了克服静态网页的不足，人们将传统单机环境下的编程技术引入互联网络，并与Web技术相结合，从而形成新的网络编程技术。 3．Web2.0时代 简单地说，Web2.0不是一个具体的事物，而是一个阶段，是促成这个阶段的各种技术和相关的产品服务的一个称呼。 主题二： Web技术概述 1．Web技术的分工 （1）使用HTML与XHTML搭建网站的结构 网站内容间的关联通过HTML与XHTML组织起来的，相比较而言，XHTML更加严谨。 （2）使用CSS美化与布局网站 （3）使用脚本语言实现动态与交互效果 （4）使用数据库软件实现数据存储 Electronic Commerce 主题二： Web技术概述 2．Web设计中常用的软件 （1）Notepad++是一款由国内技术人员编写的开源的、小巧的、功能强大的文字处理软件，此软件可以称为Windows记事本的完美替代方案，而且很多功能可以自己定制。 （2）EditPlus是一款由韩国人编写的小巧但功能强大的文字处理软件，其所提供的功能和稳定性远远强于Windows提供的记事本，而且很多功能可以自己定制。 （3）Dreamweaver是Adobe公司出品的一款建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 （4）PhotoShop是Adobe公司出品的一款对数字图形编辑和创作的软件。Photoshop同时携带了一款可以制作GIF图片和对网页进行切图的软件ImageReady。 Electronic Commerce 主题二： Web技术概述 1. 动态网页技术 （1）网页的动态表现技术 GIF动画图片的出现是动态网页的雏形，虽然丰富了网页的表现形式，但终究只是一张活动的图，满足不了人们的交互需求。 1）Shockwave是一种用于动画和交互式展示的图形格式，由名为Director的程序所创建。 2）Java语言的应用 Java的应用有两种：Java应用程序与Java小程序（Java Applet）。 3）脚本语言的使用 脚本是用来运行在客户端，实现Web浏览器的时间驱动功能的。 （2）网页的动态内容技术 表现永远是手段，而内容才是本质。实现动态网页的根本还是在内容上实现动态访问。 Electronic Commerce 本节主题 主题一：色彩 第二节电子商务视 觉设计基础 主题二：文字 Electronic Commerce Electronic Commerce 主题一：色彩 1．关于色彩 （1）色彩 在电子商务的视觉设计中，人们对色彩的喜好偏差往往对他们的消费体验起着非常关键的作用。 （2）色相环 色相环的作用是告诉我们颜色之间的相互关联。 2．色彩与情感 红色 血气、热情、主动、节庆、愤怒 橙色 欢乐、信任、活力、新鲜 黄色 温暖、快乐、希望、智慧 绿色 健康、生命、和平、宁静 蓝色 可靠、力量、冷静、清爽、专业 紫色 神秘、高尚、优雅 黑色 深沉、黑暗 白色 朴素、纯洁、清爽、干净 灰色 冷静、中立 Electronic Commerce 主题一：色彩 1．色彩在设计