作者:empty 页数:236 出版社:empty |
想找一本适合初学者的网页设计综合指南?就选这本书吧!本书全面涵盖了当前网页设计的方方面面,它可以手把手帮助你解决实际问题。网页中的图形设计是在线内容用户体验的关键,尤其是现在的用户会使用多种设备访问网页,如智能手机、平板电脑、笔记本电脑 桌面电脑,甚至是智能电视。本书以创建响应式Web的角度, 介绍了基础的HTML和CSS语法, 井深入探素了应式Web设计中色彩。布局、图像、排版、动画、频和音频等方面的内容。
作者筒介Christopher Schmitt,Heavision.com公司创始人, 专注于断媒体、设计和出版。他在Web设计领域有着超过20年的经验, 并著有广受好评的《HTML 5经典实例》一书。
Kubernetes内容提要网页中的图形设计是在线内容用户体验的关键,尤其是现在的用户会使用多种设备访问网页,如本书结构整、轻松易懂, 能够帮助Web设计新手快速入门, 并打下坚实的基础。
内特网上充满了丰富多影的内容,只要能想到,你就能查到,它们都是像你我这样的普通人放在那里的。你也可以扮演创者,为因脚创建内容。HTML是科法展给其他人的关键。HTML是超文本标记语言的编写。尽管它听起来像一门深奥的计算机语言, 但是它并不会为难使用者。理编HTML最纤的方式就是将其想象为围绕文字和图像的一系列描述,并将它们展現在Web浏豆上。
第1章了解HTML1.1为什么要学习HTML?作为一种最完善的体系, HTML可以让人们以更快、更有效的方式在全世界范围内交换信息。1.1.1HTML使得因特网更受欢迎虽然因特网使得计算机能够通过网络相互连接,但是通过命令行或者基本的程序(如Gopher, 见图1.1,或Archie) 来上网的体验是不连续的。Web浏览器改变了这一切。万维网基于HTML创建的页面和irn链接, 使得Internet用户能够更容易地对内容进行操作。随着图像在浏览器中广泛使用,以及基础文本格式的普及,这种快速、令人沉漫的内容发布与共享,mi向更多的人散开了大门。图1.使用Gopher的文本显示访间因特网, 注意这里肤少广告横手工编写完整网站一些人认为, 手工编程的时代已经一去不复了。多亏了像WordPress, Drupal和ExpressionEngine这样内容管理程序包,你才可以创建一些网站,并在这些网站中自由地制作导航菜单或组织日志。把这些可重用的组伴拼成一个网站是很简单的,但是创建一个博客网站并不是简单地装配好各个部分就可以了, 因为每个人的需求和目标都是独一无二的, 所以理解HTML可以帮助你更好地实现具
许多设计师通过自学HTML来让自己更加全面和专业。随着行业持续不断的发展, 甚至连一些经验丰富的网站设计师也能通过别人了解到HTML更多的潜能。和查看桌面程序和手机应用程序的代码相比,查看网页的代码非常简单。代码的透明使得学习HTML和网页设计的其他相关细节变得很容易。为了揭示HTML在网页中是如何运用的, 你可以三在浏览器中选择“查看源代码”之类的命令(通常可以在“文件”威“查看”菜单中找到),这样就能够准确地看到代码是什么样的「见图1.2-图1.5)。通过这种方法,很多初学者和专业人员都可以复制例子中的代码——我不会反对这种做法,反而要鼓励
图13在Sat ut测览中查看源代码图14在Fife x钢范中查看代码程序与标记程序通过一些信息音诉软件去微分享你所学到的一些事情, 而HTML则可以被视为一种编程语言。然而, 用计算机编程语言(如Java、C++、Python和无数其他编程语言) 在处理更复杂的任务时, 需要用到比HTML更多的专业技能和软件。因此, 虽然HTML被称为一门语言,但是,它并不像别的编程语言那料分人却步。照搬喜欢的示例代码是一种很好的学习方式。需要注意的是,不要盲日地复制和粘贴代码和图,并认为其是自己的。你不可以照搬从网站上找到的网页,并把它作为自己的作业交给老师——网
在网页设计和开发行业中,许多方面的成果都是公开的。通过博客帖子、博客评论,以及Gt Hub.Dri bbb le或其他一些网站上的代码,可以与其他人一起分享你学到的东西。我们的行业以闪电般的速度前进着,而帮助别人就等于帮助自己。从模仿到掌握,不要停止页设计也一样(任何行业都是这样)。
第1章了解HTML网站词典为了更透彻地理解这本书内容,你需要知道以下术语和关于网页设计的知识。首先, 要特别注意的是, HTML必须保存在w五联网包含了数以百万计的网站,每个同站都有一个唯一的同站地址,被称为资源定位符或URL(例如,http://www.google.com) 。m每个网站都包含许多相关内容的页面m网站中的每个页面都能通过桌面电脑或移动设备(如智能手机或平板电脑) 的Web浏览器来览(如Chrome、InternetExplorer、Firefox, Saf uri和Opera) 。网站访客从一个页面距转到另一个同站的链接,也被称为超链接,1.2HTML编程基础在开始编写HTML代码之前, 你还有需要掌握一些基本的术语。1.2.1文本编辑器1.2.2文字处理软件不是文本编辑器为了编写代码,你需要一个文本编辑器。如Microsoft Word和Apple Pages是文字处理果你使用的是Windows系统PC, 那么看一下你软件,而不是文本编辑器。这些软件会为你的文的电脑桌面上有没有一款如Notepad的基本编辑字添加格式,扰乱你的代码。程序。如果是Mac, 那么就是TextEdit。每台电苹果内置的文字编辑器TextEdit是一个混合脑中都有文本编辑器,无论它是什么名字,它的体。它可以完成很多文字处理软件的格式化任务,功能依旧。但它又具有纯文本模式,所以你可以使用它来编文本模式下, 包括文件扩展名, html或.htm, 最当保存文件时,你需要采取一些步骤来防止好在Unicode模式下。TextEdit剥离你的HTML。选择Preferences,专业的文本编辑器我推荐使用专业的文本编样工具, 如PC上的TextPad或Mac上的BBEdit。Sublime Text 2是一个不错的选择, 可以在Mac或PC上使用。
UnicodeMac和Windows操作系统在全世界范围内被人们广泛使用, 它们以不同语言和不同字母来呈现文本。计算机用来展现文本的基础数字描述,最开始是在一个限制非常多的环境下编写的,没有考到其他语言文宇,如西牙重音和中国的表意文字,过去,世界其他地方的人访问网页时常常会看尹一大堆替代字母。测览器尝试着渲染宇母,但是它无法从用户本地宇符库中寻找到合适的字母,如图1.6所示。这个问题的解决方案就是Unicode标准。它包括了十万多个字格, 包括图标和世界上大多数文字系统。将网页保存成Unicode可以提供一个好的平台以触最广泛的用户。16换字母编时产生的文本示问题