读书笔记之《html5与css3基础教程》

ustczwq      2022-02-11     391

关键词:

1· 读前预期

考虑到对于 Web 开发零基础,凡涉足一件未知的任务,最好先理清任务的逻辑结构,然后有目的地逐步学习。为实现我们的需求和设计,必须要学习前端、后端、服务器等一系列暂时陌生的知识,在此,我首先疑问的是,我们理想的功能如何以网页内容和交互的形式体现。于是准备先从前端下手,期望从程序的角度对什么是网页有一个新的理解,理清构建网页的大体过程,为我们真正开始实现功能做铺垫。

该书不仅能带零基础的学习 HTML 和 CSS,还能实战性的教读者如何逐步构建网页。在此,我倾向于概读,重在对书中的概念做出总结归纳,起到提升观念的作用。其中包括两方面,一方面主要体会新编程语言之下特定的语法和思维,而对具体编程内容只做了解,毕竟书是用来查的,实战中再来补充运用;另一方面,主要总结构建网页的任务结构,具体细节同样在实战里 “做中学”。

 

2· 阅读收获

第一章

首先,尽管网页形式变得复杂,但其底层结构却依旧简单。而概括来讲网页主要包括三个方面:文本(test content)、对其他文件的引用(references to other files)、标记(makeup)。HTML 有一套预先定义好的元素,我们需要为网页内容打上能够描述它们的标签。

接着,我对 HTML 页面有了基本的了解,并且对标签(包括元素、属性、值及其他)有了概念性的认识。在此基础上,认识了 HTML 网页中的文本内容以及非文本内容(包括链接、图像及其他)。

然后,对创建网页时的文件和文件夹运用进行了解,大致掌握了文件建立、引用等,并了解了 URL(绝对 URL 和相对 URL)的概念,便于将目录访问变得程序化。

最后,了解了 HTML 基础知识和基本功能后,继续了解语义化 HTML 的概念,即使用最恰当的 HTML 元素进行标记的内容。语义化 HTML 是构建有效网站的基石,提升了可访问性和互操作性;提升搜索引擎优化(SEO)的效果;使维护代码和添加样式变得容易;通常使代码更少,页面加载更快。这在日后编程实践中会重点注意。

第二章

这一章主要讲怎样处理构建网页时的文件及文件夹,创建文件并合理组织。而在此之前必须对网站进行规划,明确需求,根据调研调整内容,确定网站结构,据此明确有多少页面以及每个页面呈现什么内容,然后才能创建并组织文件夹,且建立统一简单的命名规则。

关于构建网页和建立文件夹的具体过程和必要工具,只对书中所讲做了概念性了解,在日后实战中在做细化认识。

《jquery基础教程》读书笔记

最近在看《jQuery基础教程》这本书,做了点读书笔记以备回顾,不定期更新。第一章第二章比较基础,就此略过了。。。第三章事件jQuery中$(document).ready()与javascript原生的window.onload()区别:$(document).ready():通过该方法注册的事件... 查看详情

《分布式java应用之基础与实践》读书笔记三

对于大型分布式Java应用与SOA,我们可以从以下几个方面来分析:为什么需要SOASOA是什么eBay的SOA平台可实现SOA的方法为什么需要SOA??第一个现象是系统多元化带来的问题,可采用对共用逻辑的部分进行抽象的方法,形成多个按领... 查看详情

《分布式java应用之基础与实践》读书笔记一

分布式Java应用的体系结构知识简单分为:网络通信:包括协议和IO消息方式的系统间通信:包括基于Java包、基于开源框架、性能角度远程调用方式的系统间通信:包括基于Java包、基于开源框架、性能角度大型应用拆分为多个子系... 查看详情

《python黑帽子:黑客与渗透测试编程之道》读书笔记:网络基础(代码片段)

目录前言1、网络基础(1)TCP客户端(2)UDP客户端(3)TCP服务器2、取代netcat(1)bhnet.py脚本(2)运行方法3、创建一个TCP代理(1)TCPproxy.py脚本(2)运行方法4 查看详情

读书笔记:《html5开发手册》web表单

这是补充HTML5基础知识的第五篇内容,其他为:一、HTML5--新的结构元素二、HTML5--figure、time、details、mark三、HTML5--details活学活用四、HTML5--现存元素的变化在之前的笔记中记录了HTML5标签元素的语义以及新定义,本周开始进入Web表... 查看详情

读书笔记:《html5开发手册》web表单

这是补充HTML5基础知识的第五篇内容,其他为:一、HTML5--新的结构元素二、HTML5--figure、time、details、mark三、HTML5--details活学活用四、HTML5--现存元素的变化在之前的笔记中记录了HTML5标签元素的语义以及新定义,本周开始进入Web表... 查看详情

读书笔记:《html5开发手册》web表单

这是补充HTML5基础知识的第五篇内容,其他为:一、HTML5--新的结构元素二、HTML5--figure、time、details、mark三、HTML5--details活学活用四、HTML5--现存元素的变化在之前的笔记中记录了HTML5标签元素的语义以及新定义,本周开始进入Web表... 查看详情

读书笔记:《html5开发手册》web表单

这是补充HTML5基础知识的第五篇内容,其他为:一、HTML5--新的结构元素二、HTML5--figure、time、details、mark三、HTML5--details活学活用四、HTML5--现存元素的变化在之前的笔记中记录了HTML5标签元素的语义以及新定义,本周开始进入Web表... 查看详情

读书笔记:《html5开发手册》web表单

  这是补充HTML5基础知识的第五篇内容,其他为:一、HTML5--新的结构元素二、HTML5--figure、time、details、mark三、HTML5--details活学活用四、HTML5--现存元素的变化在之前的笔记中记录了HTML5标签元素的语义以及新定义,本周开始... 查看详情

html5与css3权威指南之css3学习记录

title:HTML5与CSS3权威指南之CSS3学习记录toc:truedate:2018-10-1400:06:09学习资料——《HTML5与CSS3权威指南》(第3版)官方网站:华章图书书中所有代码下载链接:链接:http://pan.baidu.com/s/1c0oGMn2密码:f7zt选择器属性选择器[att=val]选择器—... 查看详情

《需求工程-软件建模与分析之读书笔记之三》

 第9章<需求获取方法之观察与文档审查>中提出了常见的观察方法有采样观察,民族志,话语分析,协议分析和任务分析,它能让我们理解复杂的协同事件,获取工作中的异常处理,获取与用户认知不一致的实际共识,了... 查看详情

信息系统项目管理师教程读书笔记

国家信息化体系六要素关系图信息资源信息资源的开发和利用是国家信息化的核心任务信息网络信息网络是信息资源开发和利用的基础设施,包括电信网、广播电视网和计算机网络信息技术与应用信息技术应用是信息化体系... 查看详情

《需求工程-软件建模与分析之读书笔记之四》

  <面向对象建模>采用了面向对象方法学的世界观,将系统看作是一系列对象的集合,每个对象具有独立的职责,完成独立的任务,对象之间通过消息机制相互协作,共同实现系统的目标。在需求分析中涉及的UML技术... 查看详情

《需求工程-软件建模与分析之读书笔记之二》

  第6章设中分析与硬数据采样提出了涉众的类别包括用户,客户,开发者,管理者,领域专家,政府力量和市场力量。涉众的分析主要包括涉众识别,涉众描述,涉众评估(包括优先级评估,风险评估和共赢分析)和涉众选... 查看详情

《需求工程-软件建模与分析之读书笔记之六》

 设计良好的程序要最大化类的内聚同时要最小化类的耦合;遵循Demeter法则就是在类方法内用于指向对象的消息,那么耦合和内聚的原理就可以实现;存取程序方法的过度使用会产生不用思考的类;混合实例的内聚,虽然不... 查看详情

前端基础之html5css3

     由于前段时间的颓废所以断更了,学习也搁浅了好长时间,两个月吧,经过两个月的时间考虑,我还是决定学习自己专业的内容,找一份自己专业相关的工作,因为跨行真的太难了,毕竟需要花大量的时间... 查看详情

读书笔记:《html5开发手册》

一、HTML5中新的结构元素1、HTML5初始文件1.1、doctype在之前,doctype的声明是这样的:<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//en""http://www.w3.org/TR/html4/strict.dtd">doctype称作文档类型声明(DocumentTypeDefinition),它总是作为HTML文件的第一行 查看详情

html5与css3实例教程(第2版)附源码中文pdf扫描版

HTML5和CSS3技术是目前整个网页的基础。《HTML5与CSS3实例教程(第2版)》共分3部分,集中讨论了HTML5和CSS3规范及其技术的使用方法。这一版全面讲解了最新的HTML5和CSS3技术,所有实例均使用最新特性实现,针对的是最新版本的浏览... 查看详情