电子商务网页设计与网站建设资料.ppt

网页设计与网站建设 陈书林chenshulin0923@163.com 课时计划 本课程共64个学时 48个学时讲授基础知识 16个学时上机试验 课程在第16周结束 成绩：期末考试（70％）＋平时成绩（30％） 第一章 电子商务网站建设概述 电子商务网站定义 电子商务网站是指一个企业、机构或公司在互联网上建立的站点，其目的是为了宣传企业形象、发布产品信息、宣传经济法规、提供商业服务等。 电子商务网站功能 企业形象宣传 新闻发布、供求信息发布 产品和服务项目展示 商品和服务定购 转账与支付、物流应用 信息搜索与查询 客户信息管理 销售业务信息管理 第一章 电子商务网站建设概述 电子商务网站的架构 第一章 电子商务网站建设概述 电子商务网站的构成要素 网站域名 网站物理地点 网站页面 商品目录 购物车 付款台 计数器 留言板 会员管理 商品盘点更新 客户资料管理 商品配送 第二章 网站总体设计 网站CI设计 网站的CI设计，主要是指网站的标志、色彩、字 体、标语，是一个网站建立CI形象的关键，是网站 的表面文章、形象工程。通过对网站的标志、色 彩、字体、标语设计，建立起网站的整体形象。 网站的标志（Logo）、名称 标准色彩 标准字体 宣传标语 第二章 网站总体设计 网站的目录结构 网站的目录是指建立网站时创建的目录。 不要将所有文件都存放在根目录下 按栏目内容建立子目录 在每个主栏目目录下都建立独立的Images目录 目录的层次不要太深 不要使用中文目录 不要使用过长的目录 尽量使用意义明确的目录 第二章 网站总体设计 链接结构 网站的链接结构是指页面之间相互链接的拓扑结构。研究网站的链接结构的目的 在于：用最少的链接，使浏览最有效率。 一般建立网站的链接结构有两种基本方式： 树状链接结构 星状链接结构 第三章 Web页面制作基础 －－HTML标记 HTML语言 HTML是超文本标记（Hyper Text Markup Language）的缩写，是一种描述文档结构的语言，它使用描述性的标记符来指明文档的结构。 第三章 Web页面制作基础  －－HTML标记 例：html head title这是标题部分/title /head body p你好，这是正文部分！/P /body /html 第三章 Web页面制作基础 －－HTML标记 HTML标记符一般有两种： 一般标记符（容器标记符） 这些标记符的起始部分与结束部分必须成对出现 空标记符 只是单一的一个标记符而已，如hr标记符 第三章 Web页面制作基础  －－HTML标记 文件结构标记符 文件结构标记符标识文件的结构。主要包括如下标记 符 ： HTML标记符 一般格式为：HTML……../HTML HEAD标记符 一般格式为：head……/head BODY标记符 一般格式为：body……/body 第三章 Web页面制作基础  －－HTML标记 第三章 Web页面制作基础  －－HTML标记 区段格式标记符 区段格式标记符将HTML文件中的某个区段文字以特定格式显示，以增加可视性。此类标记符主要包括： Title标记符 用于规定HTML文档的标题。 一般格式为：title……/title HI标记符 HI用于简要描述段落的标题，共有六个级别：H1，H2，H3，H4，H5，H6。其中以H1标题级别为最高，H6标题级别最低。 第三章 Web页面制作基础  －－HTML标记 例：html head titleHTML标题演示示例/title /head body h1标题h1文字显示!/h1 h2标题h2文字显示!/h2 h3标题h3文字显示!/h3 h4标题h4文字显示!/h4 h5标题h5文字显示!/h5 h6标题h6文字显示!/h6 /body /html 第三章 Web页面制作基础 －－HTML标记 第三章 Web页面制作基础 －－HTML标记 换行标记符 BR是换行标记符，它是单独出现的，作用相当于插入一个回车符。 段落标记符 P标记符用于划分段落，控制文本放置。 一般格式为：P……/P 水平标记符 HR标记符是单独使用的标记符，它的作用是换行并在该行下面画一条水平直线。 HR标记符的属性有：Size、Width、align和color。 第三章 Web页面制作基础 －－HTML标记