电子商务网站建设与网页设计(微课版)

本书注重培养读者从事电子商务网站策划、设计、开发、管理和运营等工作的综合技能，涵盖了网站建设与网页设计的核心技术与实操技能，内容精练、层次分明，环环相扣； 本书是项目任务式编写体例，以常见的淘宝、京东等电商网站为案例； 微课版立体化教材，提供ppt、教案、视频等教学资源。

本书注重培养读者从事电子商务网站策划、设计、开发、管理和运营等工作的综合技能，涵盖了网站建设与网页设计的核心技术与实操技能，内容精练、层次分明，环环相扣。主要内容包括：构建电子商务网站，使用Photoshop制作网页版面，使用Flash制作网页广告动画，使用Dreamweaver添加网页元素，使用CSS样式美化网页，使用DIV+CSS布局网页，使用行为和表单，制作网页，动态网站与CMS系统应用，以及网站的发布、测试与优化等。 本书结构合理，内容精炼，既可作为应用型本科院校和高职高专院校电子商务、计算机等相关专业的学习教材，也可供电子商务网站设计和开发人员参考使用。

邓凯，常州纺织服装职业技术学院副校长，从事网站建设与网页设计教学多年，编写经验丰富。 本书是邓校长带领唐勇老师、张茹老师共同编写

项目一 构建电子商务网站 任务一  电子商务网站设计准则  1 一、电子商务网站  1 二、电子商务网站设计准则  5 任务二  电子商务网站结构设计  7 一、网站的物理结构  7 二、网站的逻辑结构  8 三、网站的构成  8 四、网页的空间结构  9 五、网页的布局结构  10 任务三  使用Dreamweaver创建站点  13 一、初识Dreamweaver  13 二、创建站点的准备  14 三、创建与设置站点  16 项目小结  19 项目习题  20 项目二  使用Photoshop制作网页版面 任务一  Photoshop基本操作  21 一、认识Photoshop工作界面  21 二、图像文件的基本操作  23 三、利用工具编辑商品图片编辑  24 任务二  使用Photoshop制作文字特效  30 一、添加文字  31 二、浮雕文字特效  33 三、金属文字特效  34 四、磨砂涂鸦文字特效  36 五、  晶莹剔透文字特效  38 任务三  使用Photoshop制作图像特效  40 一、调整图像大小  40 二、调整图像色彩与色调  41 三、应用滤镜特效  44 任务四  电子商务网站首页设计  47 一、页面头部的制作  48 二、页面左侧的制作  50 三、页面中间及右侧的制作  50 四、页面底部的制作  51 任务五  促销活动页设计  51 项目小结  54 项目习题  54 项目三  使用Flash制作网页广告动画 任务一  认识Flash工作界面  56 一、菜单栏  57 二、基本功能区  57 三、舞台  58 四、“时间轴”面板  58 五、“属性”面板  59 六、工具栏  59 任务二  Flash工具的应用  60 一、文本工具  60 二、绘图工具  64 三、填充工具  68 任务三  使用Flash制作导航菜单  70 一、认识导航菜单  71 二、导航菜单设计  72 任务四  使用Flash制作横幅广告  75 一、认识横幅广告  76 二、横幅广告设计  76 项目小结  78 项目习题  78 项目四  使用Dreamweaver添加网页元素 任务一  认识Dreamweaver CS6工作界面  80 一、菜单栏  81 二、工具栏  82 三、文档窗口  82 四、“属性”面板  83 五、面板组  83 任务二  添加网页基本元素——文本和图像  84 一、添加文本  84 二、添加图像  86 任务三  添加网页基本元素——列表  88 一、添加无序列表  88 二、添加有序列表  89 三、添加自定义列表  89 任务四  添加网页基本元素——表格  90 任务五  添加网页基本元素——超链接  92 一、认识路径  93 二、添加文档链接  93 三、添加锚记链接  95 四、添加空链接  96 项目小结  96 项目习题  97 项目五  使用CSS样式美化网页 任务一  认识CSS样式表  98 一、了解CSS的基本语法  98 二、在网页中引用CSS的方式  99 任务二  在Dreamweaver中创建CSS  100 一、创建CSS规则  101 二、创建CSS文件  102 任务三  应用CSS选择器  104 一、应用元素选择器  104 二、应用群组选择器  105 三、应用类选择器  106 四、应用ID选择器  107 五、应用后代选择器  107 六、应用通配符选择器  108 任务四  CSS继承性、特殊性、层叠性和重要性  109 一、继承性  109 二、特殊性  110 三、层叠性  111 四、重要性  112 任务五  使用CSS格式化排版  112 一、文字排版  113 二、段落排版  114 三、CSS背景  115 四、列表排版  119 五、表格排版  120 六、链接样式  120 项目小结  121 项目习题  121 项目六  使用DIV+CSS布局网页 任务一  使用CSS盒子模型  123 一、认识CSS盒子模型  123 二、CSS盒子模型的边框、内边距和外边距  124 任务二  标准流和div标记  125 一、标准流  126 二、div标记  127 三、盒子在标准流中的定位  127 任务三  盒子的浮动和定位  128 一、盒子浮动  128 二、清除浮动影响和盒子定位  130 任务四  使用CSS布局电子商务网站首页  133 一、使用DIV布局页面结构  133 二、对网页头部布局  133 三、对网页主体布局  135 四、对网页底部布局  136 五、组合首页布局  137 项目小结  138 项目习题  139 项目七  使用行为和表单 任务一  使用行为  140 一、认识行为和事件  140 二、“行为”面板  141 任务二  使用表单  144 一、了解表单  144 二、创建表单  144 三、设置表单属性  145 任务三  “新用户注册”表单设计  145 一、插入文本字段  145 二、插入复选框  147 三、插入单选按钮  148 四、插入文件域  148 五、插入列表和菜单  149 六、插入按钮  151 任务四  使用行为验证用户注册  152 一、检查表单  153 二、设置密码仅为数字  153 三、检查邮箱格式  154 项目小结  155 项目习题  155 项目八  制作网页特效 任务一  认识JavaScript脚本语言  157 一、JavaScript简介  157 二、JavaScript的基本结构  158 三、使用JavaScript向页面输入信息  158 任务二  使用JavaScript制作网页特效  159 一、文字滚动特效  160 二、日期特效  160 三、广告特效  161 四、下拉菜单特效  162 任务三  使用JavaScript验证表单  162 一、非空验证  163 二、验证密码长度和一致性  165 三、邮箱地址验证  165 任务四  JavaScript网页特效实例  166 一、下载焦点图代码  166 二、添加焦点图代码  167 项目小结  168 项目习题  169 项目九  动态网站与CMS系统应用 任务一  认识动态网站  170 一、动态网页  170 二、动态网站技术  171 任务二  认识CMS系统  174 一、什么是CMS系统  174 二、选择CMS系统  174 三、国内优秀的电子商务类CMS系统  176 任务三  搭建CMS系统环境  176 一、安装phpStudy服务器环境  176 二、安装WSTMart系统  178 任务四  WSTMart系统管理  181 任务五  WSTMart系统基础设置  183 一、商城配置  183 二、导航管理  185 项目小结  186 项目习题  187 项目十  网站的发布测试与优化 任务一  域名和空间的选择  188 一、域名  188 二、  域名的注册  190 三、空间的选择  192 四．申请空间  194 任务二  测试与发布网站  196 一、网站的测试  197 二、网站的发布  203 任务三  电子商务网站的优化与推广  206 一、网站优化  207 二、网站推广  209 项目小结  212 项目习题  212