星光

HTML、CSS、JavaScript学习笔记①

此时的星光君正在用父亲的SONY连接渣3G网卡的情况下进行码字。键盘敲着真不舒服。。。


基于《HTML、CSS、Javascript网页制作从入门到精通》一书进行学习,肯定有纰漏。有待后续进一步学习。

HTML和CSS是标记语言,所谓标记语言是有别于我们平时所说的诸如C,C++,java的存在。虽然都是敲代码,但是并不能算作编程序。

换句话说HTML和CSS并不是设计算法解决问题,而是写下相应的代码给浏览器“翻译”成 相应的视觉可见的效果。

所以相对来说学习起来会简单不少,其实熟悉了基本的框架后“查表”即可。(当然啦,这个说的是简易的基本功能的实现)

而JavaScript是一门面向对象的脚本语言,嵌入HTML代码中,交互性好,可以实现在静态网页中引入动态效果。

个人感觉,难度系数:HTML<CSS<JavaScript ,其实JavaScript我在这本书上看的,基本没怎么看懂。。(缺乏交代,直接给出一些实例)我的想法是把这学期的静态网页设计好了之后,再去系统的学习下PHP和JavaScript。

这段时间内也就不再买其他书看了,就去http://www.w3school.com.cn/学学,不知道会不会有惊喜。


上面的代码就是HTML的一个基本构架,首行是声明,这样浏览器能识别出代码类型。

html中的标记基本都是从用<a></a>的方式进行书写的。

body之间就是显示在正文中的内容,可以插入相应的代码进行设置,比如<p>的段落,<table>的表格,<ol>的列表….

head之间可以设置标题<title >显示在浏览器上的标签页上,其他部分往往是不直接可见的内容,但是却很重要,比如设置关键字,作者,定时跳转,编码方式等。

 

当然个人感觉最重要的一大用途就是书写CSS了。


CSS可以使用多种手段嵌入HTML中,这里主要书写下内部样式表,其实方式不同,但是核心的语句书写是一样的,当然内嵌样式相对来说看上去不怎么舒服啦(用的少时可以用这种)

个人感觉CSS本身没啥好说,(依旧查表)但是DIV+CSS的精准布局不得不提。

而提到DIV又不得不提到 id 和 class 了,这两者都是一种标签,id是一对一的,而class则是一对多的;

比如body部分我书写:

<p class=”h1 “>测试</p>

<p class=”h1″>分类</p>

<p class=”h2″>字体</p>

在head的样式表中,书写:

.h1{

font -family:”宋体”

}

则所有标注为h1类的元素变为宋体书写,没有标注或者标注不同的则使用默认字体。

id同理进行设置,在样式表中用#+名称的形式进行编辑。

而在body部分键入<div 标注></div>,则可以实现定向的区域编辑,DIV+CSS的方式是现在的主流的网页布局方式,相对于传统的表格框架布局有着灵活便于修改的优势。(我现在还不知道框架怎么用的,这书上只教了怎么划框架,文字怎么对应分布都没将。。怨念)


 

而其中的典型例子就是盒子模型了。有空继续写。

实例:

 

此外还有float和clear这样的细节,不再赘述(其实是码累了)。


JS因为我看的不怎么懂,所以就一句话结束吧,有待一步学习。

 


最后说下DW,我看了下,现在主流应该不是用这款软件了,但是还是想说下,这款软件对初学者入门还是有不小的帮助作用的,最起码代码都能编辑,而且能直接转化为直观的可视效果。我们要利用他可视的一面来学习和测试,而不是滥用这种便捷的功能而忽视了敲代码,个人觉得这也是学软件和敲代码的区别。

 

 

如无特殊声明,欢迎转载,但是请注明来自星之所在《HTML、CSS、JavaScript学习笔记①》

评论

  1. MinonHeart #1

    JS比较难

    回复
    2014-10-3
    • starlight

      是的,感觉得专门看

      回复
      2014-10-3
  2. starlight #2

    终于写完了。。。

    回复
    2014-10-5