网页设计与制作项目教程 HTML＋CSS＋BootstrapPDF|Epub|txt|kindle电子书版本网盘下载

网页设计与制作项目教程 HTML＋CSS＋BootstrapPDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

项目一 创建我的第一个网站1

一、项目简介1

二、项目目标1

三、工作任务1

任务一 初识Dreamweaver CC 20151

（一）任务描述1

（二）任务目标1

（三）知识准备2

知识准备一 了解网页和网站的基础知识2

知识准备二 Dreamweaver CC 2015软件介绍12

（四）任务实施15

（五）任务评价20

（六）思考练习20

（七）任务拓展21

任务二 创建我的第一个网站21

（一）任务描述21

（二）任务目标21

（三）知识准备22

知识准备 创建和管理站点的基础知识22

（四）任务实施24

（五）任务评价32

（六）思考练习32

（七）任务拓展33

项目二 创建“太湖美”网站34

一、项目简介34

二、项目目标34

三、工作任务34

任务一 初识HTML34

（一）任务描述34

（二）任务目标35

（三）知识准备35

知识准备一 HTML的基本概念35

知识准备二 HTML的常用标签介绍（1）41

（四）任务实施47

（五）任务评价53

（六）思考练习54

（七）任务拓展54

任务二 编辑代码、丰富页面54

（一）任务描述54

（二）任务目标54

（三）知识准备55

知识准备 HTML的常用标签介绍（2）55

（四）任务实施57

（五）任务评价63

（六）思考练习63

（七）任务拓展64

项目三 创建“姑苏美食”网站（一）65

一、项目简介65

二、项目目标65

三、工作任务65

任务一 编辑文本和图像65

（一）任务描述65

（二）任务目标66

（三）知识准备66

知识准备一 CSS样式66

知识准备二 字体属性72

知识准备三 文本属性76

（四）任务实施78

（五）任务评价91

（六）思考练习92

（七）任务拓展92

任务二 创建超级链接93

（一）任务描述93

（二）任务目标94

（三）知识准备94

知识准备一 超链接的样式94

知识准备二 超链接的类型94

知识准备三 列表标签96

知识准备四 列表属性97

（四）任务实施101

（五）任务评价110

（六）思考练习110

（七）任务拓展111

项目四 创建“古诗文网”112

一、项目简介112

二、项目目标112

三、工作任务112

任务一 构建网页结构112

（一）任务描述112

（二）任务目标113

（三）知识准备113

知识准备一 了解Web标准化113

知识准备二 认识DIV和DIV布局114

知识准备三 理解CSS盒模型115

知识准备四 认识HTML5中结构化元素117

（四）任务实施117

（五）任务评价122

（六）思考练习122

（七）任务拓展123

任务二 定义网页布局样式123

（一）任务描述123

（二）任务目标124

（三）知识准备124

知识准备一 了解CSS的继承性124

知识准备二 熟悉网页布局中的常用CSS样式属性124

知识准备三 网页布局的基本形式126

知识准备四 float属性126

（四）任务实施130

（五）任务评价149

（六）思考练习149

（七）任务拓展150

项目五 变换的CSS之个人博客151

一、项目简介151

二、项目目标151

三、工作任务151

任务一 个人博客之简约商务风151

（一）任务描述151

（二）任务目标153

（三）知识准备153

知识准备一 在网页中插入CSS样式表的几种方法153

知识准备二 DIV＋CSS之id与class155

知识准备三 DIV＋CSS命名规则155

（四）任务实施156

（五）任务评价170

（六）思考练习170

（七）任务拓展170

任务二 个人博客之中国风171

（一）任务描述171

（二）任务目标172

（三）知识准备172

知识准备 CSS的优先级机制172

（四）任务实施173

（五）任务评价179

（六）思考练习179

（七）任务拓展180

项目六 创建“美食交流”网站182

一、项目简介182

二、项目目标182

三、工作任务182

任务一 创建表单182

（一）任务描述182

（二）任务目标182

（三）知识准备183

知识准备一 表单183

知识准备二 表单控件185

（四）任务实施195

（五）任务评价205

（六）思考练习206

（七）任务拓展206

任务二 验证表单207

（一）任务描述207

（二）任务目标207

（三）知识准备208

知识准备一 JavaScript常用全局对象208

知识准备二 Windows常用对象方法209

知识准备三 JavaScript表单验证典型案例210

（四）任务实施212

（五）任务评价215

（六）思考练习215

（七）任务拓展216

项目七 建设“快乐花店”网站（模板应用）217

一、项目简介217

二、项目目标217

三、工作任务217

任务一 制作模板网页217

（一）任务描述217

（二）任务目标218

（三）知识准备218

知识准备一 了解模板的概念和作用218

知识准备二 Dreamweaver CC中4种模板区域219

知识准备三 模板网页的制作方式220

知识准备四 模板网页制作要点221

（四）任务实施223

（五）任务评价228

（六）思考练习228

（七）任务拓展228

任务二 基于模板制作网站首页和子页229

（一）任务描述229

（二）任务目标230

（三）知识准备230

知识准备一 创建基于模板的网页方式230

知识准备二 模板管理的要点231

（四）任务实施233

（五）任务评价239

（六）思考问题239

（七）任务拓展239

项目八 创建“全瀚通信”网站240

一、项目简介240

二、项目目标240

三、工作任务240

任务一 DIV＋CSS布局完成网站首页及分页243

（一）任务描述243

（二）任务目标243

（三）知识准备244

知识准备一 网站规划及制作流程244

知识准备二 快速获取美工图的颜色及布局大小245

知识准备三 DIV和Table246

知识准备四 溢出文本隐藏并显示为省略号247

（四）任务实施248

（五）任务评价264

（六）思考练习264

（七）任务拓展264

任务二 应用模板完成网站子栏目264

（一）任务描述264

（二）任务目标265

（三）知识准备265

知识准备一 block、inline和inline-block概念和区别265

知识准备二 清除浮动使DIV高度自适应266

知识准备三 Bootstrap模态框（Modal）插件267

知识准备四 百度地图API268

（四）任务实施268

（五）任务评价281

（六）思考练习282

（七）任务拓展282

任务三 浮动框架完成网站后台282

（一）任务描述282

（二）任务目标283

（三）知识准备283

知识准备一 CSS position的绝对定位与相对定位283

知识准备二 DIV水平居中且垂直居中283

知识准备三 浮动框架iframe285

（四）任务实施285

（五）任务评价301

（六）思考练习302

（七）任务拓展302

附录304