电子商务网页设计第三版完整版全套PPT电子课件教案.pptx

;目 录 第 1 章 电子商务网站概述 第 2 章 网页版面设计 第 3 章 表格在网页中的应用 第 4 章 层和框架在网页中的应用 第 5 章 网页特效 第 6 章 超链接在网页中的应用 第 7 章 网站发布;;第 1 章 电子商务网站概述 第 1 节 电子商务网站需求分析 第 2 节 电子商务网站结构设计 第 3 节 利用Dreamweaver CS5 创建站点;第 1 节 电子商务网站需求分析;第一章; （2）网站 网站是指根据一定的规则，使用各种网页制作工具制作的用于展示特定信息内容的相关网页的集合。浏览者可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。对于电子商务网站，客户通过浏览器访问相关电商网站，浏览具体商品网页了解商品详细信息来实现交易。;2. 电子商务网站建设工具;3. 商务网站建设流程;二、客户信息收集1．收集的信息内容 （1）企业自身信息 （2）市场信息 （3）目标客户信息;2．搜集信息的方法 （1）资料统计法 （2）现场观察法 （3）会议收集法 （4）网络收集法;三、客户需求分析 1．需求分析的内容;2.网站功能整合描述;四、搜集易买网商城的客户信息;;六、易买网商城的功能;第 2 节 电子商务网站结构设计 一、网站物理结构;2.网站物理结构的类型 网站物理结构有两种不同的表现形式，一种是扁平式物理结构，另一种是树形物理结构。;1．网站目录结构的概念 网站目录结构是指建立网站时所创建的文件目录。 ;2 . 网站目录的建立原则（1）不要将所有文件都存放在根目录下。（2）按主菜单栏目内容建立子目录。（3）根据更新要求建立和管理次要栏目。（4）在每个目录下都建立独立的image 目录。（5）目录的层次不要太深。（6）不要使用中文目录。一般建议使用英文意思的名称。如images目录中存放图像，css目录存放css样式表等。;三、网站逻辑链接结构;2. 网站逻辑链接结构基本形式;3. 网站逻辑链接结构的选择 最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。;四、页面流程;2. 页面流程设计 （1）功能模块的划分; （2）根据功能模块划分网站页面 （3）建立页面链接流程;五、设计易买网商城物理结构和目录结构;2. 设计易买网商城的目录结构;六、分析易买网商城的逻辑结构;1. 功能模块划分;2. 分析页面链接流程图;第 3 节 利用Dreamweaver CS5 创建站点 一、安装Dreamweaver CS5;二、Dreamweaver CS5简单使用;2. Dreamweaver CS5 工作区的构成;3. Dreamweaver CS5 的工作视图;三、新建和管理易买网商城本地站点;2. 站点信息;3. 服务器配置;4. 高级设置;5. 选择保存，完成配置;四、新建第一个网页页面;2. 编辑简单的网页;;第 2 章 网页版面设计 第 1 节 网页的结构和色彩设计 第 2 节 HTML基础 第 3 节 网页的基本操作;第 1 节 网页的结构和色彩设计;2. 网站风格的分类;二、网页结构的类型;2. “国”字型布局;3. T 型布局;4. “三”字型布局;5. 标题文本型布局;6. POP 海报型布局;7. 框架型布局;三、页面色彩搭配;2. 网页色彩搭配要注意的问题 （1）使用单色; （2）使用邻近色; （3）使用对比色; （4）黑色的使用; （5）网页配色注意事项 1）同一个页面色彩过于繁杂，会给人造成凌乱的印象。 2）不要将所有颜色都用到，尽量控制在三种色彩以内。 3）背景和前文的对比尽量要大，以便突出页面主要内容，但是也尽量不要用花纹繁复的图案和纯度很高的色彩作背景。;四、易买网商城首页结构设计;2. 设置首页内容;3. 在Dreamweaver 中创建布局;五、易买网商城页面色彩搭配;第 2 节 HTML 基础;2. HTML 的作用;二、标记的概念及分类;2. 标记的分类 （1）用来指定网页上的元素及其格式。 （2）用来指向其他的资源。;三、HTML 及标记在网页中的应用;2. 内容及其格式标记的简单应用 （1）格式标记