《电子商务网站建设理论基础.ppt》由会员分享，可在线阅读，更多相关《电子商务网站建设理论基础.ppt（24页珍藏版）》请在三一办公上搜索。
1、电子商务网站建设理论基础,网站设计师,能独立完成网站规划；能独立完成网站设计；能独立完成网站制作；能够完成简单的函数代码插入htm页面的工作；能制作简单的动态网页效果。,在学习网站设计师相关内容时，希望大家能简单学习下面两种技能：平面设计师（photoshop）动画设计师（Flash MX 2004),网站主机建设方案,产权完整的主机方案：该方案由企业自己申请通信线路、IP地址、域名，自己购买和配置网站建设所需要的服务器及其他设备。服务器托管：指用户自己的web服务器等设备托付给提供服务器托管服务的专业internet（ISP），放在ISP的机房，利用ISP的专线连到internet的网站建设
2、方案。虚拟主机：是指用户租用ISP的web服务器空间，利用ISP提供的网站建设服务来建设企业自己的网站的方案。子域发布：是指用户在租用ISP的web服务器空间的同时，使用ISP提供的在ISP的二级或三级域名下再派生出的子域名进行网站建设方案。,网站基本知识,首页、主页和页面IP地址（4个由0-255之间的数字组成）查看自己的IP地址的方法（ipconfig）域名 URL(Uniform Resource Locator)Internet资源类型(scheme)：http:/ftp:/gopher:/服务器地址(host)端口(port)路径(path)Scheme:/host:port/pat
3、hhttp:/220.166.97.84:8080/user,网页界面欣赏,界面简洁明快，具有很好的易用性和方便的导向性，方便实用的功能美丰富的色彩变化和精巧的版式安排，产生了对该网站“时尚、新颖、高品质”的印象。,网站的整体风格,该网站的更新频率相当高，但“sony”的字样是不变的。标志的不变性和必然出现在最醒目的地方是商业网站的一个重要特征。主要风格：主题图象形象突出，反映了sony公司开拓进取、灵活多变的一贯风格。这种利用主题图形的技术在网站上越来越常见，通常一幅巨型的主题图形就是一则优秀的广告。导航清晰且栏目图标具有相应的内容提示。Sony公司利用javascript语言，当鼠标指针移
4、动到栏目上时，会弹出该栏目中包含的相应内容。具有强大的搜索引擎和快速网站导航。整体颜色和谐、界面过度平滑，该网站构思具有相当的艺术水准，令人注目。,Samsung和comdex公司的合作网站同样突出了公司标志，它们被安放在醒目的右下角。公司网站的主要栏目被设置在网页的中间，利用flash制作出动态的效果，当鼠标一靠近，相关的图片信息就会弹跳出来，这是该网站最具有特色的地方。在页面的左边，是公司产品相关的广告宣传片的链接。通过网站获取商业利益是公司的宗旨，因此用大幅面进行广告和宣传，成为各商业网站的一致做法。当点击网页的最小化后，会在显示器的右下角出现一个小的产品广告窗口。,整个页面用兰色作为基
5、调，再配以白色、灰色色块和色彩缤纷的插图，使得整个网页生动活跃，令人感到心情舒畅。在页面左边是树状的导航信息，这把网站的内容清晰明了地呈现在大家的面前，节省了浏览者进入其子页面的时间。,站点的设计紧扣主题充满时尚气息，用色鲜亮活泼，导航分类清晰，不时以手绘图案和文字穿插其中，使站点充满可爱和亲和力。,Maddenmedia公司致力于为美国的企业和商户架设网站及提供电子商务解决方案。站点用色淡雅朴素，页面简洁明了。导航条位于页面内容下方，之间用图片间隔。结构设计别具一格。,Surf洗涤服务公司的设计师将站点浏览过程模拟为衣物的洗涤过程。,Tko gear是美国的一个电子商务网站，在线销售服装、饰
6、物、背包、体育用具等各类生活用品。页面布局简洁清晰，导航条按钮的设计具有立体感，增加了页面的美观性。,网页界面的构成要素,文字图形页面版式色彩多媒体技术,文字,主体，传达信息的主要元素标题：醒目的位置，较大的字体，一般用图片形式文字信息：对文字的字体、字形、大小、颜色和编排进行精心设置文字链接：导航栏链接、分类信息主题链接,图形,主要的两种格式：JPG和GIF。标题：避免单调和枯燥背景：衬托主题，增加层次感主图：突出主题、表现主题链接按钮：直观、形象、增加活力,页面版式,同字型 厂字型 分栏型封面型Flash型,色彩,“标准色彩”是指能体现网站型象和延伸内涵的色彩。实例：IBM的深蓝色，肯德鸡
7、的红色条型 一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。一般来说，适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。,多媒体,音频：MIDI、WAV、MP3背景音乐，操作提示音等视频：mpg、avi、rm形象生动，较强的吸引力动画：fla“动静相宜”的效果,注意文件的大小,技术,浏览器：Internet Explorer,Netscape Communicator,Mosaic测试网页须使用不同的浏览器。传输速度：不要置入庞大的文件，
8、不要加入过多的多媒体文件 图形的使用最常见，而也是易造成传输速度缓慢的因素，如何使用图形呢？答案屏幕分辨率1024768 800X600 640X480颜色显示256色 3278色（32K）65536色（64K，16位增强色 1677万色（24位真彩色）32位真彩色,网站构建的一般流程,电子商务网站策划规划站点素材准备设计web页面布局向网页中添加内容手工编码动态网页设置测试站点上传站点,作业,请任选一商品主题，编写电子商务网站的策划方案。要求：1 网站的浏览对象；2 网站的整体风格和色彩；3 网站布局安排；4 网站内容纲要；5 网站站点规划。,使用图形的方法,在保证所需清晰度的情况下，尽量压缩图形文件的大小；采用分割图形的方法，将大的图形分割成若干小图，同时下载；尽量使用较少的颜色；除彩色照片和高色彩图外，尽量使用GIF格式；指定图形的外轮廓，浏览器将读取此页信息并给图形预留空间。返回,
