HTML CSS JavaScript网页制作从入门到精通

给大家带来的一篇关于网页制作相关的电子书资源，介绍了关于HTML、CSS、JavaScript、网页制作方面的内容，本书是由人民邮电出版社出版，格式为PDF，资源大小65.2 MB，刘西杰 张婷编写，目前豆瓣、亚马逊、当当、京东等电子书综合评分为：9.8。

内容介绍

HTML CSS JavaScript网页制作从入门到精通 第3版共分为19章和4个附录，重点介绍使用HTML进行网页制作的方方面面，同时讲解了目前流行的Web标准与CSS网页布局实例，以及基于JavaScript语言的网页特效制作，还介绍了新的HTML5和CSS3知识。为了便于读者学习，附录中汇集了经过作者精心整理的网页制作技巧60多例。

本书语言简洁、内容丰富，适合网页设计与制作人员、网站建设与开发人员、大中专院校相关专业师生、网页制作培训班学员、个人网站爱好者阅读。

目录

• 第01章HTML基础
• 第02章HTML基本标记
• 第03章建立超链接
• 第04章使用图像
• 第05章使用列表
• 第06章使用表格
• 第07章使用表单
• 第08章添加多媒体
• 第09章HTML 5入门基础
• 第10章HTML5的结构
• 第11章HTML5开发实战
• 第12章使用CSS样式表
• 第13章Web标准与CSS网页布局实例
• 第14章移动网页设计基础CSS3
• 第15章JavaScript脚本基础
• 第16章利用JavaaScript制作网页特效
• 第17章在Dreamweaver中编辑HTML网页
• 第18章个人博客网站布局
• 第19章公司宣传网站的布局

学习笔记

利用JavaScript在网页实现八数码启发式A*算法动画效果

最近人工智能课老师布置了一个八数码实验，网上看到很多八数码的启发式A*算法，但是大多数都是利用C或者C++在控制台实现的，于是我用js在网页中做了一个类似的。 首先八数码就是一个九宫格，其中有一个空格，其他八个对应数字1-8， 移动空格，使得最后状态为有序，如下图 启发式算法是指在求解时，利用启发函数将不符合规则的解节点去掉，从而缩小问题的解空间。 A*算法是利用评价函数的启发式算法，在本例中，利用当前节点状态与最终节点状态所不同的格子数来评估节点的优劣，将优越节点储存并在之后展开，将劣质节点抛弃。 利用web实现这一点首先在html中添加九个如图所示input文本框，……

JavaScript编写的网页小游戏，很给力

以下为游戏界面： 以下为游戏代码：htmlhead script language="JavaScript" !-- Original: Nick Young () -- !-- recompose: Pakchoi () -- var timerID = null; var INT = 40; var loadFLG = 0; var gameFLG = 0; var missFLG = 0; var tim = 0; var blcol = new Array(5); // block color var blsta = new Array(40); // block status var blNO = new Array(40); // block No var blclr = 0; // clear block var ballX = 0; // ball data var ballY = 0; var ballN = 5; var ballDX = 0; var ballDY = 0; var tmpRL = 193; var X = 0; blcol[0] = "blue"; blcol[1] = "yello"; blcol[2] = "red"; blcol[3] = "purple"; blcol[4] = "#FF0000"; blcol[5] = "black"; function mainF() { clearTimeout(timerID); tim = tim + 1; with (Math) { tmptim = floor(tim / 10)}; document.forms[0].TM.value = tmptim; ballX = ballX + ballDX; ballY ……

javascript实现网页屏蔽Backspace事件，输入框不屏蔽

下面通过javascript代码实现网页屏蔽Backspace事件，输入框不屏蔽，具体代码如下： document.onkeydown = function (e) { var code; if (!e){ var e = window.event;} if (e.keyCode){ code = e.keyCode;} else if (e.which){ code = e.which;} //BackSpace 8; if ( (event.keyCode == 8) ((event.srcElement.type != "text" event.srcElement.type != "textarea" event.srcElement.type != "password") || event.srcElement.readOnly == true ) ) { event.keyCode = 0; event.returnValue = false; } return true; }; 希望能够帮助到大家。 ……

JavaScript实现网页头部进度条刷新

本文刷新会头部会出现，因为并没有真正的参与到浏览器加载是否完整这个渲染过程中来，所以只是一个表象，并不是说这个显示完了就浏览器也加载完了所以资源。 效果图： 先看下html: 就两个标签 div id="barbg" div id="bar" /div /div CSS: 布局也很简单 style *{margin:0;padding:0;} #barbg{height:5px; background:rgb(149,143,143)} #barbg div{width:0; height:5px; position:relative; background:rgb(230,10,10);} /style JS 然后原生JS的话就是这样了 script document.onreadystatechange = function(){ var bar = document.getElementById('bar'); var barbg = bar.parentNode; var wd = document.body.scrollWidth || document.documentElement.scrollWidth; var t = 10; var d = 0; var i = 0; var timer = setInterval(goto,10); function ……

以上就是本次介绍的网页制作电子书的全部相关内容，希望我们整理的资源能够帮助到大家，感谢大家对码农之家的支持。

上一篇：深入云计算：Hadoop源代码分析

下一篇：OPhone/Android游戏开发与推广指南