书籍介绍:

本书根据了web前端开发所需的知识,规划了12次实验,设计了36个实验项目,将CSS技术贯穿所有的实验项目,实现了HTML、CSS、DIV、JavaScript、DOM完全地融会。全书分为上下两篇。上篇为实验(课内实验),包括HTML基础(Web前端开发环境配置、HTML基本语法、文本格式化、列表、超链接、多媒体应用)、页面布局技术(CSS+DIV、表格、框架、表单)、基础(基本语法、程序结构、事件分析、DOM与BOM)、Web前端开发工具4个部分,内含12次实验36个实验项目。下篇为实践(课程设计),包括高校网络课程网站、商业网站设计与开发2个典型案例和其他自选案例的介绍。

主要内容:

  1. HTML基础:
    讲解了web前端的开发环境的配置、HTML基础语法、标记语法;介绍了文本标记、段落与排版标记、列表及多媒体标记的应用。
    2. 页面布局技术
    将表格、框架、表单三大传统的页面技术与CSS+DIV页面布局技术组合在一起,充分讲解了在实际工程中的应用。
    3. JavaScript基础
    讲解了JavaScript基本语法、组成结构、程序结构、函数编程方式;运用JavaScript的DOM与BOM技术解决了web网站设计中用户互动页面的设计方法。
    4. web前端开发工具
    介绍了常用的web前端开发工具的基本功能
    5. 网站设计
    以高校网络课程网站和商业网站为典型案例,详细介绍每类网站功能概况、网站页面布局分析、CSS+DIV结构设计、导航菜单设计技术及网站页面开发基本要素和设计步骤。

读书笔记

这本书适合对HTML、CSS、JavaScript有着初步认识的人学习阅读。这本书的理论知识相对来说偏少,主要以锻炼动手实践能力。在有一定web前端知识储备的前提下,在运用这书练手,有助于对web前端的深一步认识。本书主要将例子步骤拆分化,先分成多个小碎片,带我们实现,最后再整合到一起实现。每个实验都会有好几个项目的讲解,在实验结尾会给出每个项目的完整代码。在这里,我们最好先自己根据前面给出的网页效果图敲出代码,再和书上给出的代码对比一下。有利于发现我们的不足与区别。相信很多人一开始学习web前端时和我差不多都只是掌握了基本的理论知识,但是不知道怎么用在实际的应用中。而这本书可以带我们实践一下,让那些我们日常可以看到的网页效果在我们手上同样可以出产。

web前端开发技术实验与实践(读书笔记)相关推荐

  1. web前端开发技术实验与实践(第三版)储久良编著 项目12 设计简易网站导航

    web前端开发技术实验与实践(第三版)储久良编著 项目12 设计简易网站导航 实训三  项目12 设计简易网站导航 一.页面文字素材: 序号 网站名称 URL 1 百  度 http://www.ba ...

  2. web前端开发技术实验与实践(第三版)储久良编著 项目16 div+CSS页面布局设计

    web前端开发技术实验与实践(第三版)储久良编著 项目16 实训五 项目16 一.页面文字素材: 这是头部信息区. 这是导航信息区. 这是主题信息区. 这是右侧信息区. 这是版权信息区. 二.代码: ...

  3. web前端开发技术实验与实践(第三版)储久良编著 项目13 设计新生课程简介

    web前端开发技术实验与实践(第三版)储久良编著 项目13 设计新生课程简介 实训三  项目13  设计新生课程简介 一.页面文字素材: 英语 基础英语.高级英语.报刊选读.视听.口语.英语写作.翻译 ...

  4. web前端开发技术实验与实践(第三版)储久良编著 项目5 综合编程岗位介绍

    实训一 项目5 综合编程岗位介绍 一.页面文字素材: WEB前端开发工程师的岗位职责:(1)协助系统架构设计师进行系统架构设计工作:(2)承担WEB前端核心模块的设计.实现工作:(3)承担主要开发工作 ...

  5. Web前端开发技术实验与实践(第3版)储久良编著实训8

    实训8 HTML5基础与CSS3应用 项目22 当当网企业用户注册页面设计 页面效果截图 代码 <!--prj_8_1.html--> <!DOCTYPE html> < ...

  6. Web前端开发技术实验与实践(第3版)储久良编著实训2

    项目6 文本与段落标记应用 页面效果截图 代码 <!--文本与段落标记的应用--> <!DOCTYPE html> <html><head><me ...

  7. web前端开发技术实验与实践(第三版)储久良编著 项目8 设计制度宣传展板

    实训二 项目8 设计制度宣传展板 一.页面文字素材: 大型仪器必须有专人保管,须配有稳压电源,使用前须先检查仪器间各电路连接情况,再开稳压电源,然后再启动仪器开关. 必须严格执行仪器设备运行记录制度, ...

  8. Web前端开发技术实验与实践代码 (第三版)储久良

    实训七 表单页面设计 项目21 设计大学生暑假社会实践调查问卷页面 设计大学生暑假社会实践调查问卷页面 结果截图 HTML代码 结果截图 HTML代码 <!-- prj_7_2.html --& ...

  9. Web前端开发技术实验与实践(第3版)储久良编著实训7

    实训7 表单页面设计 项目20 设计科技工作者建言页面 页面效果截图 代码 <!--prj_7_1.html--> <!DOCTYPE html> <html>&l ...

  10. Web前端开发技术实验与实践(第3版)储久良编著实训6

    实训6 表格与表格页面布局 项目18 设计网络主题研讨会日程表 页面效果截图 代码 <!--prj_6_1.html--> <!DOCTYPE html> <html&g ...

最新文章

  1. 如何用计算机求锐角三角比,9.3用计算器求锐角三角比教学案
  2. linux find 反转 查找没有被找到的结果
  3. ES6减少魔法操作之Reflect
  4. 大学只待成追忆,只是工作已半年,2016再见
  5. linux入门 适合初学者_经过慎重考虑,我拿出这套适合初学者入门的Java基础完整版视频...
  6. 计算机课程在线作业,计算机科学与技术作业答案
  7. keras实现DeepDream
  8. python flask快速入门与进阶-Flask基础进阶与python flask实战bbs教程
  9. PostgreSQL视频去重 图片去重系列1
  10. MySQL事务学习总结
  11. Security+ 学习笔记55 隐私和合规性
  12. Java程序员必看的 14 本 Java 书籍!
  13. linux下keytool生成证书_keytool命令 – 密钥和证书管理工具
  14. 【电赛最全备赛资源】电赛历年赛题源码+老学长挥泪经验之谈(文章较长全网最全)+电赛论文写作模板及评分标准【19电磁炮、17板球、15风力摆、13倒立摆、94-21全国大学生电子设计竞赛历年真题】
  15. 问题:为什么在CAD中使用贱人工具箱中的递增命令会显示失败?
  16. 微信小程序入门--注册账号
  17. 第三代CAN-XL通信技术CiA 610有什么特点
  18. 华为总裁任正非近期撰写一篇名为《一江春水向东流》(转)
  19. 云出阿里见月明(上)
  20. Python道路之——画自己名字

热门文章

  1. python保存到txt_python保存成文本文件
  2. CSS(刷漆)学习总结
  3. 怎么增加C盘空间大小,教你如何调整C盘容量【图文教程 无损数据】分区助手如何给磁盘分区 分区助手使用方法教程
  4. spss进行偏相关分析
  5. 快播之父卷土重来 发布升级版快播,首个区块链视频Bliface
  6. 什么是全栈工程师,为什么全栈开发用Python,Python web全栈开发究竟有多高薪?
  7. java强势来袭 百战程序员Java基础入门教程,学编程就像玩游戏一样简单 ~
  8. 腾讯会议共享屏幕时,设置演讲者模式仅自己可见
  9. 飞思卡尔16位单片机(七)——SCI串口测试
  10. vivo电池损耗指令代码_安川伺服驱动器报警代码及简易维修方法