HTML+CSS+JavaScript网页制作三合一案例教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML+CSS+JavaScript网页制作三合一案例教程PDF格式电子书版下载

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

第一章网站开发入门1

本章导读1

学习目标1

案例一 了解网站开发流程1

案例说明1

案例步骤1

支撑知识点4

一、网页、网站和主页4

二、Internet， IP地址和域名4

三、WWW， HTTP， URL和浏览器5

案例二 创建Dreamweaver站点5

案例说明5

案例步骤6

支撑知识点8

一、Dreamweaver工作界面介绍8

二、新建和保存网页文档13

三、打开、预览和关闭网页文档15

案例三制作简单的HTML＋CSS页面16

案例说明16

案例步骤17

一、构建HTML结构17

二、构建CSS样式19

支撑知识点20

一、HTML与CSS简介20

二、HTML基础语法21

三、网页的基本结构23

四、静态页面与动态页面25

五、网页的Web标准26

本章总结26

本章实训27

第二章HTML标签与CSS样式基础28

本章导读28

学习目标28

案例一 制作鲜花导购网页的结构—— HTML标签28

案例说明28

案例步骤29

支撑知识点36

一、HTML标题、水平线、段落和换行36

二、HTML列表37

三、HTML图像39

四、HTML超链接40

案例二 修饰鲜花导购网页——CSS样式基础42

案例说明42

案例步骤43

支撑知识点45

一、在HTML页面中引入CSS样式表的方法45

二、选择器的类型50

三、选择器的集体声明、嵌套与优先级53

四、选择器的继承54

本章总结57

本章实训——制作个人主页57

第三章 使用CSS设置文字效果60

本章导读60

学习目标60

案例一 制作个人博客首页——设置文字样式60

案例说明60

案例步骤60

支撑知识点65

一、CSS文字样式常用属性65

二、网页中元素的长度单位67

三、为网页元素设置颜色的技巧68

案例二 制作个人博客子页——设置段落和其他文字样式69

案例说明69

案例步骤69

支撑知识点72

一、CSS段落和其他文字样式属性72

二、HTML常用符号74

案例三 制作个人博客排行榜——设置列表样式74

案例说明74

案例步骤75

支撑知识点79

一、CSS列表样式常用属性79

二、清除列表的默认边距80

三、〈div〉与〈span〉标签补充讲解80

四、块级元素与行内元素补充讲解81

本章总结81

本章实训——制作企业新闻网页81

第四章 使用CSS设置图片效果和网页背景84

本章导读84

学习目标84

案例一 制作休闲文章页面——设置图片效果84

案例说明84

案例步骤85

支撑知识点88

一、设置图片和其他元素大小88

二、设置图片和其他元素边框89

三、设置图片的对齐方式90

四、设置图文混排91

案例二 制作童话故事页面——设置网页元素背景91

案例说明91

案例步骤92

支撑知识点95

一、设置背景颜色95

二、设置背景图片95

本章总结97

本章实训——制作旅游景点介绍网页97

第五章 制作导航栏并使用CSS美化99

本章导读99

学习目标99

案例一 制作简单纵向导航栏99

案例说明99

案例步骤99

支撑知识点——使用CSS的一些小技巧104

案例二 制作简单横向导航栏105

案例说明105

案例步骤105

案例三 制作带片效果的横向导航栏108

案例说明108

案例步骤109

案例四 制作带下拉菜单的横向导航栏112

案例说明112

案例步骤113

支撑知识点——使用CSS的一些小技巧120

本章总结120

本章实训——制作3个不同的导航菜单121

第六章 制作表格并使用CSS美化123

本章导读123

学习目标123

案例一 制作2012年世界杯分组表——构建和美化表格123

案例说明123

案例步骤123

支撑知识点130

一、表格的HTML标签130

二、合并和拆分单元格131

三、使用CSS设置表格或单元格颜色132

四、使用CSS设置表格或单元格大小和边框132

案例二 制作月历——使用CSS控制表格进阶132

案例说明132

案例步骤133

支撑知识点140

一、使用CSS设置网页元素的内边距和外边距140

二、使用CSS合并表格边框141

本章总结142

本章实训——设计两个表格143

第七章 制作表单并使用CSS美化144

本章导读144

学习目标144

案例一 制作注册页面——表单的HTML结构144

案例说明144

案例步骤145

支撑知识点——常用的表单HTML标签160

案例二 美化注册页面——使用CSS控制表单162

案例说明162

案例步骤163

支撑知识点——使用CSS定义表单样式166

本章总结167

本章实训——制作快递信息输入页面167

第八章CSS与浏览器兼容问题169

本章导读169

学习目标169

案例一 无序列表的兼容性169

案例二 浮动在IE下产生的双倍距离171

案例三在IE 6中图片下方有空隙产生173

案例四3像素问题174

案例五 浏览器不能自适应高度175

案例六margin值加倍问题178

支撑知识点180

一、浏览器兼容性介绍180

二、解决浏览器兼容性问题的小技巧181

本章总结181

第九章CSS标准流布局——制作企业网站的新闻显示页面183

本章导读183

学习目标184

案例一 对页面进行整体布局——盒子模型184

案例说明184

案例步骤184

支撑知识点——盒子模型的概念187

案例二 制作页头部分——标准流布局概念190

案例说明190

案例步骤190

支撑知识点——标准流的概念196

案例三 制作新闻正文显示部分196

案例说明196

案例步骤196

支撑知识点——margin使用注意事项200

本章总结202

本章实训203

一、制作博客网站日志页面203

二、制作企业简介页面203

第十章 CSS浮动布局——制作企业网站新闻列表页面205

本章导读205

学习目标206

案例一 对页面进行整体布局——浮动布局概念206

案例说明206

案例步骤206

支撑知识点211

一、float和clear属性211

二、浮动布局的原理212

三、常用的浮动布局方法213

四、清除浮动对布局的不良影响215

五、浮动布局应用技巧216

案例二 制作搜索栏目219

案例说明219

案例步骤219

案例三 制作新闻菜单222

案例说明222

案例步骤223

案例四 制作新闻列表226

案例说明226

案例步骤227

本章总结232

本章实训232

一、制作个人文集页面232

二、制作博客网站主页233

第十一章 CSS定位布局——制作企业网站首页234

本章导读234

学习目标235

案例一 对页面进行整体布局——CSS定位属性235

案例说明235

案例步骤235

支撑知识点241

一、认识CSS中的定位属性241

二、CSS相对定位242

三、CSS绝对定位243

四、元素的堆叠顺序、溢出和剪裁244

五、网页布局经验总结245

案例二 制作图片新闻栏目246

案例说明246

案例步骤246

案例三 制作新闻列表栏目251

案例说明251

案例步骤251

案例四 制作企业首页的其他栏目255

案例说明255

案例步骤256

一、制作公司简介栏目256

二、制作项目展示栏目257

三、制作站内搜索栏目258

本章总结259

本章实训259

一、制作博客网站日志页面259

二、制作学校网站主页260

第十二章 JavaScript的应用261

本章导读261

学习目标261

案例一 使用JavaScript实现关闭窗口功能261

案例说明261

案例步骤262

支撑知识点264

一、JavaScript简介264

二、JavaScript的特点264

三、在页面中添加脚本的方式265

案例二 制作跑马灯效果266

案例说明266

案例步骤266

支撑知识点271

一、数据类型和变量271

二、表达式和运算符272

三、函数272

四、基本语句273

五、事件276

本章总结277

本章实训278

一、制作交换图像效果278

二、屏蔽网页鼠标右键279

第十三章 综合应用1——制作婚礼策划机构首页281

本章导读281

综合分析282

案例一 搭建页面整体框架282

一、整体布局分析282

二、编写HTML代码283

三、编写CSS代码284

案例二 制作网页头部288

一、模块分析288

二、编写HTML代码288

三、编写CSS代码288

案例三 制作网页导航部分289

一、模块分析289

二、编写HTML代码289

三、编写CSS代码289

案例四 制作主体内容的上面部分290

一、制作左边登录部分291

二、制作右边图片显示部分293

案例五 制作主体内容的中间部分296

一、制作左侧婚礼资讯部分296

二、制作右侧视频显示区299

案例六 制作主体内容的下面部分300

一、模块分析300

二、编写HTML代码300

三、编写CSS代码301

案例七 制作友情链接部分302

一、模块分析302

二、编写HTML代码303

三、编写CSS代码303

案例八 制作网页底部304

第十四章 综合应用2——制作海南旅游网首页305

本章导读305

案例分析306

案例一 搭建页面整体框架306

一、整体布局分析306

二、编写HTML代码307

三、编写CSS代码308

案例二 制作网页头部311

一、模块分析311

二、编写HTML代码312

三、编写CSS代码312

案例三 制作主体内容的上面部分314

一、制作今日三亚栏目314

二、制作广告条部分316

三、制作右边快捷按钮部分316

案例四 制作主体内容的下面部分317

一、制作旅游资讯栏目318

二、制作推荐路线栏目320

三、制作酒店推荐栏目324

四、制作推荐景点栏目327

案例五 制作友情链接栏目330

一、模块分析330

二、编写HTML代码330

三、编写CSS代码331

案例六 制作页面底部332

一、模块分析332

二、编写HTML代码332

三、编写CSS代码332