精华内容
下载资源
问答
  • HTML5+CSS3网页设计与布局经典课堂
    2021-06-11 00:53:50

    HTML5+CSS3网页设计与布局经典课堂

    编辑

    锁定

    讨论

    上传视频

    《HTML5+CSS3网页设计与布局经典课堂》是2019年2月清华大学出版社出版的图书,作者是金松河、刘柏生。

    书    名

    HTML5+CSS3网页设计与布局经典课堂

    作    者

    金松河、刘柏生

    ISBN

    9787302517795定    价

    69元

    出版社

    清华大学出版社

    出版时间

    2019年2月

    HTML5+CSS3网页设计与布局经典课堂内容简介

    编辑

    《HTML5+CSS3 网页设计与布局经典课堂》以HTML 和CSS 为写作基础,以“理论知识+实操案例”为创作导向,围绕网页设计的基本知识展开讲解。书中的每个案例都给出了详细的实现代码,同时还对代码中的关键点和效果实现进行了描述。

    《HTML5+CSS3 网页设计与布局经典课堂》共12 章,分别对canvas 绘图基础、HTML5 表单元素、HTML5 表单制作、HTML5 多媒体应用、地理位置的获取、离线储存和拖放、CSS3 中的选择器、CSS3 的颜色和图形的应用、CSS3 中的动画及用户交互界面设计进行了详细的我阐述。本书结构清晰,思路明确,内容丰富,语言简练,既有鲜明的基础性,也有很强的实用性。[1]

    《HTML5+CSS3 网页设计与布局经典课堂》既可作为大中专院校及高等院校相关专业的教学用书,又可作为网页设计爱好者的学习用书。同时,也可以作为社会各类网页设计及Web 前端开发培训班的首选教材。

    HTML5+CSS3网页设计与布局经典课堂图书目录

    编辑

    Chapter / 01

    HTML5 轻松上手

    1.1 HTML5 新增知识 2

    1.1.1 HTML5 的兼容性 2

    1.1.2 HTML5 的通用访问 2

    1.1.3 HTML5 标准改进 2

    1.2 HTML5 语法 3

    1.2.1 文档类型声明 3

    1.2.2 字符编码 4

    1.2.3 省略引号 4

    1.3 HTML5 元素分类 4

    1.3.1 结构性元素 4

    1.3.2 级块性元素 5

    1.3.3 行内语义性元素 5

    1.3.4 交互性元素 5

    1.4 HTML5 新增主体结构元素 6

    1.4.1 article 元素 6

    1.4.2 section 元素 7

    1.4.3 nav 元素 8

    1.4.4 aside 元素 9

    1.4.5 pubdate 属性 10

    1.5 HTML5 新的非主体结构元素 12

    1.5.1 header 元素 12

    1.5.2 hgroup 元素 13

    1.5.3 footer 元素 14

    1.5.4 address 元素 16

    1.6 新增的属性 17

    1.6.1 表单相关属性 17

    1.6.2 其他相关属性 17

    1.7 课堂练习 18

    强化训练 20

    Chapter / 02

    使用canvas 绘图

    2.1 canvas 入门 22

    2.1.1 什么是canvas 22

    2.1.2 浏览器对canvas 的支持情况 23

    2.1.3 CSS 和canvas 24

    2.1.4 canvas 坐标 24

    2.2 怎样使用canvas 24

    2.2.1 在页面中加入canvas 25

    2.2.2 绘制矩形和三角形 27

    2.3 canvas 绘制曲线路径 30

    2.3.1 路径 30

    2.3.2 描边样式 32

    2.3.3 填充样式 34

    2.3.4 绘制曲线 35

    2.4 canvas 绘制图像 38

    2.4.1 插入图像 38

    2.4.2 绘制渐变图形 39

    2.4.3 绘制变形图形 42

    2.4.4 组合多个图形 44

    2.4.5 图形的缩放 46

    2.4.6 像素处理 47

    2.5 canvas 文本应用 48

    2.5.1 绘制文本 48

    2.5.2 应用阴影 49

    2.6 课堂练习 50

    强化训练 52

    Chapter / 03

    制作新型表单

    3.1 认识HTML5 form 54

    3.1.1 HTML5 form 新特性 54

    3.1.2 浏览器对HTML5 form 的支持情况 54

    3.1.3 新型表单的输入型控件 55

    3.2 表单新属性 58

    3.2.1 新的表单元素 58

    3.2.2 新增表单属性 60

    3.3 HTML5 中form 应用 64

    3.4 课堂练习 66

    强化训练 68

    Chapter / 04

    多媒体的应用

    4.1 认识audio 和video 元素 70

    4.2 audio 和video 元素的应用 70

    4.2.1 检测浏览器是否支持 70

    4.2.2 audio 元素 71

    4.2.3 使用audio 元素 72

    4.2.4 video 元素 73

    4.2.5 使用video 元素 74

    4.3 audio 和video 属性、方法和事件 75

    4.3.1 audio 和video 相关事件 75

    4.3.2 audio 和video 相关属性 76

    4.3.3 audio 和video 相关方法 76

    4.4 课堂练习 77

    强化训练 78

    Chapter / 05

    获取地理位置

    5.1 关于地理位置信息 80

    5.1.1 经度和纬度坐标 80

    5.1.2 IP 地址定位数据 80

    5.1.3 GPS 地理定位数据 80

    5.1.4 wi-fi 地理定位数据 81

    5.1.5 用户自定义的地理定位 81

    5.2 浏览器对Geolocation 的支持 81

    5.2.1 GeolocationAPI 必学知识 81

    5.2.2 Geolocation 的浏览器支持情况 84

    5.3 隐私处理 84

    5.3.1 应用隐私保护机制 84

    5.3.2 处理位置信息 85

    5.4 使用GeolocationAPI 85

    5.4.1 检测浏览器是否支持 85

    5.4.2 位置请求 86

    5.5 在地图上显示你的位置 89

    5.6 课堂练习 92

    强化训练 94

    Chapter / 06

    本地储存和上传

    6.1 离线Web 入门 96

    6.1.1 离线Web 介绍 96

    6.1.2 离线Web 应用的浏览器支持情况 96

    6.2 使用离线Web 96

    6.2.1 支持离线行为 97

    6.2.2 manifest 文件介绍 98

    6.2.3 applicationCache 对象 99

    6.2.4 离线Web 的具体应用 101

    6.3 Web Workers 知识 102

    6.3.1 什么是Web Workers 102

    6.3.2 W eb Workers 的简单应用 103

    6.4 使用Web Workers API 105

    6.4.1 检测浏览器是否支持 105

    6.4.2 创建Web Workers 106

    6.4.3 多线程文件的加载与执行 106

    6.4.4 与Web Workers 通信 106

    6.5 拖放API 108

    6.5.1 实现拖放API 的过程 108

    6.5.2 datatransfer 对象的属性与方法 108

    6.6 拖放API 的应用 109

    6.6.1 拖放应用 109

    6.6.2 拖放列表 111

    6.7 课堂练习 114

    强化训练 117

    Chapter / 07

    新增的选择器

    7.1 回顾CSS 120

    7.1.1 什么是CSS 120

    7.1.2 CSS 特点及优点 120

    7.1.3 CSS 的基本语法 120

    7.2 CSS 选择器 121

    7.2.1 三大基础选择器 121

    7.2.2 集体选择器 124

    7.2.3 属性选择器 126

    7.3 CSS3 基础知识 127

    7.3.1 CSS3 浏览器的支持情况 127

    7.3.2 CSS3 新增的长度单位 128

    7.3.3 CSS3 新增结构性伪类 129

    7.3.4 CSS3 新增UI 元素状态伪类 135

    7.3.5 CSS3 新增属性 137

    7.4 课堂练习 141

    强化训练 143

    Chapter / 08

    CSS3 文本与颜色

    8.1 设计文本和边框样式 146

    8.1.1 文本阴影text-shadow 146

    8.1.2 文本溢出text-overflow 155

    8.1.3 文本换行word-wrap 156

    8.1.4 单词拆分word-break 157

    8.1.5 圆角边框border-radius 158

    8.1.6 盒子阴影box-shadow 160

    8.1.7 边界边框border-image 161

    8.2 设计颜色样式 163

    8.2.1 使用RGBA 颜色值 163

    8.2.2 使用HSL 颜色值 164

    8.2.3 使用HSLA 颜色值 168

    8.3 课堂练习 169

    强化训练 171

    Chapter / 09

    颜色渐变和图形转换

    9.1 渐变简介 174

    9.1.1 浏览器支持 174

    9.1.2 线性渐变 175

    9.1.3 径向渐变 178

    9.2 CSS3 转换 180

    9.2.1 浏览器支持情况 180

    9.2.2 2D 转换 180

    9.2.3 3D 转换 187

    9.3 课堂练习 192

    强化训练 194

    Chapter / 10

    让设计更加灵活

    10.1 盒子模型 196

    10.1.1 CSS 中的盒子简介 196

    10.1.2 外边距设置 196

    10.1.3 外边距合并 199

    10.1.4 内边距设置 202

    10.2 弹性盒子 202

    10.2.1 弹性盒子基础 203

    10.2.2 浏览器支持情况 203

    10.2.3 对父级容器的设置 203

    10.2.4 对子级内容的设置 212

    10.3 课堂练习 217

    强化训练 219

    Chapter / 11

    CSS3 设计动画

    11.1 过渡基础 222

    11.1.1 过渡属性 222

    11.1.2 浏览器支持情况 222

    11.2 实现过渡 223

    11.2.1 单项属性过渡 223

    11.2.2 多项属性过渡 224

    11.2.3 利用过渡设计电脑桌面 226

    11.3 实现动画 228

    11.3.1 浏览器支持 228

    11.3.2 动画属性 229

    11.3.3 实现动画效果 230

    11.3.4 利用动画属性制作太阳系动画 233

    11.4 课堂练习 236

    强化训练 237

    Chapter / 12

    用户交互界面

    12.1 多媒体查询 240

    12.1.1 多媒体查询能做什么 240

    12.1.2 多媒体查询语法 240

    12.1.3 多媒体查询方法 240

    12.1.4 制作一个自适应的导航栏 243

    12.2 用户界面简介 247

    12.2.1 调整尺寸resizing 247

    12.2.2 方框大小调整box-sizing 249

    12.2.3 外形修饰outline-offset 252

    12.2.4 界面的多列布局 253

    12.3 课堂练习 256

    强化训练 258

    参考文献 259

    参考资料

    1.

    HTML5+CSS3网页设计与布局经典课堂

    .清华大学出版社[引用日期2020-05-11]

    更多相关内容
  • 网页设计经典案例(Web)

    万次阅读 多人点赞 2021-02-21 20:56:25
    网页设计经典案例 一、实现效果(一) 源代码(二) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style tyle=...

    网页设计经典案例

    在这里插入图片描述

    一、实现效果(一)

    在这里插入图片描述

    源代码(二)

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<style tyle="html">
    		img{
    			width: 300px;
    			height: 200px;
    		}
    		#test{
    			letter-spacing: 2px;
    			line-height:1.5em;
    		}
    		a{
    			text-decoration:none;
    		}
    		*{
    			 text-align:center;
    		}
    
    	</style>
    </head>
    <body>
    	<h1>梦一场</h1>
    	<h2>梦醒了的bai姊妹</h2>
    	<p  id="test">
    		我们都曾经寂寞 <br/>
    		而给对方承诺<br />
    		我们都因为折磨<br />
    		而厌倦了生活<br />
    		只是这样的日子<br />
    		同样的方式还要多久<br />
    		我们改变了态度<br />
    		而接纳了对方<br />
    		我们委屈了自己<br />
    		成全谁的梦想<br />
    		只是这样的日子<br />
    		还剩下多少已不重要<br />
    		时常想起过去的温存<br />
    		让我在夜里不会冷<br />
    		你说一个人的美丽是认真<br />
    		两个人能在一起是缘份<br />
    		早知道是这样像梦一场<br />
    		我才不会把爱都放在同一个地方</p>
    	<div>
    	<img src="6666.jpg" alt="">
    	</div>
    	<br>
    	<a href="#">点赞</a>
    	<a href="#">评论</a>
    	<a href="#">转发</a>
    
    </body>
    </html>
    

    二、实现效果(一)

    在这里插入图片描述

    源代码(二)

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<style>
    	*{
    		padding: 0;
    		margin: 0;
    	}
    	body{
    		font-size:14px;
    	}
    	#contalner{
            margin:0 auto; 
            width:1000px;
    		height:500px;
    		/*background-color: #6cf;*/
    	}
    	#header{
    		height:100px;
    		background-color: #6cf;
    		margin-bottom:5px;
    	}
    	#main{
    		height:500px;
    		/*width:800px;*/
    		/*background-color: #cff;*/
    		margin-bottom:5px;
    	}
    	#aside{
    		float:left;
    		width:300px;
    		height:500px;
    		background-color: #6cf;
    	}
    	#content{
    		float:left;
    		width:695px;
    		height:500px;
    		background-color: #cff;
    		margin-left:5px;
    	}
    	#footer{
    		height:60px;
    		background-color: #6cf;
    	}
    	</style>
    </head>
    <body>
    	<div id="contalner">
    		<div id="header"></div>
    		<div id="main">
    			<div id="aside"></div>
    			<div id="content"></div>
    		</div>
    		<div id="footer"></div>
    	</div>
    </body>
    </html>
    

    三、实现效果(一)

    在这里插入图片描述

    源代码(二)

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<style>
    		#imglist{
    			width: 130px;
    			margin:0 auto;
    		}
    		.pol{
    			width: 132px;
    			padding: 10px;
    			background-color: #eee;
    			border: 1px solid #dfdfdf;
    			box-shadow: 10px 10px 5px #aaa;
    			border-radius:10px;
    
    		}
    		#imglist img{
    			height: 150px;
    			width: 132px;
    			margin: 0 auto;
    
    		}
    		.rotate-left{
    			-webkit-transform: rotate(7deg);
    			-ms-transform: rotate(7deg);
    			-o-transform: rotate(7deg);
    			transform: rotate(7deg);
    			
    		}
    		.rotate-right{
    			-webkit-transform: rotate(-7deg);
    			-ms-transform: rotate(-7deg);
    			-o-transform: rotate(-7deg);
    			transform: rotate(-7deg);
    			
    		}
    		 div img:hover{  
                    transform: scale(1.4);  
                }  
    	</style>
    </head>
    	<div id="imglist">
    		<div class="pol rotate-left"><img src="1111.jpg" alt=""></div>
    		<div class="pol rotate-right"><img src="2222.jpg" alt=""></div>
    		<div class="pol rotate-left"><img src="3333.jpg" alt=""></div>
    		<div class="pol rotate-right"><img src="4444.jpg" alt=""></div>
    	</div>
    	
    </body>
    </html>
    

    四、实现效果(一)

    在这里插入图片描述

    源代码(二)

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<style>                             
    		*{
    			padding:0;                  
    			margin:0;
    		}
    		#nav{                           
    			margin:50px auto;           
    			width:300px;
    			font-size:0;                
    
    
    		}
    		a{                               
    			display:inline-block;        
    			width:80px;
    			height:30px;
    			border-bottom:1px solid #ccc;   
    			font-size:14px;
    			text-align:center;
    			line-height:30px;
    			text-decoration: none;       
    		}
    		a:hover{                         
    			color:white;                 
    			background-color:#ccc;       
    			border:1px solid;            
    			border-left-color:orange;    
    			border-top-color:orange;
    			border-right-color:orange;
    
    		}
    		
    	</style>
    </head>
    <body>
    <div id="nav">                          
    	<a href="#">链接1</a>
    	<a href="#">链接2</a>
    	<a href="#">链接3</a>
    
    </div>
    </body>
    </html>
    

    五、实现效果(一)

    在这里插入图片描述

    源代码(二)

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<style>
    	*{
    		padding:0;
    		margin:0;
    
    	}
    	body{
    		font-size:14px;
    	}
    	#container{
    		margin:0 auto;
    		width:1000px;
    		height:500px;
    		/*background-color:blue;*/
    	}
    	#header{
    		height:100px;
    		background-color:blue;
    		margin-bottom:5px;
    
    	}
    	#main{
    		height:500px;
    		/*background-color:#cff;*/ 
    		margin-bottom:5px;
    	}
    	#aside{
    		float:left;
    		width:300px;
    		height:500px;
    		background-color:blue;
    		margin-right:5px;
    
    	}
    	#content{
    		float:left;
    		width:695px;
    		height:500px;
    		background-color:#cff;
    
    	}
    	#footer{
    		height:60px;
    		background-color:blue; 
    		
    	}
    	</style>
    </head>
    <body>
    	<div id="container">
    	<div id="header"></div>
    	<div id="main">
    		<div id="aside"></div>
    		<div id="content"></div>
    	</div>
    	<div id="footer"></div>
    	</div>
    
    	
    </body>
    </html>
    

    六、实现效果(一)

    在这里插入图片描述
    在这里插入图片描述

    源代码(二)

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>web前端开发</title>
    </head>
    <body>
    	<a href="http://www.w3c.org">w3c组织</a><br />
    	<a href="www.w3school.com.cn">w3school学习网站</a><br />
    	<a href="vv.html">前端与后端</a>
    	<h1>WEB前端开发</h1>
    	<h5>web front-end development</h5>
    	<hr />
    	<h2>基本概念</h2>
    	<p>发到公司的法国雷诺胜利的凯歌凡是看过了士大夫看见关键看是否的是否广泛豆腐干士大夫;高考结束 技术的飞机公司 是技术</p>
    	<h2>技术构成</h2>
    	<p>HTML</p>
    	<p>CSS</p>
    	<p>JS</p>
    	<hr />
    	<h6>copyright</h6>
    </body>
    </html>
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>前端与后端</title>
    </head>
    <body>
    	<a href="http://www.w3c.org">w3c组织</a><br />
    	<a href="www.w3school.com.cn">w3school学习网站</a><br />
    	<a href="vv.html">前端</a>
    	<h1>前端与后端</h1>
    	<h5>front-end development</h5>
    	<hr />
    	<h2>区别</h2>
    	<p>发到公司的法国雷诺胜利的凯歌凡是看过了士大夫看见关键看是否的是否广泛豆腐干士大夫;高考结束 技术的飞机公司 是技术的发生范德萨的客户发噶客户给达拉斯官方啊但是经过发送旅客发爱丽丝的进攻乏力 </p>
    	
    	<hr />
    	<h6>copyright</h6>
    </body>
    </html>
    

    七、实现效果(一)

    在这里插入图片描述

    源代码(二)

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<style>
    	table{
    		border:2px solid white;
    		width:300px;
    	}
    	th{
    		background-color:#3cc;
    		text-align:center;
    		font-size:18px;
    		line-height:3em;
    	}
    	td{
    		color:white;
    		background-color:rgb(0,0,0);
    		font-size:12px;
    	}
    	a:link{
    		text-decoration: none;
    		color:rgb(255,255,255);
    	}
    	a:hover{
    		background-color: white;
    		color:rgb(0,0,0);
    	}
    	</style>
    </head>
    <body>
    <table>
    
    <tr>
    <th>外国最经典的文学名著</th>
    </tr>
    <tr>
    <td>
    <ul>
    <li>
    <a href="">希腊神话——古希腊文明的瑰宝</a></li>
    <li><a href="#">伊索寓言——一部经典的寓言故事集</a></li>
    <li><a href="#">荷马史诗——横亘千古的文学瑰宝</a></li>
    <li><a href="#">俄狄浦斯王——古希腊悲剧的典范</a></li>
    <li><a href="#">圣经——基督教的经典著作</a></li>
    <li><a href="#">源氏物语——日本古典文学的瑰宝</a></li>
    <li><a href="#">神曲——中世纪的伟大诗作</a></li>
    <li><a href="#">十日谈——欧洲第一部现实主义小说</a></li>
    <li><a href="#">列那狐的故事——法国伟大的民间长篇故事诗</a></li>
    <li><a href="#">巨人传——一部荒诞不经的幽默小说</a></li>
    </ul>
    </td>
    </tr>
    </table>	
    </body>
    </html>
    

    八、实现效果(一)

    在这里插入图片描述

    源代码(二)

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    
    </head>
    <body>
    	<form action="">
    	账户:<input type="text">
    	<br />                                                       
    	密码:<input type="password">
    	<br />
    	爱好:<input type="text">
    	<input type="submit" value="确定">
    	<input type="reset" value="重置">
    	<br />
    	性别:
    	男<input type="radio" name="gender"><input type="radio" name="gender">
    	<br />
    	爱好:
    	<input type="checkbox">音乐
    	<input type="checkbox">体育
    	<input type="checkbox">阅读
    	<br />
    	
    	爱好:<select>
    	<option value="">看书</option>
    	<option value="" selected="selected">旅游</option>
    	<option value="">运动</option>
    	<option value="">购物</option>
    	</select>
    	<h5>个人简历:</h5>
    	<textarea name="" id="" cols="30" rows="10"></textarea>
    	<br />
    	<br />
        <input type="submit" value="确定">  <input type="reset" value="重置">
    	
    
    	</form>
    	
    </body>
    </html>
    

    在这里插入图片描述

    展开全文
  • 22个网页设计经典案例不容错过.doc
  • Photoshop网页设计实用经典案例21个,非常实用。
  • ASP动态网站设计经典案例(源码),时代购物系统.rar,同学录.rar,在线音乐点播.rar,是asp入门学习的好案例!
  • html案例 网页设计 网页制作 html作业 网页编程 html50个案例 html-css 静态网页 动态网页 对于初学者比较实用
  • Visual+C#+2008程序设计经典案例设计与实现 第1章 Visual C#2008与窗体界面 案例1 飘动动画窗体 案例2 透明动画窗体 案例3 利用API函数实现动画窗体 案例4 闪烁动画窗体 案例5 滚动字幕动画窗体 案例6 超女卡通...
  • 导航的设计非常的重要。 这些都是经典的导航设计
  • 25个经典网站源代码

    2017-07-11 12:43:41
    25个经典网站源代码
  • 2012年涌现出众多令人印象深刻的CSS 网站作品,这些网站充分应用 CSS 的强大特性实现各种绚丽的视觉效果。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表,如果你有收藏更...

      2012年涌现出众多令人印象深刻的 CSS 网站作品,这些网站充分应用 CSS 的强大特性实现各种绚丽的视觉效果。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表,如果你有收藏更好的作品,欢迎留言向大家分享。

    您可能感兴趣的相关文章

     

    Bond Licence to Drive

    9. css web design

    36creative

    28. css web design

    Holify.it

    29. css web design

    Evi Hermans

    27. css web design

    Milwaukee Police

    26. css web design

    Electric Design

    25. css web design

    Karma

    24. css web design

    Shape Christmas

    23. css web design

    Pudding Rush

    22. css web design

    A contrario

    21. css web design

    PeopleRise

    20. css web design

    Barrel Recap

    30. css web design

    Ditto

    19. css web design

    FresHarvest

    18. css web design

    梦想天空(jizhula.com)关注前端开发技术,展示HTML5CSS3应用,分享jQuery插件,推荐网页设计案例。

    Journey of the Mouse

    17. css web design

    AppStores

    16. css web design

    Marketingfacts

    15. css web design

    Anonymous Paris

    14. css web design

    Visual Kitchen

    13. css web design

    Drink Rumble

    12. css web design

    E&E

    11. css web design

    Your Now

    10. css web design

    EuroChem

    7. css web design

    Walk & Talk

    6. css web design

    梦想天空(jizhula.com)关注前端开发技术,展示HTML5CSS3应用,分享jQuery插件,推荐网页设计案例。

    The quintessential magazine

    5. css web design

    A.Kitchen

    4. css web design

     

    Oscar Charlie

    2. css web design

    My Provence Festival

    1. css web design

     

    您可能感兴趣的相关文章

     

    本文链接:经典网页设计:30个创意的 CSS 网站应用案例

    编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源


    更多专业前端知识,请上 【猿2048】www.mk2048.com
    展开全文
  • 案例包括了表格布局网页设计和DIV+CSS网页设计,后者包含了黑马的经典布局案例,如京东、淘宝网站页面模仿设计,是非常好的学习资源。
  • 100个精彩网页设计案例

    千次下载 热门讨论 2011-12-19 22:42:15
    源自国外优秀设计师的100个设计案例,打包放送
  • ASP.NET动态网页设计的案例教程(C#版) c#经典案例.ppt
  • 书中提供了大量的经典案例分析以提高读者的设计理念,并详细介绍了48个商务表格实战案例供读者实战演练,以提高读者的Excel商务表格的制作水平。本书涉及面广,从Excel图表的基本操作到高级技术和核心原理,再到实际...
  • div+css网页设计案例图片资源
  • HTML5+CSS3+JavaScript网页设计案例课堂-课本源代码.zip
  • 第10章 经典案例实战知识点10.1 海报制作案例10.2 网页制作案例10.3 真题实例10.4 知识能力测试10.1 海报制作案例海报是机关团体和企事业单位对外发布消息时在特定的位置贴出的广告也是一种向大众传播信息的媒体它...
  • 第1章 Visual C#2008与窗体界面 案例1 飘动动画窗体 案例2 透明动画窗体 案例3 利用API函数实现动画窗体 案例4 闪烁动画窗体 ...案例4 利用Application对象实现网站计数器 案例5 利用Session对象实现留言板 本章小结
  • 50个div+css经典案例

    2011-11-16 14:56:57
    10个div+css经典案例,宠物网、电子产品类、个人网站、欢乐餐厅、科技公司、家居、咖啡店、旅游网站、冒险岛、美食、时代财富科技、中国音乐网。。。。提供给div+css的学习者,浏览器兼容性好!!!!
  • 本文实例为大家分享了jQuery购物网页经典案例,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>今日团购模块</title> <...
  • 目录: 第1章 Visual C#2008与窗体界面 案例1 飘动动画窗体 案例2 透明动画窗体 案例3 利用API函数实现动画窗体 ...案例4 利用Application对象实现网站计数器 案例5 利用Session对象实现留言板 本章小结
  • 第1章 Visual C#2008与窗体界面 案例1 飘动动画窗体 案例2 透明动画窗体 案例3 利用API函数实现动画窗体 案例4 闪烁动画窗体 ...案例4 利用Application对象实现网站计数器 案例5 利用Session对象实现留言板 本章小结
  • 案例8:JSP调用JavaBean在网页上动态生成柱状图 案例9:实现图片上传 案例10:JSP页面调用Applet实现人民币大小写转换 本章小结 第4章 Servlet高级编程设计与实现 案例1:Servlet中的多国语言显示 案例2:JSP调用...
  • 个人网站是让人们知道你,了解你生活中成就的最佳方式。...本文出处【http://www.cnblogs.com/lhb25/】您可能感兴趣的相关文章25个以全屏照片为背景的精美网页作品 分享35个非常漂亮的单页网站设计案...

    5268f80b9b1e01f982625ef6fac83ca1.png

    个人网站是让人们知道你,了解你生活中成就的最佳方式。有些人选择最搞笑的言论表达自己的想法,有的人则充分展现自己的个性。不管采用什么方式呈现你的个人网站,重要的是,把你最好的一面表现出来。下面是一些帮助你制作成功的个人网站的很有用的例子。

    本文出处【http://www.cnblogs.com/lhb25/】

    您可能感兴趣的相关文章

    25个以全屏照片为背景的精美网页作品 分享35个非常漂亮的单页网站设计案例 10套精美的免费网站后台管理系统模板 25个国外优秀的电子商务网站设计案例 12个优秀的 HTML5 网站设计案例欣赏

    Cat Rabbit

    CMYK08

    Me and My AAA

    Mark Lawrence Design

    Identity Withheld

    Concepteur multimedia

    Danielvazquez

    James Garner

    Ralph Millard

    Design Embraced

    CRSSRD

    Tomcash

    Ricky Downs Design

    Nolovelost

    Words are pictures

    Colly

    Ryan Todd

    Stephan Siegrist

    Not Pretty

    Wing Cheng

    Artsybury

    Jaspera Arts

    Graylabel

    Spunqi

    您可能感兴趣的相关文章

    经典设计:关注用户体验的20个网站 25个优秀的国外单页网站设计作品欣赏 让人惊叹的国外创意404错误页面设计 16个精美的HTML5作品集网站设计案例 经典网页设计:25个华丽的CSS网站作品

    经典网页设计:25个优秀的个人网站设计欣赏

    编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

    1428d0e076c3959ab11d28a39bc84fab.png

    5268f80b9b1e01f982625ef6fac83ca1.png

    本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

    本文系统来源:php中文网

    展开全文
  • HTML5+CSS3网页设计及制作案例教程.pdf

    千次阅读 2021-06-13 09:30:41
    随着信息通信技术的不断成熟,以及互联网与各行各业的日益融合,越来越多的人接触或从事网页设计制作工作。在介绍网页制作技术之前,我们有必要先了解一下相关的基础知识。本章主要介绍网页相关知识、网页的基本元素...
  • axure的经典设计案例

    2014-03-14 16:32:25
    一个绝对完美的axure设计案例,都你学的
  • 第1章 Visual C#2008与窗体界面 案例1 飘动动画窗体 案例2 透明动画窗体 案例3 利用API函数实现动画窗体 案例4 闪烁动画窗体 ...案例4 利用Application对象实现网站计数器 案例5 利用Session对象实现留言板

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 23,710
精华内容 9,484
关键字:

网站设计经典案例