标签分类
当前位置:首页 > > web开发电子书网盘下载
HTML5+CSS3+JavaScript从入门到精通 HTML5+CSS3+JavaScript从入门到精通
码小辫

码小辫 提供上传

资源
37
粉丝
35
喜欢
48
评论
19

    HTML5+CSS3+JavaScript从入门到精通 PDF 原书影印版

    web开发电子书
    • 发布时间:

    给大家带来的一篇关于web开发相关的电子书资源,介绍了关于HTML5、CSS3、javascript、入门到精通方面的内容,本书是由水利水电出版社出版,格式为PDF,资源大小186 MB,未来科技编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:7.3

  • HTML5+CSS3+JavaScript从入门到精通 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1dJi_JkfXxdvXcWsapkzOXQ
  • 分享码:ii26
  • HTML5+CSS3+JavaScript从入门到精通

    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&amp;text='+str+'&amp;spd=5&amp;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开发相关电子书
    学习笔记
    网友NO.31747
    网友NO.31747

    php主要用于生成html页面,不参与前端的数据显示
    所有页面的交互,除了超链接之外都需要js参与
    html静态页面,现在基本不需要了;主流上使用php进行生成
    一个网站只需要一个index.php,不暴露任何和目录相关的信息
    主流的网站,在网站开始运行的时候,是没有任何html文件,都通过语言生成
    权限问题,所有需要传输到css和js文件,都需要有下载权限才行
    css文件和js文件在进行传输的时候,尽量将里面的换行符去除,减少网络带宽的使用
    先设计一套属于自己的css系统
    设计一个属于自己的静态布局页面
    不使用开发框架做一个属于自己的web页面,包括php的各种组件,包括日志,数据库,html模版
    美术的话,可以先找一个色轮配个颜色,使用相近色(1,2,3种,3种颜色的话,有一种颜色为辅助色),或者体现冷暖冲突的色调进行
    简单的勾勒线条,然后填充颜色就可以了,
    美术主要的一点,表达情感

    网友NO.40104
    网友NO.40104

    1、超文本:顾名思义就是超出了文本,比文本更高级,文本我们见得最常见的就是txt,他只能去记录文字,而超文本在它的基础上,页面内可以包含图片,链接,视频,音频等非文本的内容,所以叫做超文本。
    2、标记: 怎么解释呢,打个比方,我们的某一个行为,笑这个行为吧,首先我们只要做出那个动作,先人就把它定义为笑,并且还有笑这个字作为文字标记,所以作为html的标记,其实已经被发明的人定义过啦,不要太去纠结一些标签,你只需要会用就行了。
    3、语言: 从小到大,普通的我们学了语文、英语,大概就是这两种语言吧,跟我在解释标记里面举得例子一样,语言就如说话一样,它是用来表现行为的,要是你真的问我语言是什么的话,个人觉得,只能去百度啦
    4、静态网页和动态网页: 首先都是网页,后缀都是.html 或者是 .htm 接下来就是静态和动态,静态网页其实就是没有交互的网页,只是用html加css写的网页,而动态网页就不一样啦,它富有javascript所带来的行为效果,区别还是很明显的
    5、浏览器解析标记: 在浏览器的规则里面生存,那么你就必须遵循它的一些规范,而标记就是它定义的,你只能运用它来展现你的超文本,至于怎么展示,这是你的事儿,我浏览器只制定一些语言标记,就跟我们人类社会一样,你怎么生活是你的事儿,但是社会有社会的规则,身体有身体的规则,在不违反规则的前提下,你自己想干啥就干啥。

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明