欢迎光临澳大利亚新华书店网 [登录 | 免费注册]

    • HTML5+CSS3网页设计与制作案例教程(第2版微课版活页式教材高等职业教育计算机网络系列创新教材)
      • 作者:编者:郭建东|责编:孙露露//王会明
      • 出版社:科学
      • ISBN:9787030633873
      • 出版日期:2019/11/01
      • 页数:216
    • 售价:19.6
  • 内容大纲

        本书是Web前端网页设计的基础性教材,结合“1+X”前端考证,介绍不同前端编辑器下HTML5网站和网页的创建,包括图文混排页面制作、多列布局的复杂页面制作和导航设计等;结合CSS3和HTML5的新特性,由浅入深讲解了HTML5表单制作、使用CSS3样式制作特效文字、过渡渐变和动画效果、HTML5媒体应用技术、Bootstrap响应式手机移动APP页面制作等内容,使读者全面理解和掌握基于HTML5+CSS3的前端页面设计与制作技术。本书还介绍了使用Photoshop制作按钮、导航等网页图片素材,并通过实例介绍网页版面效果图制作和切图技术;最后讲解了一个综合网站的制作过程。
        由本书主编主讲,在“爱课程中国大学MOOC”平台上开设的国家精品在线开放课程《网页设计基础》,采用了本书内容进行线上教学。另外,教材资源库网站提供了与本书关联的所有教学资源,包括案例视频、教学PPT、案例源代码、素材图片、上机实训素材、授课计划、教学大纲、考核方案和混合式教学方案等。本书案例精选文字和图片素材,有机融入党的二十大精神和思政元素,适合作为高等职业院校、应用型本科院校网页设计课程的教材,也可作为网页设计和制作人员自学的参考用书。
  • 作者介绍

  • 目录

    项目1  创建网站和文本网页
      任务1.1  了解网页的相关概念
        子任务1.1.1  了解网页的基本概念
        子任务1.1.2  了解网页的基本元素
      任务1.2  了解网页前端开发工具
        子任务1.2.1  了解常用的网页前端开发工具
        子任务1.2.2  基于Dreamweaver平台的网站创建与管理
        子任务1.2.3  基于HBuilderx平台网站项目的创建
      任务1.3  掌握HTML5基本语法
        子任务1.3.1  掌握网页的基本结构
        子任务1.3.2  熟练掌握HTML中的文本元素的编写
        子任务1.3.3  理解HTML块元素与内联元素
      任务1.4  创建文本网页,并使用CSS样式修饰网页
        子任务1.4.1  在网页中添加文字
        子任务1.4.2  使用CSS设计文字和段落样式
        子任务1.4.3  创建网页,添加文字素材,设计文字和段落样式
      上机实训
      混合式教学附录
    项目2  图文混排页面制作
      任务2.1  CSS样式基础
        子任务2.1.1  熟练掌握CSS样式语法
        子任务2.1.2  掌握常用CSS布局相关样式
        子任务2.1.3  掌握CSS的伪类样式
        子任务2.1.4  了解CSS样式分类
        子任务2.1.5  了解样式规则的优先级
        子任务2.1.6  了解样式命名规范
      任务2.2  一列布局页面制作
        子任务2.2.1  制作一列固定宽度布局网页
        子任务2.2.2  制作一列自适应宽度布局网页
      任务2.3  制作图文混排的网页
        子任务2.3.1  在网页中插入图片
        子任务2.3.2  制作简单的图文混排网页
        子任务2.3.3  制作图片左右交错分布的图文混排网页
      上机实训
      混合式教学附录
    项目3  多列布局页面制作
      任务3.1  掌握二列布局页面的制作
        子任务3.1.1  了解网页中常见的二列布局方案
        子任务3.1.2  二列布局页面制作案例
      任务3.2  三列布局页面制作
        子任务3.2.1  了解网页中常见三列布局方案
        子任务3.2.2  三列布局页面制作案例
      任务3.3  多列布局页面制作
        子任务3.3.1  了解网页中常见多列布局方案
        子任务3.3.2  多列布局页面制作案例
      上机实训
      混合式教学附录
    项目4  超链接与导航制作
      任务4.1  了解超链接
        子任务4.1.1  掌握文字链接的设置

        子任务4.1.2  掌握链接文字CSS样式的设计
        子任务4.1.3  掌握图片链接的设置
      任务4.2  普通文字链接导航的设计与制作
        子任务4.2.1  横向文字链接导航制作及应用
        子任务4.2.2  图片背景的文字链接导航制作
      任务4.3  列表导航制作
        子任务4.3.1  了解列表文字与导航
        子任务4.3.2  带背景色的列表导航制作
        子任务4.3.3  带背景图的横向列表导航制作
        子任务4.3.4  带背景图的竖向列表导航制作
      上机实训
      混合式教学附录
    项目5  表单页面制作
      任务5.1  认识表单元素
        子任务5.1.1  认识表单form元素
        子任务5.1.2  子解input元素
        子任务5.1.3  了解textarea(多行文本框)元素
        子任务5.1.4  了解select元素和option元素
        子任务5.1.5  了解无障碍访问表单元素label、fieldset和legend
        子任务5.1.6  了解datalist预设列表选项元素
        子任务5.1.7  了解日历控件
        子任务5.1.8  了解颜色池控件
      任务5.2  使用表单元素制作登录注册页面
        子任务5.2.1  使用表单元素制作用户注册页面
        子任务5.2.2  使用CSS设计表单元素样式
      上机实训
      混合式教学附录
    项目6  CSS3样式基础
      任务6.1  掌握CSS3文本效果的设计
        子任务6.1.1  掌握text-shadow属性的应用
        子任务6.1.2  CSS3文本效果应用案例
      任务6.2  掌握CSS3背景渐变效果的设计
        子任务6.2.1  了解CSS3的渐变设置
        子任务6.2.2  CSS3背景渐变效果应用案例
      任务6.3  使用CSS3制作边框效果
        子任务6.3.1  使用border-radius制作圆角边框
        子任务6.3.2  使用box-shadow设计边框阴影
      任务6.4  使用CSS3制作动画效果
        子任务6.4.1  掌握CSS3 transition过渡动画的制作
        子任务6.4.2  了解CSS3 animation动画的制作
      任务6.5  CSS3综合应用案例
      上机实训
      混合式教学附录
    项目7  HTML5新特性与媒体应用
      任务7.1  了解HTML5新特性
      任务7.2  了解HTML5常用新增元素
        子任务7.2.1  掌握figure元素和figcaption元素的应用
        子任务7.2.2  掌握details和summary元素的应用
        子任务7.2.3  了解time和mark元素的应用
      任务7.3  HTML5元素的全局属性

        子任务7.3.1  了解contenteditable元素
        子任务7.3.2  了解spetlcheck元素
        子任务7.3.3  了解需要与JavaScript结合使用的全局属性
      任务7.4  播放音视频文件
        子任务7.4.1  学会使用video元素播放视频
        子任务7.4.2  学会使用audio元素播放音频
      上机实训
      混合式教学附录
    项目8  基于Bootstrap的响应式Web设计
      任务8.1  了解响应式Web设计和视口
      任务8.2  了解弹性盒布局
        子任务8.2.1  了解弹性盒的布局结构
        子任务8.2.2  掌握弹性盒容器属性设置
        子任务8.2.3  了解弹性盒容器子元素属性
        子任务8.2.4  手机APP页面制作
      任务8.3  制作基于Bootstrap框架的响应式页面
        子任务8.3.1  Bootstrap框架下载与快速部署
        子任务8.3.2  掌握栅格系统
        子任务8.3.3  应用组件制作导航栏和图片轮播
      任务8.4  Bootstrap响应式布局页面设计案例
      上机实训
      混合式教学附录
    项目9  Photoshop网页界面设计
      任务9.1  了解网页界面设计
        子任务9.1.1  了解网页界面设计配色
        子任务9.1.2  了解网页中的文字
        子任务9.1.3  了解网页中常用的图片格式
      任务9.2  了解Photoshop
        子任务9.2.1  了解Photoshop操作界面
        子任务9.2.2  了解Photoshop工具栏
        子任务9.2.3  了解图层概念
      任务9.3  网页图片元素的制作
        子任务9.3.1  线条绘制
        子任务9.3.2  按钮制作
        子任务9.3.3  设计文字阴影
        子任务9.3.4  导航条制作
        子任务9.3.5  网页图像合成与修饰
      任务9.4  网页版面设计制作案例
      上机实训
      混合式教学附录
    项目10  静态网站设计与制作
      任务10.1  了解网站制作流程
      任务10.2  “诗词曲赋”静态网站设计与制作
        子任务10.2.1  了解网站的用途及定位
        子任务10.2.2  网站内容的选取
        子任务10.2.3  使用Photoshop切图
        子任务10.2.4  主页框架制作
        子任务10.2.5  导航制作
        子任务10.2.6  主页内容区内容制作
        子任务10.2.7  制作前端内容页“唐诗”页面

        子任务10.2.8  制作前端内容页“宋词”页面
        子任务10.2.9  制作前端内容页“元曲”页面
        子任务10.2.10  制作前端内容页“汉赋”页面
      任务10.3  测试与发布网站
        子任务10.3.1  网站的测试
        子任务10.3.2  网站的上传发布
      上机实训
      混合式教学附录
    参考文献
    附录拓展教学资源