电子商务网站建设 (理论部分).

Slides:



Advertisements
Similar presentations
高中新课程思想政治(必 修 1 、 2 )的教学体会 北京师大二附中 李文燕 2008 年西城新课程教师培训的讲稿.
Advertisements

共建多媒体优质资源 提高图书馆教学服务 新东方多媒体学习库 创新 实用 互动 权威的学习平台. 图书馆资源收藏类型 图书馆的服务任务 多媒体资源市场现状及未来发展方向 新东方集团介绍 新东方在线介绍 新东方多媒体学习库之市场背景 新东方多媒体学习库介绍 新东方多媒体学习库优势 新东方多媒体学习库用户调查.
《饲料分析与质量检测技术》 说课 主讲教师:管建慧. 课程名称: 《饲料分析与饲料质量检测技术 》 课程编码:
汕头大学医学院 学年学分制学籍管理办法 科教处 - 学籍教材科 郑少燕 2006 - 9 总 则 ♠ 在本校学习的学生,应当政治思想高;应当爱国 勤劳、自强不息,应当遵纪守法,应当刻苦学习, 勇于探索,积极实践,努力掌握现代科学文化知 识和专业技能,应当积极锻炼身体,具有健康体 魄。
常用课件制作软件 —— 让我们共同来探讨课件制作 音频: Audition 、 Gold Wave 、 Samplitude 等。 视频: iFilm Edit 、 RealProducer 、 Premiere 等。 图像: Photoshop 、 Illustrator 、 CorelDraw.
一、老师申请题目,以下指导老 师操作。 1. 登录教务系统 web 端. 2. 点击 “ 毕业设计 ” 工具栏下拉菜单中的 “ 论文 _ 教师申请题目 ”
第四讲 课 题:在 Dreamweaver8 中使用表格布置页面 目的及要求:使用表格布置页面 教学重点:重点掌握设置表格属性的方法 教学难点:嵌套单元格设置布局表格的形式对网页进 行布局 教学课时: 2 课时 教学方法:提问与比较教学方式,激发学生兴趣; 教学内容与步骤:
4 第 4 章 网页的布局 设计站点地图,有助于突出网站的主题,确定网 站的内容。而对于每一个网页来说,最重要的除了网 页的内容以外,还有就是网页的风格和布局。一个格 局凌乱的网页,内容再精彩,也不能说是一个好网页 。
2009/12/211 商務科技管理系 實 務 專 題 報 告 辦桌非難事 學生: 施雅雯 ( ) 張敬芝 ( ) 葉明臻 ( ) 黃怡琅 ( )
科学就医健康教育核心信息 健康中国行·科学就医 一、倡导科学就医 二、遵从分级诊疗 三、定期健康体检 四、鼓励预约挂号 五、就医注意事项
★中国近代史: 1840年————1949年 鸦片战争 新中国诞生 ★历史线索: 1、资本主义列强对中国的侵略 2、中国人民的反抗和探索:
我的学习成果展示 德惠市第三中学 姜成立.
绿 色 植 物 在 家 庭 居 室 空 气 污 染 控 制 中 的 作 用 小组成员:.
第1章 基础设计知识  学习目标 学习有关动画的相关知识,以及Flash入门中需要掌握的一些基本操作。主要内容包括Flash动画的特点、应用领域, Flash CS5的基本操作,Flash动画制作过程等。同时通过完成本章习题,更好地掌握本章知识点,为以后的学习打下基础。  学习重点 熟悉Flash动画的特点以及应用领域、Flash.
成语乐园 成语乐园 执教老师:李道梅.
東南科技大學專用 PowerPoint 檔案 數位教材
上海市职业技能培训政府补贴项目 2014年4月8日.
《计算机应用基础》 课程教学大纲 计划学时: 64学时 计划学分: 4学分 课程类型: 公共必修.
第二章 网页艺术设计的技术基础.
詹天佑.
北师大版义务教育课程标准实验教科书 七年级上册讲义 第17课 先进的科学技术.
加入圖片.
作品《心贴芯电脑科技官网及网络管理系统实现》
活力校園 5C 顏慧玲.
健康上网 初一3班 王诗婷.
立體四子棋 研究成員:謝旻諺、 鄭家鈞 指導老師:林屏森老師.
“三步式”网络学习法 《探究与发现》数学网络学习平台介绍
初中思想品德 规范的教学设计与案例分析.
我的学校——达县职高 制作人——高一计算机应用二班王天.
第八章 网络课程的设计与开发.
學校:光春國中 班級:七年三班 製作團隊: 顏序芳 李邰岳 謝宜軒
第1章 网页、网站制作基础 1.1 网页与网站的概念 1.2 Web标准 1.3 网页制作的常用软件 1.4 构成网页的基本元素
长沙民政学院经贸系 商务网站建设1 主讲人:刘娜.
三創產業學程 學群主持人:袁國榮召集人.
个人职业生涯规划.
大学计算机.
郑州市惠济区第六中学 网站推介 姜茂方 2015年1月10日.
財團法人技專校院入學測驗中心 資訊處黃建銘
一、认识flash.
佛山科学技术学院 第8章 网页设计基础 Internet及多媒体应用.
互联网时代班主任的挑战 万玮 2014年9月20日.
东北师大理想信息技术研究院 院长 中国教育软件协会 副主任 英国计算机与自动化学会 顾问
《体育与健康》说课稿 课题:新兴体育舞蹈 —踢踏舞教学 北师大泉州附中 陈玉慈.
读书报告要求 每人写一篇读书报告。 要求,对学习这门课程之后形成的对计算机科学的一个总的、一般的认识,但不要泛泛而论。
大学计算机应用基础 信息学院信息技术教学部.
Dreamweaver 8网页设计 计算机系.
鄉村尋根-農具篇.
网页制作与设计 主编 耿 杰 科学出版社.
第3章 图像和其他媒体.
網頁版面設計 如何設計好網站? 捷盛電腦 陳文陞講師.
学生网页作品情况分析.
第18章 Dreamweaver与Photoshop的完美结合
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
网页制作基础 授课老师: 黄露.
崑山科技大學 電子工程系 99學年度 學生實務專題成果展
大專院校美食網- 以新北市為例 商務科技管理專題 組 別: 第二組 專題成員: 方采薇 陳宜欣
武汉纺织大学传媒学院 cm.wtu.edu.cn
臺中市政府 「WEB版公文製作系統」 承辦人作業.
國立宜蘭高商 多媒體設計科 羅慶文 老師.
W3C标准网页制作 主讲教师:张 涛.
本 次 课 教 学 思 路 此次课总的教学思路如下: 1、阐述本次课程的任务介绍以及应该掌握的要相关能力技术。
“修身成材” 班级干部培训班 黑龙江大学党委学工部.
高中二 資訊科 課程簡介.
项目一 认识设计环境 《FLASH动画设计》精品课程组.
自動化問卷製作及資料分析之 Web化調查系統
网页设计三合一教程 主讲教师 2019/6/2.
广州市技工院校学生资助管理系统 班主任申报操作指引
三、 动量和角动量 1 、 质点动量定理 动量 冲量.
指數、對數函數 數101乙 周文翔 朱哲明 張良聿.
李商隐诗两首 锦 瑟 马 嵬 夕阳无限好,只是尽黄昏。.
Presentation transcript:

电子商务网站建设 (理论部分)

实验前需要了解的基本知识点: 电子商务网站设计的基本知识 电子商务网站建设的基本流程 简单介绍Dreamweaver8.0软件

在网站建设之前,需要对网站进行一系列的分析和估计,然后根据分析的结果提出合理的建设方案,这就是网站的规划与设计。 一、电子商务网站设计的基本知识 在网站建设之前,需要对网站进行一系列的分析和估计,然后根据分析的结果提出合理的建设方案,这就是网站的规划与设计。 网站的规划与设计可分为以下几个环节: 网站定位 栏目规划 目录结构设计 风格设计 导航系统设计。

(一)电子商务网站定位 网站的定位就是确定网站的建设目标,它通常需要确定三个方面: 网站的建设目的 网站的访问对象 网站的内容与服务 用更通俗的话来说,就是回答“为什么要建立这个网站?这个网站为谁服务?网站提供哪些方面的内容和服务?”这三个问题。 不同性质的站点有不同的建设目的。比如,电子商务站点主要是为了在企业与企业、企业与个人消费者之间建立更为直接和高效的商务通道;电子政务网站代表的是政府部门,所以主要是通过它来宣传政府的形象、实现政务公开、向社会提供有价值的公益和导向信息,以及实现网上政务;而个人站点则主要是为了介绍个人的兴趣爱好,通过共享信息来结识更多的朋友。

(二)电子商务网站栏目规划 栏目规划的主要任务是对所收集的大量内容进行有效的筛选,并将它们组织成一个合理的便于理解的逻辑结构,即建立网站的逻辑结构,在这其中不仅需要为整个网站建立层次型结构,还需要为每一个栏目或者子栏目设计合理的逻辑结构。 除此之外,栏目规划还需要确定哪些是确定必需的栏目、哪些是重点栏目、哪些是需要实时更新的栏目、需要提供哪些功能性栏目等。 成功的栏目规划不仅能给用户的访问带来极大的便利,帮助用户准确地了解网站所提供的内容和服务和快速地找到自己所感兴趣的网页,而且能帮助网站管理员对网站进行更为高效的管理。

(三)电子商务网站目录结构设计 目录结构又称为物理结构,它的设计解决的是如何在硬盘上更好地存放包括网页、图片、Flash动画、JavaApplet、数据库等各种资源在内的所有网站资源。 目录结构是否合理,对网站的创建效率会产生较大的影响,但更主要的,会对未来网站的性能、网站的维护及扩展产生很大的影响。 不建议将所有的网页文件和资源文件都放在同一个目录底下。当文件一多时,www服务器的性能就会急剧下降,因为查找一个网页文件需要很长的时间,而且网站管理员在区分不同性质的文件和查找某一个特定的文件时也会变得非常麻烦。 目录结构对用户来说是不可见的,它只针对网站管理员,所以它的设计是为了网站管理员能从文件的角度更好地管理网站的所有资源。

网站目录结构的设计通常需要遵循以下原则: 不要将所有的文件都放在根目录下 根据栏目规划来设计目录结构 每个目录下都建立独立的images子目录 目录的层次不要太深 不要使用中文目录名 可执行文件和不可执行文件分开放置 数据库文件单独放置

风格设计包含很多内容,为了体现个人风格,符合网站的名称和定位。下面我们在色彩搭配和版面布局方面做一些规划和设计。 (四)电子商务网站风格设计 风格设计包含很多内容,为了体现个人风格,符合网站的名称和定位。下面我们在色彩搭配和版面布局方面做一些规划和设计。 色彩搭配 版面布局设计 网站的导航设计

网站设计需要注意的其他问题 A.网页长度不要超过三屏,否则使网页下载速度过慢。 B.网页中的图像单张不要超过30KB,整页不要超过60KB,若不得不使用大的图片,可将其切割再使用。 C.正确选择图片格式,网上常用的图片格式是GIF、JPEG或PNG,分辨率一般是72像素/英寸。 D.由于动画容量是图像的几十倍,所以在一个网页中动画一般要少于三个,并且每个动画大小要控制在15KB以内。 E.不要使用三种以上或太大、太小的字体,正文字体一般可设置为9pt。 F.不要使用不常用的字体,若需要可考虑制作为图片。 G.尽量使用相对的超级链接。 H.为图片添加文字说明。

版面布局的基本方法 熟悉网页制作的人在拿到网页的相关内容后,也许很快就可以在脑子里形成大概的布局,并且可以直接用网页制作工具开始制作。但是对不熟悉网页布局的人来说,这么做有相当大的困难,所以这时,就需要借助于其他的方法来进行网页布局。 第一种方法是用手工的方式在纸上画草图,这种方法可以大概地描绘出网页的框架,但是也只能到此为止,不能再进行更细的工作,如配色、摆放文字和图片等。 第二种方法是用专业制图软件来进行布局,建议使用Photoshop。Photoshop是一个非常优秀的图片处理工具。用它可以像设计一幅图片、一幅招贴画、一幅广告一样去设计一个网页的界面,然后再考虑如何用网页制作工具去实现这个网页。

二、电子商务网站建设的基本流程

电子商务网站建设的基本流程 网站的规划与设计是网站建设的第一步。在这—步中需要对网站进行整体的分析,明确网站的建设目标,确定网站的访问对象、网站应提供的内容与服务及网站的域名,设计网站的标志、网站的风格、网站的目录结构等各方面的内容。这一步是网站建设成功与否的前提,因为所有的后续步骤都必须按照第一步的规划与设计来进行实施。 网站的规划与设计完成之后,接着进入具体的站点建设步骤。这个步骤主要包括域名注册、网站配置、网页制作和网站测试四个部分。除了网站测试必须要在其他三项内容开始之后才能进行之外,域名注册、网站配置和网页制作相对独立,可以同时进行。

电子商务网站建设的基本流程 相关的内容都建设好后,就可以正式地发布网站,也就是说将网站放到Internet上允许用户通过网站的域名进行访问。 网站的管理与维护虽然是最后一个步骤,但实际上贯穿网站建设的全过程,只要网站没有停止运行,就需要对其进行管理和维护,所以这一步也是最为费劲的一步。网站的管理和维护主要包括安全管理、性能管理和内容管理三个方面。 另外从上也可以看到,网站建设是一个循环的过程,并不是说一次过后就结束了。它需要随着需求的变化不断地对网站进行再次规划与设计,进而不断地建设和发布新的内容与服务,不断地升级服务器和网络环境以保障网站的运行性能。

三、简单介绍Dreamweaver8.0软件 目前较主流的主页网页开发工具。 是由Macromedia公司开发的一个可视化的网页设计和网站管理工具,支持最新的Web技术。由于Macromedia2005年被Adobe并购,故此软件现以为Adobe旗下产品。 Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队) 。 网上学习资源(供大家参考) http://www.enet.com.cn/eschool/zhuanti/dwvip/ http://www.enet.com.cn/eschool/zhuanti/dreamweaver/