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

扉页

内容提要

前言

项目一 构建电子商务网站

任务一 电子商务网站设计基础知识

一、初识电子商务网站

二、电子商务网站设计准则

任务二 电子商务网站结构设计

一、网站的物理结构

二、网站的逻辑结构

三、网站的构成

四、网页的空间结构

五、网页的布局结构

任务三 电子商务网站色彩搭配

一、色彩基础知识

二、确定网站的主色调

三、网页的色彩搭配技巧

任务四 课堂练习——使用HTML5制作简单页面

一、初识HTML5

二、HTML5基本结构

三、HTML5常用标签

四、制作滚动图片链接网页

任务五 课堂练习——使用Dreamweaver创建站点

一、初识Dreamweaver

二、创建站点的准备

三、创建与设置站点

项目小结

课后实训

项目二 使用Dreamweaver添加网页元素

任务一 认识Dreamweaver CC 2018工作界面

一、菜单栏

二、工具栏

三、文档窗口

四、“属性”面板

五、面板组

任务二 课堂练习——在网页中添加文本和图像

一、添加文本

二、设置文本属性

三、添加其他特殊文本

四、添加图像

五、添加其他图像元素

任务三 课堂练习——为“新品上市”页面添加商品列表

一、添加无序列表

二、添加有序列表

任务四 课堂练习——为商品详情页添加表格

一、认识表格

二、表格“属性”面板

三、插入并编辑表格

四、使用表格布局商品详情页

任务五 课堂练习——添加超链接创建链接页面

一、认识路径

二、添加文档链接

三、添加锚记链接

四、添加空链接

项目小结

课后实训

项目三 使用CSS美化网页

任务一 认识CSS

一、了解CSS的基本语法

二、在网页中引用CSS的方式

任务二 课堂练习——在Dreamweaver中创建CSS规则和文件

一、创建CSS规则

二、创建CSS文件

任务三 课堂练习——使用CSS选择器美化文本

一、应用元素选择器

二、应用群组选择器

三、应用类选择器

四、应用ID选择器

五、应用后代选择器

六、应用通配符选择器

任务四 课堂练习——CSS特性的应用

一、应用继承性

二、应用特殊性

三、应用层叠性

四、应用重要性

任务五 课堂练习——使用CSS美化童装网站

一、文字排版

二、段落排版

三、CSS背景

四、列表排版

五、表格排版

六、链接样式

项目小结

课后实训

项目四 使用DIV+CSS布局网页

任务一 使用CSS盒子模型

一、认识CSS盒子模型

二、CSS盒子模型的边框、内边距和外边距

任务二 标准流和<div>标签

一、标准流

二、<div>标签

三、盒子在标准流中的定位

任务三 课堂练习——使用盒子模型设计“商品分类”网页

一、盒子浮动

二、清除浮动影响和盒子定位

任务四 课堂练习——使用DIV+CSS布局电子商务网站首页

一、使用DIV布局页面结构

二、对网页顶部布局

三、对网页主体布局

四、对网页底部布局

五、组合首页布局

项目小结

课后实训

项目五 使用行为和表单创建网页特效

任务一 使用行为

一、认识行为和事件

二、“行为”面板

任务二 使用表单

一、了解表单

二、创建表单

三、设置表单属性

任务三 课堂练习——制作“新用户注册”网页表单

一、插入文本域

二、插入单选按钮

三、插入下拉菜单和滚动列表

四、插入文件域

五、插入复选框

六、插入按钮

七、插入图像按钮

任务四 课堂练习——使用行为制作“数码商城”网页特效

一、制作打开浏览器窗口特效

二、制作交换图像特效

三、制作跳转菜单特效

任务五 课堂练习——使用行为验证用户注册

一、检查表单

二、设置密码仅为数字

三、检查邮箱格式

项目小结

课后实训

项目六 使用Animate制作网页广告动画

任务一 认识Animate CC 2018工作界面

一、菜单栏

二、基本功能区

三、窗口选项卡

四、编辑栏

五、舞台

六、“时间轴”面板

七、“属性”面板

八、工具栏

任务二 Animate工具的应用

一、文本工具

二、绘图工具

三、填充工具

任务三 课堂练习——制作家居网站导航菜单

一、认识导航菜单

二、导航菜单设计

任务四 课堂练习——制作水果促销横幅广告

一、认识横幅广告

二、横幅广告设计

项目小结

课后实训

项目七 使用JavaScript实现网页交互特效

任务一 认识JavaScript脚本语言

一、JavaScript简介

二、JavaScript的基本结构

三、使用JavaScript向页面输出信息

任务二 课堂练习——使用JavaScript制作网页交互特效

一、制作文字滚动特效

二、制作日期特效

三、制作对联广告特效

四、制作下拉菜单特效

任务三 课堂练习——使用JavaScript验证表单

一、设置表单非空验证

二、验证密码长度和密码一致性

三、验证电子邮箱地址

任务四 课堂练习——为首页添加“焦点图”代码

一、下载“焦点图”代码

二、添加“焦点图”代码

项目小结

课后实训

项目八 电子商务网站建设案例——搭建家具商城网站

任务一 申请域名与空间

一、注册域名

二、选择虚拟主机与申请空间

任务二 设计家具商城网站原型

一、分析网站需求

二、制作网站原型

三、创建站点

任务三 制作家具商城网站首页

一、使用DIV+CSS布局网页

二、制作页面顶部

三、制作焦点图

四、制作产品分类区

五、制作产品展示区

六、制作页面底部

七、使用JavaScript制作焦点图交互效果

任务四 测试与发布网站

一、网站的测试

二、网站的发布

项目小结

课后实训