web网页设计基础

1.创建HTML文件

创建HTML文件

  • 文件名:《创建HTML文件》
  • 1.使用最简单的软件记事本,创建一个本地文件
  • 2.加入文字,增加相应标记。如:文本开始结束标记
  • 3.用另存为后,将后缀名强行改为.html
  • 4.特殊的有:插图标记只有开始没有结束(不能直接复制粘贴照片到代码层面)
  • 5.除此以外还需要的基本技能:掌握基本的快捷键用法,同时操控打开多个网页的能力等
  • 2.综述CSS语言的学习

    综述CSS语言的学习

  • 从《learn CSS in one day》目录出发去了解CSS这门宏大的语言
  • Chapter 1 Introduction:单刀直入,介绍CSS和Tools off the Trade基础工具
  • Chapter 2 Basics of HTML:讲述关于HTML的基础知识。 第一,使我们了解到什么是HTML语言,也就是what is HTML. 第二,basic structure of a html page。讲述HTML的基本结构和框架。 第三,Doctype and Start and End Tages。也就是文档类型和开始结束的标识符。 第四,The Head Element。 第五,The Body Element,将代码结构化作一个个单独的元素,告诉我们要将结构搞清楚。
  • Chapter 3 Basic of CSS:讲述CSS的基础概念,用通俗的语言去描述它。
  • Chapter 4 CSS box model:培养核心能力,其实就是通过建立模型的方式去解决问题,所以在这里称为“盒子模型”。
  • Chapter 5 Position and floating:定位与飘移。网页其实也是像流水一样是流动的,之后会具体介绍。
  • Chapter 6 Display and Visibility:显示方面的问题
  • Chapter 7 Background:背景方面的问题,这里暂且越过。
  • Chapter 8 Text and Font:文本字体,之后的课程会用具体案例去讲述,字体的问题。
  • Chapter 9 Lists, Links and Navigation Bars:网页的特点 ——超链接。
  • Chapter 10 Table:最后一章较为简单,这里不在详细赘述。
  • 将这本书的目录部分讲完了,希望在讲解完之后能够对CSS建立一个宏观的认识,这也是讲解这个目录的一个重要原因。 3.计算机专业的学习特别需要培养英文阅读能力

    计算机专业的学习特别需要培养英文阅读能力

    现在来讲一个重要的事情。学计算机的孩子,读英文是多么重要。其实只要你是学现代科技的,英文都是最重要的。为什么?因为现代科技就是源于英国。 文艺复兴后来到了美国的互联网革命,计算机革命,所以这个知识的源头,其实都是用英文写。我们国家的孩子啊,学英文呢,他的学习方法错了,这是我的深 刻体会。我个人也是到了30岁,当我要教我两岁的小孩学英语的时候,我才发现原来我们学英语的方法全错了。在我的孩子的成长过程中,我给他找了一个菲律 宾的外教,她是物理专业毕业的,一个16岁的女孩子。她带着我小孩,一直用QQ来进行英语对话,我才发现,其实我们中国人呢,学英语都学错了。菲律宾人、 印度人,他们基本上都是用英语作为官方语言。学英语的本质是干嘛?不是让你学英语像我们中国那样天天考试,做题目。学英语是快乐的阅读,快乐的看美剧, 那才叫学英语。西方也要考试嘛,考雅思,考ACT,但是人家考试的前提是什么?前提是你不要抵触。第二个,你能够拿着英文的美剧,挡住字幕,看一看,能 够大概听懂。你不需要每句话都懂,每个字都懂,你拿着我们这个浅显的英文小文章,或者我现在给大家发的这个原著,也就是作为一个美国通过雅思考试的人 两天看完的东西,我们能不能在一个学期把它看完了,也就是每天花你半个小时的时间。它对你的思维,对你的语言,对你的心理的影响将会是巨大的。我给大 家的这本书呢,大家最好是用一个沉浸式的阅读器阅读,手机是非常不沉浸的,为什么?你一下子微信来了一下电话来了没法沉浸。怎么沉浸阅读,用一个不能 上网的设备,用一个有纸一样的感觉的设备,这个设备一个是平板装上掌阅,一个是亚马逊的Kindle。读英文,我再讲两个细节。第一个,只要是经典的书, 你每个单词都要看,为什么?因为我给你们学的书肯定都是很经典的,当你看了一两本书以后,你就会厚积薄发。比如说你到了大四的时候,到了读研究生的时候, 当你的同学还在要利用这个网上的软件给它翻成中文,你拿着英文就可以看了。这个时候你的能力也就完全是远远超过。我还是那句话,你现代科技,只要是现代 科技,你的最初的来源都是西方。我们很多人看中文是什么?是别人嚼过的垃圾,自己再来嚼。这个我已经说得非常严重了,人家被误导,你就被误导,对吧?用 中文学,学的更慢,为什么学错了,走了很多弯路?我们有很多朋友到美国去,才发现,其实你会什么技术,会操作,会写代码,会搞工程,没有你会讲英语重要。 人讲英语,一看到那个经理,那个经理再看着你的眼睛,只要能对话,你只要会做一点小事情,人家就是高薪。如果你连讲话都不会,你只会做事,那是机器,人 家以为不是你做的。这句话影响很重。如果我们作为一个国际化的人的话,不会讲、不会听、不会看英语,那到国外去跟人家交流,连人都算不上。所以说这个英 语的重要性不用我讲了。我们原来学英语错误的方法,大家可以反思一下,反思一下其实就是读原著,英文的小说也要读一两本。大家还年轻,路还很长。你放心, 只要你花个三年五年时间,按照我这个方法来,基本上就可以把英语作为第二语言。像我原来认识一个学艺术的老头子。他原来学音乐的。后来就觉得他的思想很 开朗,到国外去。很多国家都去过,现在能够熟练的用日语,英语,甚至法语,跟挪威人在做衣食住行的简单沟通。为什么?因为还有一个很重要的事情,语言的 本质是不变的,就像我们刚才说这样的,你用外国语言写程序,C语言写程序,Python语言写程序,那个语言有多大的区别吗?当你的思想到了一定高度以后,语 言不是障碍,就像我现在用中国话跟你们讲这些事情,语言不是障碍,什么障碍,想法是障碍,思维是障碍,表达能力是障碍。所以说我上课让你们要讲出来,我为 什么要你读中文读出来?你的大脑99%都没用到,你不用的话,多么浪费。 4.谈阅读电子书

    谈阅读电子书

    自从2010年进入移动互联网时代后,移动设备成为新的阅读方式。但是收集却并不是最优解选择,一直是次优解。相较于手机平板是一个更好的选择,安卓系统或者苹果 系统的都可以,尺寸大小也没关系。但最好的阅读软件我觉得是kindie。原因有几个:
  • 第一,它可以在大部分环境中阅读,甚至于在阳光下阅读。
  • 第二,电池容量大于手机,可以使之不需要频繁的充电。
  • 第三,它可以纯粹的读书,给人沉浸式阅读的感觉。
  • 第四,也是最重要的一点,他对于英文阅读单词的翻译是最为准确的, 所以我认为它是学习英语最好的平台。而我们所要做的事情就是,选择自己喜欢舒适的方式,调整合适的字体大小和背景,利用好碎片化的时间权阅读,在大学期间认认真真的阅读几本好书。从今天我分享 的这本《learn CSS in one day》开始。 5.谈web平台的软件开发

    谈web平台的软件开发

    首先我们谈谈web程序如何入门。首先我们有计算机硬件的概念:如手机,手表,pc,平板等。软件:如支付宝,游戏等属于软件的范畴。刚开始我们对于软件和硬件的理解还是 非常的粗浅。但其实理解计算机体系层次就像我们理解这个社会是一样,我们要建立这些硬件和软件的层次概念,理解那些稍微抽象和深刻的知识。硬件在这里不做过多的介绍, 下面我们着重的讲计算机的软件层次:
  • 第一层,操作系统软件。操作系统这个软件是跟硬件直接相关联的。什么是操作系统?手机安卓的Android,苹果的iOS, PC上的Windows,还有一个很重要的操作系统 叫Linux,甚至在一些军方的系统还有unix。这些东西都叫操作系统,它直接控制的硬件。这些操作系统的核心技术全在美国那里,所以说对计算机底层的控制基本掌握在西方手中。
  • 第二层,计算机网络的软件,怎么支撑大家与互联网发生关系,即网络怎么和软件发生关系,这些是后面的计算机网络工程的事情。在这里我们不仔细讲述。
  • 第三层,浏览器。浏览器可以直接与操作系统打交道,跟你做所有互联网的操作访问。所以浏览器是一个很核心的软件,它凌驾于操作系统之上。浏览器成为了和操作系统打交道 的一层软件。那么从此以后,我们这个世界就丰富多彩了。因为很多软件都基于浏览器之上开发。今天看到的微信、支付宝、各种各样的APP,其实都是一个变种而已,核心的东西都是 浏览器。这个层次再上面就是你们开发者,你们要针对浏览器写代码。这样,你就可以建立自己的application。这个世界上为什么有这么多应用软件呢?就是因为这个硬件、操作系 统、浏览器一层层搭建起来的,我们就是站在巨人的肩膀上敲点代码而已。但是我们要建立一个认知,这个东西其实越底层越好,底层代表什么?代表直接接触一个事情的本质,但是越 底层越考验理解能力、数学水平、思维能力和对全局的把控,越是底层付出代价越大。入门web程序设计的程序设计是干嘛的?程序就是站在前人的基础上再编能编出来的代码。可能我 们编的比较好,我们还可以做出来一个软件,让别人再编程序的人还可以边,大家就像一层层站在巨人的肩膀上,所以爬的很高,那软件就越来越有用了。