动态网页设计与制作：CSS+JavaScript
- 发布时间：2021年02月24日 09:24:28
- 作者：admin
- 大小：19.55MB
- 类别：网页设计电子书
- 格式：PDF
- 版本：影印高清版
- 评分：7.7
HTML+CSS+DIV网页设计与布局
形式感+网页视觉设计创意拓展与快速表现
响应式网页设计：Bootstrap开发速成
网页设计创意书：卷2
移动网页设计与开发：HTML5+CSS3+JavaScript
HTML5+CSS3网页设计入门必读动态网页设计与制作：CSS+JavaScript PDF 影印高清版
给大家带来的一篇关于网页设计相关的电子书资源，介绍了关于网页设计、CSS、JavaScript方面的内容，本书是由未知出版，格式为PDF，资源大小19.55MB，admin编写，目前豆瓣、亚马逊、当当、京东等电子书综合评分为：8.6分
内容介绍
《动态网页设计与制作：CSS+JavaScript》结合案例，贴近实践，培养网页设计师的专业技能，HTML CSS＋JavaScript。
本书全面系统地介绍了用HTML、CSS和JavaScript制作网页的编程技术。全书主要分为4大部分：HTML基础、CSS基础和实用技巧、JavaScript的基本编程方法和实用技巧以及综合实训项目。读者通过学习本书，可以自己制作动态网页，全面提高自己网页设计的基本技能。本书可以作为计算机相关专业的教材，也可以作为一般网页制作人员的自学用书。
目录
- 第1章 HTML基础
- 1.1 HTML简介
- 1.2 HTML常用元素
- 习题一
- 第2章 CSS基础
- 2.1 CSS简介
- 2.2 CSS的基本语法
- 习题二
- 第3章 CSS实用技巧
- 3.1 CSS的常用技巧
- 3.2 CSS用于网页布局设计
- 3.3 CSS用于菜单设计
- 3.4 CSS其他设计原则
- 第4章 JavaScript简介
- 4.1 什么是JavaScript
- 4.2 编辑与调试JavaScript
- 4.3 第一个JavaScript示例
- 习题四
- 第5章 JavaScript编程基础
- 5.1 数据类型及变量
- 5.2 表达式与运算符
- 5.3 基本语句
- 5.4 函数
- 5.5 对象
- 5.6 事件及事件处理程序
- 习题五
- 第6章 JavaScript常用内置对象
- 6.1 数组（Array）对象
- 6.2 字串（String）对象
- 6.3 数学（Math）对象
- 6.4 日期（Date）对象
- 习题六
- 第7章 JavaScript常用文档对象
- 7.1 文档对象结构
- 7.2 文档对象
- 7.3 动态改变网页内容和样式
- 习题七
- 第8章 JavaScript其他常用窗口对象
- 8.1 屏幕（screen）对象
- 8.2 浏览器信息（navigator）对象
- 8.3 窗口（window）对象
- 8.4 网址（location）对象
- 8.5 历史记录（history）对象
- 8.6 框架（frame）对象
- 习题八
- 第9章 JavaScript实用技巧
- 9.1 建立函数库
- 9.2 识别浏览器的方法
- 9.3 校验用户输入
- 9.4 弹出窗口
- 9.5 下拉菜单
- 9.6 事件冒泡处理
- 9.7 动画技术
- 习题九
- 第10章 实训项目
- 10.1 “第1章 HTML基础”实训
- 10.2 “第2章 CSS基础”实训
- 10.3 “第3章 CSS使用技巧”实训
- 10.4 “第4章 JavaScript简介”实训
- 10.5 “第5章 JavaScript编程基础”实训
- 10.6 “第6章 JavaScript常用内置对象”实训
- 10.7 “第7章 JavaScript常用文档对象”实训
- 10.8 “第8章 JavaScript其他常用窗口对象”实训
- 10.9 “第9章 JavaScript实用技巧”实训
以上就是本次介绍的网页设计电子书的全部相关内容，希望我们整理的资源能够帮助到大家，感谢大家对码农之家的支持。
展开 +
收起 -
网页设计 相关电子书
读者心得
本文实例为大家分享了js自定义弹出窗口效果展示的具体代码，供大家参考，具体内容如下 效果图： 源码： 1.demo.jsp %@ page contentType="text/html;charset=UTF-8" language="java" %htmlhead title自定义弹出窗口/title script type="text/javascript" src="js/myLayer.js"/script style type="text/css" button{ width: 50px; height: 50px; border: 1px solid blue; background-color: blue; color: red; border-radius: 5px; -webkit-box-shadow: 2px 2px 2px gray; -moz-box-shadow: 2px 2px 2px gray ; box-shadow: 2px 2px 2px gray ; } button:hover{ background-color: green; cursor: pointer; } /style script type="text/javascript" function openWindow() { new MyLayer({ top:"10%", left:"10%", width:"80%", height:"80%", title:"我的标题", content:"操作成功" }).openLayer……
javascript+html5+css3自定义提示窗口
javascript自定义提示窗口效果图： 源码： 1.demo.jsp %@ page contentType="text/html;charset=UTF-8" language="java" %htmlhead title自定义提示窗口/title script type="text/javascript" src="js/myAlert.js"/script script type="text/javascript" function bodyOnload() { var myInput = document.getElementById("myInput"); myInput.style.border = "none"; myInput.style.backgroundColor = "rgba(223, 230, 223, 0.3)"; myInput.value = "请输入你的名字："; myInput.onfocus = function () { myInput.style.outline = "none"; myInput.value = ""; }; var image_div = document.createElement("div"); image_div.style.width = myInput.offsetHeight ; image_div.style.height = myInput.offsetHeight; image_div.style.float = "right"; image_div.style.cursor = "pointer"; image_div.onclick = function () { new……