《响应式Web图形设计》一1.1 为什么要学习HTML?

简介:

本节书摘来异步社区《响应式Web图形设计》一书中的第1章,第1.1节,作者: 【美】Christopher Schmitt 译者: 曾斌 责编: 赵轩,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.1 为什么要学习HTML?

响应式Web图形设计
作为一种最完善的体系,HTML可以让人们以更快、更有效的方式在全世界范围内交换信息。

1.1.1 HTML使得因特网更受欢迎

虽然因特网使得计算机能够通过网络相互连接,但是通过命令行或者基本的程序(如Gopher,见图1.1,或Archie)来上网的体验是不连续的。Web浏览器改变了这一切。


1

万维网基于HTML创建的页面和链接,使得Internet用户能够更容易地对内容进行操作。随着图像在浏览器中广泛使用,以及基础文本格式的普及,这种快速、令人沉浸的内容发布与共享,向更多的人敞开了大门。

手工编写完整网站

一些人认为,手工编程的时代已经一去不复返了。多亏了像WordPress、Drupal和ExpressionEngine这样内容管理程序包,你才可以创建一些网站,并在这些网站中自由地制作导航菜单或组织日志。把这些可重用的组件拼成一个网站是很简单的,但是创建一个博客网站并不是简单地装配好各个部分就可以了,因为每个人的需求和目标都是独一无二的。所以理解HTML可以帮助你更好地实现目标。

1.1.2 学习HTML,更好地理解网页设计

学习HTML的基础知识可以帮助你成为一个更出色的网页设计师,更快地将设想中的网页实现出来;即便不能,它也能让你知道为什么以及如何使用它。将某些编程语言和HTML结合使用,就能为网站创造更多的亮点。

1.1.3 学习HTML很容易

许多设计师通过自学HTML来让自己更加全面和专业。随着行业持续不断的发展,甚至连一些经验丰富的网站设计师也能通过别人了解到HTML更多的潜能。

和查看桌面程序和手机应用程序的代码相比,查看网页的代码非常简单。代码的透明使得学习HTML和网页设计的其他相关细节变得很容易。为了揭示HTML在网页中是如何运用的,你可以在浏览器中选择“查看源代码”之类的命令(通常可以在“文件”或“查看”菜单中找到),这样就能够准确地看到代码是什么样的(见图1.2~图1.5)。通过这种方法,很多初学者和专业人员都可以复制例子中的代码——我不会反对这种做法,反而要鼓励!


2_3
4_5

程序与标记 程序通过一些信息告诉软件去做一些事情,而HTML则可以被视为一种编程语言。然而,用计算机编程语言(如Java、C++、Python和无数其他编程语言)在处理更复杂的任务时,需要用到比HTML更多的专业技能和软件。因此,虽然HTML被称为一门语言,但是,它并不像别的编程语言那样令人却步。

分享你所学到的

在网页设计和开发行业中,许多方面的成果都是公开的。通过博客帖子、博客评论,以及GitHub、Dribbble或其他一些网站上的代码,可以与其他人一起分享你学到的东西。我们的行业以闪电般的速度前进着,而帮助别人就等于帮助自己。

!从模仿到掌握,不要停止

照搬喜欢的示例代码是一种很好的学习方式。需要注意的是,不要盲目地复制和粘贴代码和图像,并认为其是自己的。你不可以照搬从网站上找到的网页,并把它作为自己的作业交给老师——网页设计也一样(任何行业都是这样)。

网站词典

为了更透彻地理解这本书内容,你需要知道以下术语和关于网页设计的知识。

互联网包含了数以百万计的网站,每个网站都有一个唯一的网站地址,被- 称为资源定位符或URL(例如,http://www.google.com)。

  • 每个网站都包含许多相关内容的页面。
  • 网站中的每个页面都能通过桌面电脑或移动设备(如智能手机或平板电- - 脑)的Web浏览器来浏览(如Chrome、Internet Explorer、Firefox、Safari和Opera)。

网站访客从一个页面跳转到另一个网站的链接,也被称为超链接。

相关文章
|
安全 关系型数据库 测试技术
学习Python Web开发的安全测试需要具备哪些知识?
学习Python Web开发的安全测试需要具备哪些知识?
371 61
|
移动开发 开发者 HTML5
构建响应式Web界面:Flexbox与Grid的实战应用
【10月更文挑战第22天】随着互联网的普及,用户对Web界面的要求越来越高,不仅需要美观,还要具备良好的响应性和兼容性。为了满足这些需求,Web开发者需要掌握一些高级的布局技术。Flexbox和Grid是现代Web布局的两大法宝,它们分别由CSS3和HTML5引入,能够帮助开发者构建出更加灵活和易于维护的响应式Web界面。本文将深入探讨Flexbox和Grid的实战应用,并通过具体实例来展示它们在构建响应式Web界面中的强大能力。
276 3
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
484 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
安全 Java 数据安全/隐私保护
springSecurity学习之springSecurity过滤web请求
通过配置 Spring Security 的过滤器链,开发者可以灵活地管理 Web 请求的安全性。理解核心过滤器的作用以及如何配置和组合这些过滤器,可以帮助开发者实现复杂的安全需求。通过具体的示例代码,可以清晰地了解 Spring Security 的配置方法和实践。
655 23
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
378 6
|
前端开发 JavaScript UED
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势,包括样式表优化、DOM操作减少、图像优化等技术,并分析了电商网站的具体案例,强调了技术演进对Web性能的深远影响。
231 5
|
SQL 安全 前端开发
Web学习_SQL注入_联合查询注入
联合查询注入是一种强大的SQL注入攻击方式,攻击者可以通过 `UNION`语句合并多个查询的结果,从而获取敏感信息。防御SQL注入需要多层次的措施,包括使用预处理语句和参数化查询、输入验证和过滤、最小权限原则、隐藏错误信息以及使用Web应用防火墙。通过这些措施,可以有效地提高Web应用程序的安全性,防止SQL注入攻击。
677 2
|
前端开发 开发者 容器
构建响应式Web界面:Flexbox与Grid布局的深度解析
【10月更文挑战第11天】本文深入解析了CSS3中的Flexbox和Grid布局,探讨了它们的特点、应用场景及使用方法。Flexbox适用于一维布局,如导航栏;Grid布局则适用于二维布局,如复杂网格。通过示例代码和核心属性介绍,帮助开发者灵活构建响应式Web界面。
432 5
|
机器学习/深度学习 移动开发 JavaScript
Web实时通信的学习之旅:SSE(Server-Sent Events)的技术详解及简单示例演示
Web实时通信的学习之旅:SSE(Server-Sent Events)的技术详解及简单示例演示
7335 0