HTML5+CSS3+JavaScript从入门到精通
-
码小辫
- 资源
- 42
- 粉丝
- 33
- 喜欢
- 627
- 评论
- 15
HTML5+CSS3+JavaScript从入门到精通 PDF 原书影印版
web开发电子书- 发布时间：
给大家带来的一篇关于web开发相关的电子书资源，介绍了关于HTML5、CSS3、javascript、入门到精通方面的内容，本书是由水利水电出版社出版，格式为PDF，资源大小186 MB，未来科技编写，目前豆瓣、亚马逊、当当、京东等电子书综合评分为：8.5
HTML5+CSS3+JavaScript从入门到精通 电子书封面
读者评价
书本合适初学者的我看，有扫码看视频老师分析也可以下载视频，练习题，实战案例使学习起来轻松并快速掌握知识点。
此书不错，从基础开始，和以前的知识点也有衔接，为了不足就是觉得实际的大案例没有，只有单方面的小案例
412节同步视频 661个案例分析 1000习题面试题 4396个案例 47部参考手册 1636个模版 17类素材库 623项配色 508项欣赏库
内容介绍
HTML5+CSS3+JavaScript从入门到精通（标准版）以基础知识、示例、实战案例相结合的方式详尽讲述了HTML、CSSJ、avaScript及目前新的前端技术，html5移动开发、html5实战、html5 canvas、html5 app、html5入门、html5动画、html5揭秘、html游戏、html5指南的基本知识都有涉及。
全书分两大部分，共12章。第一部分为网页样式基础部分，介绍了HTML5入门和CSS3实战入门内容：使用HTML标签标识网页内容，使用CSS设计网页基本样式，如使用并美化文本、图像、超链接、列表、表单和表格等；第二部分为CSS3布局部分，主要讲解使用CSS3设计完整网页的方法和技巧，以及CSS3中的各种新技术应用；第三部分为JavaScript部分，主要讲述了：JavaScript基本语法和用法，使用JavaScript控制网页文档和浏览器，JavaScript事件处理，使用JavaScript设计CSS动画等内容。
HTML5+CSS3+JavaScript从入门到精通（标准版）配备了极为丰富的学习资源，其中，配套资源有235节教学视频（可二维码扫描）、素材源程序。拓展学习资源有习题及面试题库、案例库、工具库、网页模板库、网页配色库、网页素材库、网页案例欣赏库等。
HTML5+CSS3+JavaScript从入门到精通（标准版）适合做为Web前端开发、网页设计、网页制作、网站建设的入门级或者有一定基础读者的自学用书，也适合作为高校相关专业的教学参考书或相关机构的培训教材。
内容节选
html5+CSS3+JS实现七夕言情功能代码
因为今天8月28日就是中国的情人节—七夕，作为程序猿一枚的我就只有在家敲代码咯！但我还是有一颗脱单的心；制作了h5+css+js界面祝小伙伴们：七夕快乐
具体的功能有：
1.下雪的背景动画
2.下面的文字逐字显示，并伴有语音
3.中部的图片3d轮播
附上源码:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Keywords" content="关键字，关键词">
<meta name="Description" content="描述信息">
<title>七夕快乐</title>
<!--css 样式 层叠样式表-->
<style type="text/css">
*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
body{background:url(images/3.jpg);background-size:cover;overflow:hidden;}
/*top start*/
.top{width:400px;height:100px;margin:60px auto;font-size:30px;font-family:"华文行楷";color:#fff;}
/*background:-webkit-linear-gradient(45deg,#ff0000,#ff0099,#ffff00,#33ff00,#3300cc,#000000);*/
/*end top*/
/*box start*/
.box{width:310px;height:310px;margin:auto;perspective:800px;}
.box .pic{position:relative;transform-style:preserve-3d;/*搭载3d环境*/animation:play 10s linear infinite;}
/*animation:play 速度 匀速 循环;*/
.box ul li{list-style:none;position:absolute;top:0;left:0;}
/*end box*/
#text{width:500px;height:200px;margin:auto;color:#6fade1;margin:auto;font-size:24px;font-family:"方正喵呜体";}
/*定义一个关键帧*/
@keyframes play{
from{transform:rotateY(0deg);}
to{transform:rotateY(360deg);}
}
</style>
</head>
<body>
<!--top start-->
<div class="top">
<!--marquee滚动标签 behaviod="alternate"碰撞-->
<marquee behavior="alternate">时光不老 我们不散</marquee>
</div>
<!--end top-->
<!--box start-->
<div class="box">
<div class="pic">
<ul>
<!--图片四要素 src路径 width height alt描述 优化-->
<li><img src="images/1.png" width="" height="" alt="描述"></li>
<li><img src="images/2.png" width="" height="" alt="描述"></li>
<li><img src="images/3.png" width="" height="" alt="描述"></li>
<li><img src="images/4.png" width="" height="" alt="描述"></li>
<li><img src="images/5.png" width="" height="" alt="描述"></li>
<li><img src="images/6.png" width="" height="" alt="描述"></li>
</ul>
</div>
</div>
<!--end box-->
<div id="text"></div>
<!--插入背景音乐-->
<embed src="周杰伦+-+告白气球.mp3"/>
<!--引入jQuery类库-->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!--下雪的动画背景 js-->
<script type="text/javascript" src="js/trans.js"></script>
<script>
//拿到每一个li
$(".pic ul li").each(function(i){
//每一张图片的旋转角度是不相同的
var deg=360/$(".pic ul li").size();
//当前的li对象
$(this).css({"transform":"rotateY("+deg*i+"deg) translateZ(216px)"});
//调用下雪的动画
$.fn.snow({
minSize:10,
maxSize:15,
newOn:500,
flakeColor:"#fff"
});
});
var i=0;
var str="把天上的银河截下，汇成爱情的心河，流进你的心里;把天上的鹊桥摘下，变成爱情的心桥，搭在你的心里。给你此生不变的挚爱. 七夕快乐 ! ! !";
//语音
var obj = $('<audio src="http://fanyi.baidu.com/gettts?lan=zh&text='+str+'&spd=5&sorce=web" autoplay></audio>');
$("body").append(obj);
window.onload= function typing(){
//获取div
var mydiv=document.getElementById("text");
//实现逐字显示
mydiv.innerHTML+=str.charAt(i);
i++;
//定时器
var id = setTimeout(typing,100);
//判断str显示完后清空setTimeout
if(i==str.length){
clearTimeout(id);
}
}
</script>
</body>
</html>
目录
- 第1章HTML5基础
- 1.1HTML发展历史
- 1.2HTML文档结构和基本语法
- 1.2.1HTML4文档基本结构
- 1.2.2HTML4基本语法
- 1.2.3XHTML文档基本结构
- 1.2.4XHTML基本语法
- 1.2.5HTML5文档基本结构
- 1.2.6HTML5基本语法
- 1.3HTML4元素
- 1.3.1结构元素
- 1.3.2内容元素
- 1.3.3修饰元素
- 1.4HTML4属性
- 1.4.1核心属性
- 1.4.2语言属性
- 1.4.3键盘属性
- 1.4.4内容属性
- 1.4.5其他属性
- 1.5HTML5元素
- 1.5.1结构元素
- 1.5.2功能元素
- 1.5.3表单元素
- 1.6HTML5属性
- 1.6.1表单属性
- 1.6.2链接属性
- 1.6.3其他属性
- 1.7HTML5全局属性
- 1.7.1contentEditable属性
- 1.7.2contextmenu属性
- 1.7.3data-*属性
- 1.7.4draggable属性
- 1.7.5dropzone属性
- 1.7.6hidden属性
- 1.7.7spellcheck属性
- 1.7.8translate属性
- 第2章CSS3基础
- 2.1CSS3概述
- 2.1.1CSS的发展历史
- 2.1.2CSS3新功能
- 2.1.3浏览器支持
- 2.2CSS基本用法
- 2.2.1CSS样式
- 2.2.2CSS应用
- 2.2.3CSS样式表
- 2.2.4导入外部样式表
- 2.2.5CSS注释
- 2.3CSS特性
- 2.3.1CSS层叠性
- 2.3.2CSS继承性
- 2.4案例实战
- 第3章使用CSS3选择器
- 3.1CSS3选择器分类
- 3.2基本选择器
- 3.2.1标签选择器.
- 3.2.2类选择器
- 3.2.3ID选择器
- 3.2.4通配选择器
- 3.3组合选择器
- 3.3.1包含选择器
- 3.3.2子选择器
- 3.3.3相邻选择器
- 3.3.4兄弟选择器
- 3.3.5分组选择器
- 3.4属性选择器
- 3.5伪类选择器
- 3.5.1动态伪类
- 3.5.2结构伪类
- 3.5.3否定伪类
- 3.5.4状态伪类
- 3.5.5目标伪类
- 3.6案例实战
- 3.6.1设计菜单样式
- 3.6.2设计表单样式
- 3.6.3设计超链接样式
- 3.6.4设计表格样式
- 4章设计网页文本
- 4.1使用文本标签
- 4.1.1标题文本
- 4.1.2段落文本
- 4.1.3引用文本
- 4.1.4强调文本
- 4.1.5格式文本
- 4.1.6输出文本
- 4.1.7缩写文本
- 4.1.8插入和删除文本
- 4.1.9文本方向
- 4.2HTML5新增文本标签
- 4.2.1标记文本
- 4.2.2进度信息
- 4.2.3刻度信息
- 4.2.4时间信息
- 4.2.5联系文本
- 4.2.6隔离文本
- 4.2.7换行断点
- 4.2.8文本注释
- 4.3案例实战
- 4.3.1设计自我介绍页
- 4.3.2解决网页乱码
- 4.3.3把HTML转换为XHTML
- 4.3.4输出唐诗
- 5章使用CSS美化网页文本
- 5.1字体样式
- 5.1.1定义字体类型
- 5.1.2定义字体大小
- 5.1.3定义字体颜色
- 5.1.4定义字体粗细
- 5.1.5定义斜体字体
- 5.1.6定义下划线
- 5.1.7定义字体大小写
- 5.2文本样式
- 5.2.1定义文本对齐
- 5.2.2定义垂直对齐
- 5.2.3定义字距和词距
- 5.2.4定义行高
- 5.2.5定义缩进
- 5.3CSS3新增文本样式
- 5.3.1定义文本阴影
- 5.3.2设计阴影特效
- 5.3.3定义溢出文本
- 5.3.4文本换行
- 5.3.5添加动态内容
- 5.3.6恢复默认样式
- 5.3.7自定义字体类型
- 5.4案例实战
- 5.4.1配置网页字体大小
- 5.4.2网页配色
- 5.4.3网页居中显示
- 5.4.4垂直对齐
- 5.4.5文字隐藏和截取
- 5.4.6设计中文报刊版式
- 5.4.7设计特效首页
- 5.4.8使用RGBA
- 5.4.9使用HSL
- 第6章使用并美化图像
- 6.1在网页中插入图像
- 6.2设置图像样式
- 6.2.1定义图像大小
- 6.2.2定义图像边框
- 6.2.3定义图像不透明度
- 6.2.4定义圆角图像
- 6.2.5定义阴影图像
- 6.2.6图文混排
- 6.3设置背景图像
- 6.3.1定义背景图像
- 6.3.2定义显示方式
- 6.3.3定义显示位置
- 6.3.4定义固定背景
- 6.3.5定义坐标
- 6.3.6定义裁剪区域
- 6.3.7定义大小
- 6.3.8定义循环方式
- 6.3.9定义多背景图
- 6.4定义渐变背景
- 6.4.1设计Webkit渐变
- 6.4.2设计Gecko渐变
- 6.4.3设计W3C渐变
- 6.5案例实战
- 6.5.1设计图文新闻内容页
- 6.5.2设计精致按钮
- 6.5.3设计花边框
- 6.5.4设计阴影白边效果
- 6.5.5设计网页纹理背景
- 6.5.6设计发光的球体
- 6.5.7设计图标按钮
- 7章使用并美化超链接
- 7.1定义超链接
- 7.1.1URL格式
- 7.1.2超链接分类
- 7.1.3使用<a>标签
- 7.1.4定义锚点链接
- 7.1.5定义不同目标的链接
- 7.1.6定义下载链接
- 7.1.7定义热点区域
- 7.1.8定义框架链接
- 7.2设置超链接样式
- 7.2.1伪类
- 7.2.2定义超链接样式
- 7.3案例实战
- 7.3.1定义下划线样式
- 7.3.2定义立体样式
- 7.3.3定义动态样式
- 7.3.4定义图像交换样式
- 7.3.5定义鼠标样式
- 7.3.6设计图形化按钮样式
- 7.3.7设计滑动门样式
- 第8章使用并美化列表
- 8.1列表的基本结构
- 8.2创建列表
- 8.2.1无序列表
- 8.2.2有序列表
- 8.2.3定义列表
- 8.2.4菜单列表
- 8.2.5弹出菜单
- 8.2.6案例：设计图片旋转功能
- 8.2.7案例：设计分享功能
- 8.2.8案例：添加任务列表
- 8.3设计CSS样式
- 8.3.1设计项目符号类型
- 8.3.2自定义项目符号
- 8.3.3使用背景图设计项目符号
- 8.4案例实战
- 8.4.1使用背景图装饰菜单
- 8.4.2设计垂直导航条
- 8.4.3设计水平导航条
- 8.4.4设计多级菜单
- 8.4.5设计滑动门菜单
- 8.4.6设计排行榜
- 8.4.7设计图文列表栏目
- 第9章使用并美化表格
- 9.1表格的基本结构
- 9.1.1早期表格的结构
- 9.1.2标准化的表格结构
- 9.2创建表格
- 9.2.1简单的表格
- 9.2.2包含表头的表格
- 9.2.3包含标题的表格
- 9.2.4结构化的表格
- 9.2.5列分组的表格
- 9.3设置表格属性
- 9.3.1设计单线表格
- 9.3.2设计井字表格
- 9.3.3设计细线表格
- 9.3.4设置表格说明
- 9.4设置单元格属性
- 9.4.1单元格跨列或跨行显示
- 9.4.2定义表头单元格
- 9.4.3为单元格指定表头
- 9.4.4定义单元格信息缩写
- 9.4.5对单元格进行分类
- 9.5设计CSS样式
- 9.5.1设计细线表格
- 9.5.2定义单元格间距和空隙
- 9.5.3隐藏空单元格
- 9.5.4定义标题样式
- 9.6案例实战
- 9.6.1隔行换色
- 9.6.2设计动态交互特效
- 9.6.3设计清淡视觉表格
- 9.6.4设计结构化表格
- 9.6.5设计日历表
- 第10章使用并美化表单
- 10.1表单的基本结构
- 10.2创建表单控件
- 10.2.1输入型控件
- 10.2.2选择型控件
- 10.2.3辅助控件
- 10.3HTML5增强输入类型
- 10.3.1email类型
- 10.3.2url类型
- 10.3.3number类型
- 10.3.4range类型
- 10.3.5日期选择器类型
- 10.3.6search类型
- 10.3.7tel类型
- 10.3.8color类型
- 10.4HTML5增强输入属性
- 10.4.1autocomplete属性
- 10.4.2autofocus属性
- 10.4.3form属性
- 10.4.4表单重写属性
- 10.4.5height和width属性
- 10.4.6list属性
- 10.4.7min、max和step属性
- 10.4.8multiple属性
- 10.4.9pattern属性
- 10.4.10placeholder属性
- 10.4.11required属性
- 10.5HTML5新增控件
- 10.5.1datalist元素
- 10.5.2keygen元素
- 10.5.3output元素
- 10.6HTML5表单属性
- 10.6.1autocomplete属性
- 10.6.2novalidate属性
- 10.6.3显式验证
- 10.7案例实战
- 10.7.1设计反馈表
- 10.7.2设计用户登录页
- 10.7.3设计用户注册页
- 10.7.4设计搜索页
- 第11章CSS3布局基础
- 11.1CSS盒模型基础
- 11.1.1盒模型结构
- 11.1.2定义大小
- 11.1.3定义边框
- 11.1.4定义边界
- 11.1.5定义补白
- 11.2CSS3完善盒模型
- 11.2.1定义显示方式
- 11.2.2定义可控大小
- 11.2.3溢出处理
- 11.2.4定义轮廓
- 11.2.5定义轮廓样式
- 11.2.6定义多色边框
- 11.2.7定义边框背景
- 11.3案例实战
- 11.3.1设计行内元素边框
- 11.3.2边界的应用
- 11.3.3边界重叠现象
- 11.3.4行内元素边界
- 11.3.5设计网页居中显示
- 11.3.6设计多栏高度自适应页面
- 11.3.7设计负margin页面
- 第12章CSS3+HTML5网页排版
- 12.1使用结构标签
- 12.1.1使用div和span
- 12.1.2使用id和class
- 12.1.3认识显示类型
- 12.1.4正确嵌套标签
- 12.2设计HTML5结构
- 12.2.1定义文章块
- 12.2.2定义内容块
- 12.2.3定义导航块
- 12.2.4定义侧边栏
- 12.2.5定义主要区域
- 12.2.6定义标题栏
- 12.2.7定义标题组
- 12.2.8定义脚注栏
- 12.3浮动显示
- 12.3.1定义浮动显示
- 12.3.2清除浮动
- 12.3.3浮动嵌套
- 12.3.4混合浮动布局
- 12.4定位显示
- 12.4.1定义定位显示
- 12.4.2定位框
- 12.4.3相对定位
- 12.4.4定位层叠
- 12.4.5混合定位布局
- 第13章使用CSS3新布局
- 13.1多列流动布局
- 13.1.1设置列宽
- 13.1.2设置列数
- 13.1.3设置列间距
- 13.1.4设置列边框样式
- 13.1.5设置跨列显示
- 13.1.6设置列高度
- 13.2弹性盒布局
- 13.2.1定义Flexbox
- 13.2.2定义伸缩方向
- 13.2.3定义行数
- 13.2.4定义对齐方式
- 13.2.5定义伸缩项目
- 13.3案例实战
- 13.3.1比较3种布局方式
- 13.3.2设计可伸缩网页模板
- 13.3.3设计多列网页
- 13.3.4设计HTML5应用网页模板
- 第14章使用CSS3动画
- 14.1设计2D变换
- 14.1.1定义旋转
- 14.1.2定义缩放
- 14.1.3定义移动
- 14.1.4定义倾斜
- 14.1.5定义矩阵
- 14.1.6定义变换原点
- 14.2设计3D变换
- 14.2.1定义位移
- 14.2.2定义缩放
- 14.2.3定义旋转
- 14.3设计过渡动画
- 14.3.1设置过渡属性
- 14.3.2设置过渡时间
- 14.3.3设置延迟时间
- 14.3.4设置过渡动画类型
- 14.3.5设置触发方式
- 14.4设计帧动画
- 14.4.1设置关键帧
- 14.4.2设置动画属性
- 14.5案例实战
- 14.5.1设计挂图
- 14.5.2设计高亮显示
- 14.5.3设计3D几何体
- 14.5.4设计旋转的盒子
- 14.5.5设计翻转广告
- 14.5.6设计跑步动画
- 第15章JavaScript基础
- 15.1JavaScript入门
- 15.1.1在网页中插入JavaScript代码
- 15.1.2使用JavaScript文件
- 15.1.3JavaScript语法基础
- 15.1.4认识JavaScript语法特性
- 15.2常量和变量
- 15.3表达式和运算符
- 15.4语句
- 15.4.1表达式语句和语句块
- 15.4.2条件语句
- 15.4.3循环语句
- 15.4.4跳转语句
- 15.4.5异常处理语句
- 15.4.6var语句和function语句
- 15.4.7with语句和空语句
- 15.5数据类型
- 15.5.1数值
- 15.5.2字符串
- 15.5.3布尔型
- 15.5.4null和undefined
- 15.5.5引用型数据
- 15.6函数
- 15.6.1定义函数
- 15.6.2调用函数
- 15.6.3函数参数
- 15.6.4函数应用
- 15.6.5闭包函数
- 15.7对象
- 15.7.1创建对象
- 15.7.2访问对象
- 15.8数组
- 15.8.1定义数组
- 15.8.2存取元素
- 15.8.3数组应用
- 15.9案例实战
- 15.9.1检测数据类型
- 15.9.2数值计算与类型转换
- 15.9.3字符串替换
- 15.9.4增强数组排序
- 第16章操作BOM
- 16.1使用window对象
- 16.1.1访问浏览器窗口
- 16.1.2全局作用
- 16.1.3使用系统测试方法
- 16.1.4打开和关闭窗口
- 16.1.5使用框架集
- 16.1.6控制窗口位置
- 16.1.7控制窗口大小
- 16.1.8使用定时器
- 16.2使用navigator对象
- 16.2.1浏览器检测方法
- 16.2.2检测浏览器类型和版本号
- 16.2.3检测客户操作系统
- 16.2.4检测插件
- 16.3使用location对象
- 16.4使用history对象
- 16.5使用screen对象
- 16.6使用document对象
- 16.6.1访问文档对象
- 16.6.2动态生成文档内容
- 16.7案例实战
- 16.7.1使用远程脚本
- 16.7.2设计远程交互
- 16.7.3使用浮动框架
- 第17章操作DOM
- 17.1DOM基础
- 17.2使用节点
- 17.2.1节点类型
- 17.2.2节点名称和值
- 17.2.3节点关系
- 17.2.4访问节点
- 17.2.5操作节点
- 17.3使用文档节点
- 17.3.1访问文档子节点
- 17.3.2访问文档信息
- 17.3.3访问文档元素
- 17.3.4访问文档集合
- 17.3.5使用HTML5Document
- 17.4使用元素节点
- 17.4.1访问元素
- 17.4.2遍历元素
- 17.4.3创建元素
- 17.4.4复制节点
- 17.4.5插入节点
- 17.4.6删除节点
- 17.4.7替换节点
- 17.4.8获取焦点元素
- 17.4.9检测包含节点
- 17.5使用文本节点
- 17.5.1访问文本节点
- 17.5.2创建文本节点
- 17.5.3操作文本节点
- 17.5.4读取HTML字符串
- 17.5.5插入HTML字符串
- 17.5.6替换HTML字符串
- 17.5.7插入文本
- 17.6使用文档片段节点
- 17.7使用属性节点
- 17.7.1访问属性节点
- 17.7.2读取属性值
- 17.7.3设置属性值
- 17.7.4删除属性
- 17.7.5使用类选择器
- 17.7.6自定义属性
- 17.8案例实战
- 17.8.1设计动态脚本
- 17.8.2使用script加载远程数据
- 17.8.3使用script实现异步交互
- 17.8.4使用JSONP
- 17.8.5使用CSS选择器
- 第18章事件处理
- 18.1事件基础
- 18.1.1事件模型
- 18.1.2事件流
- 18.1.3绑定事件
- 18.1.4事件处理函数
- 18.1.5注册事件
- 18.1.6销毁事件
- 18.1.7使用event对象
- 18.1.8事件委托
- 18.2使用鼠标事件
- 18.2.1鼠标点击
- 18.2.2鼠标移动
- 18.2.3鼠标经过
- 18.2.4鼠标来源
- 18.2.5鼠标定位
- 18.2.6鼠标按键
- 18.3使用键盘事件
- 18.3.1键盘事件属性
- 18.3.2键盘响应顺序
- 18.4使用页面事件
- 18.4.1页面初始化
- 18.4.2结构初始化
- 18.4.3页面卸载
- 18.4.4窗口重置
- 18.4.5页面滚动
- 18.4.6错误处理
- 18.5使用UI事件
- 18.5.1焦点处理
- 18.5.2选择文本
- 18.5.3字段值变化监测
- 18.5.4提交表单
- 18.5.5重置表单
- 18.5.6剪贴板数据
- 18.6案例实战
- 18.6.1设计弹出对话框
- 18.6.2设计遮罩层
- 18.6.3自定义事件
- 18.6.4设计事件触发模型
- 18.6.5应用事件模型
- 第19章使用Ajax
- 19.1Ajax基础
- 19.1.1HTTP头部信息
- 19.1.2定义XMLHttpRequest对象
- 19.1.3建立XMLHttpRequest连接
- 19.1.4发送GET请求
- 19.1.5发送POST请求
- 19.1.6转换串行化字符串
- 19.1.7跟踪状态
- 19.1.8中止请求
- 19.1.9获取XML数据
- 19.1.10获取HTML文本
- 19.1.11获取JavaScript脚本
- 19.1.12获取JSON数据
- 19.1.13获取纯文本
- 19.1.14获取头部信息
- 19.2案例实战
- 19.2.1动态查询记录集
- 19.2.2记录集分页显示
- 19.2.3设计Tab面板
- 19.2.4使用灯标
上一篇：大师谈游戏设计：创意与节奏 下一篇：Oracle 12c从零开始学
展开 +
收起 -
web开发 相关电子书
关于web开发的学习笔记
php主要用于生成html页面，不参与前端的数据显示
所有页面的交互，除了超链接之外都需要js参与
html静态页面，现在基本不需要了；主流上使用php进行生成
一个网站只需要一个index.php，不暴露任何和目录相关的信息
主流的网站，在网站开始运行的时候，是没有任何html文件，都通过语言生成
权限问题，所有需要传输到css和js文件，都需要有下载权限才行
css文件和js文件在进行传输的时候，尽量将里面的换行符去除，减少网络带宽的使用
先设计一套属于自己的css系统
设计一个属于自己的静态布局页面
不使用开发框架做一个属于自己的web页面，包括php的各种组件，包括日志，数据库，html模版
美术的话，可以先找一个色轮配个颜色，使用相近色（1，2，3种，3种颜色的话，有一种颜色为辅助色），或者体现冷暖冲突的色调进行
简单的勾勒线条，然后填充颜色就可以了，
美术主要的一点，表达情感
1、超文本：顾名思义就是超出了文本，比文本更高级，文本我们见得最常见的就是txt，他只能去记录文字，而超文本在它的基础上，页面内可以包含图片，链接，视频，音频等非文本的内容，所以叫做超文本。
2、标记： 怎么解释呢，打个比方，我们的某一个行为，笑这个行为吧，首先我们只要做出那个动作，先人就把它定义为笑，并且还有笑这个字作为文字标记，所以作为html的标记，其实已经被发明的人定义过啦，不要太去纠结一些标签，你只需要会用就行了。
3、语言: 从小到大，普通的我们学了语文、英语，大概就是这两种语言吧，跟我在解释标记里面举得例子一样，语言就如说话一样，它是用来表现行为的，要是你真的问我语言是什么的话，个人觉得，只能去百度啦
4、静态网页和动态网页： 首先都是网页，后缀都是.html 或者是 .htm 接下来就是静态和动态，静态网页其实就是没有交互的网页，只是用html加css写的网页，而动态网页就不一样啦，它富有javascript所带来的行为效果，区别还是很明显的
5、浏览器解析标记： 在浏览器的规则里面生存，那么你就必须遵循它的一些规范，而标记就是它定义的，你只能运用它来展现你的超文本，至于怎么展示，这是你的事儿，我浏览器只制定一些语言标记，就跟我们人类社会一样，你怎么生活是你的事儿，但是社会有社会的规则，身体有身体的规则，在不违反规则的前提下，你自己想干啥就干啥。