出版社:人民邮电出版社
ISBN:978-7-115-56598-3
图书种类:高校教材
出版日期:2022-02
所属学科:Web前端,UI设计
页数:暂无
关注获取新书发布信息
Web标准的一大特点是采用“HTML+CSS+JavaScript”将网页内容、外观样式以及动态效果彻底分离,以便于分工设计和代码重用。本书站在初学者的角度,以实用的案例、通俗易懂的语言详细介绍了使用HTML、CSS及JavaScript进行网页制作的技巧。
全书分为8个项目,结合HTML、CSS和JavaScript的基础知识及应用,提供了7种不同类型的网页设计案例。其中,项目1介绍了HTML、CSS以及JavaScript的基础知识,包括Web基本概念、HTML、CSS、JavaScript简介、Dreamweaver工具的使用等;项目2~项目8为7个完整的网页设计项目,涉及“博客”“网店”“家居”“教育”“婚恋”“视频”“美食”多个方向,有助于学生掌握不同网站的设计风格和制作技巧。全书以项目为导向,通过项目将章节知识点串起来,学完一章内容就能制作一个完整的项目页面,能大大激发学生的学习兴趣。
本书附有源代码、习题、教学课件等资源,而且为了帮助初学者更好地学习本书讲解的内容,还提供了在线答疑,希望得到更多读者的关注。
本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材,也可作为网页平面设计的培训教材,是一本适合网页制作、美工设计、网站开发、网页编程等行业人员阅读与参考的优秀读物。
本书既可作为高等院校本、专科计算机相关专业的专用教材,也可以作为技术爱好者的入门用书。
HTML、CSS和JavaScript是网页制作技术的核心和基础,也是每个网页制作者都应掌握的基本知识,它们在网页设计中不可或缺。本书是在第一版《网页设计与制作项目教程(HTML+CSS+JavaScript)》的基础上修订而成,在优化原图书内容的同时,又新增了以下内容。
1.
在书中增加了HTML5部分基础标签和CSS3新属性的讲解和应用。
2.
在书中增加了网页视听技术的应用,主要包括音频、视频的嵌入和动画效果。
3.
调整了JavaScript部分知识点的顺序,更符合由浅入深、循序渐进的学习思路。
4.
在书中更换了部分案例,增强本书的实用性。
项目1 网页制作基础知识 【任务1-1】认识网页 需求分析 知识储备 1. 网页的构成 2. 网页的相关名词 3. Web标准 【任务1-2】网页制作入门技术 需求分析 知识储备 1. HTML简介 2. CSS简介 3. JavaScript简介 4. 常见浏览器介绍 【任务1-3】Dreamweaver工具的使用 需求分析 知识储备 1. Dreamweaver界面介绍 2. Dreamweaver初始化设置 3. Dreamweaver文档的基本操作 4. 创建第一个网页 【项目总结】 【课后练习】 项目2 “博客”页面制作 【项目描述】 【任务2-1】认识HTML 需求分析 知识储备 1. HTML文档基本格式 2. HTML标签 3. HTML标签的属性 4. HTML标签的关系 5. HTML文档头部相关标签 【任务2-2】HTML文本控制标签 需求分析 知识储备 1. 页面格式化标签 2. 文本样式标签 3. 文本格式化标签 4. 特殊字符标签 知识拓展 <div>标签 【任务2-3】HTML图像应用 需求分析 知识储备 1. 常用图像格式 2. 图像标签 3. 相对路径和绝对路径 知识拓展 切图 【任务2-4】页面建设准备工作 网站素材整理 1. 网站站点建立 2. “博客”页面切图 页面结构分析 页面布局 【任务2-5】制作“头部”模块 效果分析 模块制作 【任务2-6】制作“博主简介”模块 效果分析 模块制作 【任务2-7】制作“旅游随笔”模块 效果分析 模块制作 【任务2-8】制作“驴友评论”模块 效果分析 模块制作 【任务2-9】制作“页脚”模块 效果分析 模块制作 【项目总结】 【课后练习】 项目3 “网上花店”专题页制作 【项目描述】 【任务3-1】CSS核心基础 需求分析 知识储备 1. 结构与表现分离 2. CSS样式规则 3. CSS样式表的引入 4. CSS基础选择器 【任务3-2】CSS文本样式属性 需求分析 知识储备 1. CSS字体样式属性 2. CSS文本外观属性 知识拓展 1. CSS定义背景颜色 【任务3-3】CSS高级特性 需求分析 知识储备 1. CSS复合选择器 (3) 并集选择器 2. CSS层叠性与继承性 3. CSS优先级 【任务3-4】页面建设准备工作 网站素材整理 1. 网站站点建立 2. 切图 页面结构分析 1. HTML结构分析 2. CSS样式分析 定义基础样式 1. 页面布局 2. 公共样式设置 【任务3-5】制作“标题”模块 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 控制样式 【任务3-6】制作“分类”模块 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 添加样式 【任务3-7】制作“热卖”模块 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 控制样式 【任务3-8】制作“页脚”模块 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 控制样式 【项目总结】 【课后练习】 项目4“爱家居”企业网站首页制作 【项目描述】 【任务4-1】认识盒子模型 需求分析 知识储备 1. 认识盒子模型 【任务4-2】盒子模型基础属性 需求分析 知识储备 1. 边框属性 2. 内边距属性 3. 外边距属性 4. 背景属性 5. 宽度属性和高度属性 【任务4-3】盒子模型新增属性 需求分析 知识储备 1. 透明 2. 圆角 3. 阴影 4. 渐变 【任务4-3】元素的类型与转换 需求分析 知识储备 1. 元素的类型 2. <span>标签 3. 元素的转换 知识拓展 1. 块元素垂直外边距的合并 【任务4-4】元素的浮动 需求分析 知识储备 1. 元素的浮动属性 2. 清除浮动 3. overflow属性 【任务4-5】元素的定位 需求分析 知识储备 1. 元素的定位属性 2. 静态定位 3. 相对定位 4. 绝对定位 5. 固定定位 6. z-index属性 【任务4-6】布局及定义基础样式 网站素材的整理 页面结构分析 定义基础样式 1. 页面布局 2. 定义基础样式 【任务4-7】制作导航及banner模块 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 控制样式 【任务4-8】制作“热门推荐”模块 效果分析 模块制作 1. 搭建结构 2. 控制样式 【任务4-9】制作“夏日生活”模块 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 控制样式 【任务4-10】制作“版权信息”模块和“悬浮框”模块 效果分析 1. 结构分析 模块制作 【项目总结】 【课后练习】 项目5 “优课教育”网站首页面制作 【项目描述】 【任务5-1】列表标签 需求分析 知识储备 1. 无序列表 2. 有序列表 3. 定义列表 4. 列表的嵌套应用 【任务5-2】CSS控制列表样式 需求分析 知识储备 1. list-style复合属性 2. 背景图像定义列表项目符号 【任务5-3】超链接标签 需求分析 知识储备 1. 创建超链接 2. 锚点链接 3. 链接伪类控制超链接 【任务5-4】页面建设准备工作 网站素材整理 页面结构分析 定义基础样式 1. 页面布局 2. 定义基础样式 【任务5-5】制作“导航模块” 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 控制样式 【任务5-6】制作“banner模块”和“课程分类模块” 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 控制样式 【任务5-7】制作“精品展示模块” 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 控制样式 【任务5-8】制作“版权信息模块” 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 控制样式 【项目总结】 【课后练习】 项目6 “千年之恋”注册页面制作 【项目描述】 【任务6-1】认识表格相关标签 需求分析 知识储备 1. 表格的创建 2. <table>标签的属性 3. <tr>标签的属性 4. <td>标签的属性 5. <th>标签的属性 【任务6-2】CSS控制表格样式 需求分析 知识储备 1. CSS控制表格边框 2. CSS控制单元格边距 3. CSS控制单元格的宽高 【任务6-3】表单概述 需求分析 知识储备 1. 初识表单 2. 创建表单 【任务6-4】基础表单控件 需求分析 知识储备 1. input控件 2. textarea控件 3. select控件 【任务6-5】新增表单控件类型和属性 需求分析 知识储备 1. 新增input控件类型 2. 新增input控件属性 【任务6-5】CSS控制表单样式 需求分析 知识储备 1. CSS控制表单样式 【任务6-6】页面建设准备工作 网站素材整理 效果分析 定义基础样式 【任务6-7】制作“头部和导航”模块 效果分析 模块制作 【任务6-8】制作“banner和内容”模块 效果分析 模块制作 【任务6-9】制作“页脚”模块 效果分析 模块制作 【项目总结】 【课后练习】 项目7 “视频8”首页制作 【项目描述】 【任务7-1】网页中嵌入视频和音频 需求分析 知识储备 1. 音频、视频嵌入技术概述 2. 嵌入视频 3. 嵌入音频 4. 浏览器对音视频文件的兼容性 5. 控制视频宽高 【任务7-2】网页中添加过渡效果 需求分析 知识储备 1. transition-property属性 2. transition-duration属性 3. transition-timing-function属性 4. transition-delay属性 5. transition属性 【任务7-3】网页中添加变形效果 需求分析 知识储备 1. 2D变形 2. 3D变形 【任务7-5】网页中添加动画效果 需求分析 知识储备 1. @keyframes规则 2. animation-name属性 3. animation-duration属性 4. animation-timing-function属性 5. animation-delay属性 6. animation-iteration-count属性 7. animation-direction属性 8. animation属性 【任务7-6】页面建设准备工作 网站素材整理 效果分析 定义基础样式 【任务7-7】制作“引导栏”模块 效果分析 模块制作 【任务7-8】制作“导航”模块 效果分析 模块制作 【任务7-9】制作“banner”模块 效果分析 模块制作 【任务7-10】制作“内容”模块 效果分析 模块制作 【任务7-11】制作“页脚”模块 效果分析 模块制作 【项目总结】 【课后练习】 项目8 “甜蜜约会”首页制作 【项目描述】 【任务8-1】JavaScript基础知识 需求分析 知识储备 1. JavaScript简介 2. JavaScript引入方式 3. JavaScript基本语法 4. 第一个简单的JavaScript程序 【任务8-2】变量 需求分析 知识储备 1. 变量的声明 2. 变量的赋值 【任务8-3】数据类型和运算符 需求分析 知识储备 1. 数据类型 2. 运算符 【任务8-4】流程控制语句 需求分析 知识储备 1. 条件语句 2. 循环语句 3. 跳转语句 【任务8-5】函数 需求分析 知识储备 1. 函数的定义 2. 函数的调用 3. 函数中变量的作用域 【任务8-6】对象 需求分析 知识储备 1. 认识对象 2. 创建对象和删除对象属性 3. 内置对象 【任务8-7】数组 需求分析 知识储备 1. 初识数组 2. 创建数组 3. 数组的常用属性和方法 4. 二维数组 【任务8-8】BOM对象与DOM对象 需求分析 知识储备 1. BOM对象 2. DOM对象 【任务8-9】事件处理 需求分析 知识储备 1. 事件和事件调用 2. 常用的JavaScript事件 【任务8-10】页面建设准备工作 网站素材整理 效果分析 定义基础样式 1. 页面布局 2. 定义基础样式 【任务8-11】制作“头部及导航”模块 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 控制样式 【任务8-12】制作“banner”模块 效果分析 1. 结构分析 2. 样式分析 3. JavaScript特效分析 模块制作 1. 搭建结构 2. 控制样式 【任务8-13】制作“简介”模块 效果分析 1. 结构分析 2. 样式分析 3. JavaScript特效分析 模块制作 1. 搭建结构 2. 控制样式 3. 添加JS效果 【任务8-14】制作“推荐”模块 效果分析 1. 结构分析 2. 样式分析 3. JavaScript特效分析 模块制作 1. 搭建结构 2. 控制样式 3. 添加JS效果 【任务8-15】制作“页脚”模块 效果分析 1. 结构分析 2. 样式分析 模块制作 1. 搭建结构 2. 控制样式 【项目总结】 【课后练习】
Bootstrap响应式Web开发(第2版)
人民邮电出版社
定价:¥59.80 咨询客服
Spring Cloud微服务架构开发(第2版)
人民邮电出版社
定价:¥59.80 咨询客服
Cinema 4D任务驱动教程
高等教育出版社
定价:¥59.50 咨询客服
Python Web企业级项目开发教程(Django版)(第2版)
中国铁道出版社
定价:¥58.00 咨询客服
深圳坪山网站建设公司荔湾网站排名推广优化费用佛山seo网站排名优化公司汉口网站优化公司哪家好网站优化快捷键宁夏优化网站排名社交媒体优化对网站有什么影响芜湖怎么优化网站哈尔滨网站优化排名鄂尔多斯网站优化多少钱太原seo网站优化步骤奉化区网站优化定制广州物流优化网站黄山网站权重优化有效吗响应式网站优化公司哪个好沁阳网站推广优化哪家专业商丘网站优化哪家价格便宜安新县网站优化公司网站优化排名推广云安网站seo优化公司江门网站优化菜鸟如何做网站优化松岗外贸独立网站优化下城区企业网站优化平台网站搭建优化价格云浮网站首页关键词优化哪家好百度如何自测网站的优化效果濮阳网站优化推广可靠吗临沂网站关键词优化哪家好如何选择扬中网站优化网站优化方案小白怎么入门香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤