CSS+DIV网页样式与布局案例教程PDF|Epub|txt|kindle电子书版本网盘下载

CSS+DIV网页样式与布局案例教程PDF格式电子书版下载

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

项目一 网站开发入门1

项目导读1

学习目标1

任务一 了解网站开发流程1

任务说明1

任务实施1

支撑知识点4

一、网页、网站和主页4

二、Internet、IP地址和域名4

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

任务二 创建Dreamweaver站点5

任务说明5

任务实施6

支撑知识点8

一、启动和退Dreamweaver8

二、Dreamweaver工作界面介绍9

三、新建和保存网页文档14

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

任务三 制作简单的HTML+CSS页面16

任务说明16

任务实施17

一、构建HTML结构17

二、构建CSS样式19

支撑知识点20

一、HTML与CSS简介20

二、HTML基础语法21

三、网页的基本结构23

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

五、网页的Web标准25

项目总结26

项目实训26

项目二 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

支撑知识点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

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

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

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

四、设置图文混排91

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

任务说明91

任务实施92

支撑知识点95

一、设置背景颜色95

二、设置背景图片95

项目总结97

项目实训——制作旅游景点介绍网页98

项目五 使用CSS设置导航栏99

项目导读99

学习目标99

任务一 制作简单纵向导航栏99

任务说明99

任务实施100

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

任务二 制作简单横向导航栏105

任务说明105

任务实施105

任务三 制作带图片效果的横向导航栏109

任务说明109

任务实施109

任务四 制作带下拉菜单的横向导航栏113

任务说明113

任务实施113

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

项目总结122

项目实训——制作3个不同的导航菜单122

项目六 制作表格并使用CSS美化124

项目导读124

学习目标124

任务一 制作2012年世界杯分组表——构建和美化表格124

任务说明124

任务实施124

支撑知识点130

一、表格的HTML标签130

二、合并和拆分单元格132

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

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

任务二 制作日历单元格——使用CSS控制表格进阶133

任务说明133

任务实施134

支撑知识点140

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

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

项目总结143

项目实训——设计两个表格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标准流布局——制作企业网站的新闻显示页面182

项目导读182

学习目标183

任务一 对页面进行整体布局——盒子模型183

任务说明183

任务实施183

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

任务二 制作页头部分——标准流布局概念189

任务说明189

任务实施189

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

任务三 制作新闻正文显示部分195

任务说明195

任务实施195

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

项目总结201

项目实训202

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

二、制作企业简介页面202

项目十 CSS浮动布局——制作企业网站新闻列表页面204

项目导读204

学习目标205

任务一 对页面进行整体布局——浮动布局概念205

任务说明205

任务实施205

支撑知识点210

一、float和clear属性210

二、浮动布局的原理211

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

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

五、浮动布局应用技巧215

任务二 制作搜索栏目218

任务说明218

任务实施218

任务三 制作新闻菜单221

任务说明221

任务实施222

任务四 制作新闻列表225

任务说明225

任务实施226

项目总结231

项目实训231

一、制作个人文集页面231

二、制作博客网站主页232

项目十一 CSS定位布局——制作企业网站首页233

项目导读233

学习目标234

任务一 对页面进行整体布局——CSS定位属性234

任务说明234

任务实施234

支撑知识点240

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

二、CSS相对定位241

三、CSS绝对定位242

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

五、网页布局经验总结244

任务二 制作图片新闻栏目245

任务说明245

任务实施245

任务三 制作新闻列表栏目250

任务说明250

任务实施250

任务四 制作企业首页的其他栏目254

任务说明254

任务实施255

一、制作公司简介栏目255

二、制作项目展示栏目256

三、制作站内搜索栏目257

项目总结258

项目实训258

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

二、制作学校网站主页259

项目十二 综合应用1——制作婚礼策划机构首页260

项目导读260

案例分析261

任务一 搭建页面整体框架261

一、整体布局分析261

二、编写HTML代码262

三、编写CSS代码263

任务二 制作网页头部267

一、模块分析267

二、编写HTML代码267

三、编写CSS代码267

任务三 制作网页导航部分268

一、模块分析268

二、编写HTML代码268

三、编写css代码268

任务四 制作主体内容的上面部分269

一、制作左边登录部分270

1．模块分析270

2．编写HTML代码270

3．编写CSS代码271

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

任务五 制作主体内容的中间部分272

一、制作左边婚礼资讯部分272

1．模块分析272

2．编写HTML代码273

3．编写CSS代码274

二、制作右边视频显示区275

1．模块分析275

2．编写HTML代码275

3．编写CSS代码276

任务六 制作主体内容的下面部分276

一、模块分析276

二、编写HTML代码277

三、编写CSS代码278

任务七 制作友情链接部分279

一、模块分析279

二、编写HTML代码279

三、编写CSS代码279

任务八 制作网页底部280

项目十三 综合应用2——制作海南旅游网首页282

项目导读282

案例分析283

任务一 搭建页面整体框架283

一、整体布局分析283

二、编写HTML代码284

三、编写CSS代码285

任务二 制作网页头部288

一、模块分析288

二、编写HTML代码289

三、编写CSS代码289

任务三 制作主体内容的上面部分291

一、制作今日三亚栏目291

1．模块分析291

2．编写HTML代码291

3．编写CSS代码292

二、制作幻灯片广告部分293

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

1．模块分析293

2．编写HTML代码294

3．编写CSS代码294

任务四 制作主体内容的下面部分294

一、制作旅游资讯栏目295

1．模块分析295

2．编写HTML代码295

3．编写CSS代码296

二、制作推荐路线栏目297

1．模块分析297

2．编写HTML代码298

3．编写CSS代码299

三、制作酒店推荐栏目301

1．模块分析301

2．编写HTML代码301

3．编写CSS代码302

四、制作推荐景点栏目304

1．模块分析304

2．编写HTML代码305

3．编写CSS代码306

任务五 制作友情链接栏目307

一、模块分析307

二、编写HTML代码307

三、编写CSS代码307

任务六 制作页面底部308

一、模块分析308

二、编写HTML代码309

三、编写CSS代码309