网页基础

终于开始学习前端了，emmm…………，总之感觉还是比预计的慢了好多吧。而且中途电脑还坏了

（┭┮﹏┭┮）

今天朋友邀请我去参加校外的一个峰会，结果因为上课去不成，毕竟那门课也是比较重要的（尽管老师并不怎么在意出勤）。感慨之余，总有些惋惜，想想今年，程序设计因为涉及到图论和算法始终没深入学习，游戏开发的项目因为语言不和时间不够又不能去，老师的研究项目迟迟没有消息。而且难得有人约我去，却因为学习推了……总之，还是自己学的不够吧。（毕竟这几年都是我找别人玩。感觉自己好惨）

接下来就是学习前后端了，希望我可以好好学，做一个项目吧（听说这是悉尼大学大一的课）

这学期自学前端核心，就还是，加油吧！！！

本章是一些常识性的东西，就收到一起了。可能会比较长。

• 初始网页

  • 网页的构成

    1. LOGO 图标
    2. 导航条（工具栏）
    3. Banner （翻译过来是‘旗帜’，说白了就是插进来的广告，不过也可以插一些别的嘿嘿）
    4. 内容板块（包括文本，图像，动画，超链接）

  • 网页分类

    网页可以从技术上分为静态网页和动态网页

    • 静态网页

      用户请求网页的时候，服务器返回的是已经设计好的网页。它不具备与客户端进行交互的功能，不过可以在里面插入一些flash动画之类的。

      常见的拓展名：html,htm

    • 动态网页

      预先订制好程序页面，根据用户的不同请求返回不同的数据。

      常见的拓展名：.asp ,.php, jsp,.cgi

      优点：效率高，更新快，移植性强，快速达到所见所得（也是缺点）

      需要后台管理系统对页面维护更新

  • 动态网技术介绍

    1. ASP技术

       语言：VBScripet，js

       只能应用于Windows服务器中

    2. ASP.NET技术

       语言：C#，VB.net，Perl，python

       主要应用于windows NT系统中

    3. JSP技术

       JAVA编写，

       可应用于包括Windows,Linux,UNIX，以及Solaris

       特点是第一次访问速度较慢，第二次会快很多。

    4. PHP技术

       开源免费网页脚本语言

       就是挺强的

  • 数据库

    知道数据库管理系统DBMS就行，还有BBS。其他的等专门学到再说

• W3C概述

  网页标准化体系简称W3C，这是由万维网联盟建立的一种规范的网页设计的标准集。

  • 历史

    我就不多说了，感兴趣自己百度吧

  • W3C结构

    结构化的XHTML语言，仅保留了结构化的标签

    XHTML只负责文档的结构，文档中的内容用CSS样式表来进行

  • W3C的表现

    CSS层叠样式表规范写法如下

    selector {property:value}
    selector提供了一个对网页标准的接口，供网页调用，相当于表格的表头名称
    property网页标签属性定义
    value 属性值，描述网页标签不同属性的具体值
    
    允许多个属性，允许重复描述（以后一个属性为准）
    simpleClass{color:#ff0000;color:#00ff00} 
    （红色 #ff0000  绿色：#00ff00)
    simpleClass{color:#ff0000;} 
    simpleClass{color:#00ff00;} 
    这些都显示的是绿色
    

    • CSS颜色规范

      1. 十六进制数

         其将颜色拆分为红绿蓝三个原色的色度，通过六位十六进制数表示。

         （色度越高越接近原色）

         前两位表示红色的色度，中间两位表示绿色的色度，后两位表示蓝色的色度

         颜色	十六进制数值
         红色	#FF0000
         黑色	#000000
         白色	#FFFFFF
         绿色	#00FF00
         蓝色	#0000FF

      2. 三原色百分比

         将三种色度转换为百分比，第一个表示红色的色度，第二个表示绿色的色度，第三个表示蓝色的色度

         rgb(100%,100%,100%)
         

      3. 三原色比例值

         这个就比较常见了，原色色度位置关系和上面的相同

         rgb(255,255,0)
         

      4. 颜色的英文名称

         颜色名	英文	颜色值
         纯黑	black	#000000
         深蓝	navy	#000080
         深绿	green	#008000
         靛青	teal	#008080
         深红	maroon	#800000
         深紫	purple	#800080
         褐黄	olive	#808000
         深灰	gray	#808080
         浅灰	gray	#c0c0c0

         颜色	英文	颜色值
         浅蓝	blue	#0000ff
         浅绿	lime	#00ff00
         水绿色	aqua	#00ffff
         大红	red	#ff0000
         品红	fuchsia	#ff00ff
         明黄	yellow	#ffff00
         白色	white	#ffffff

    • CSS长度规范

      1. in 英寸

         英制长度单位

      2. cm 厘米

         国际标准单位基本绝对长度

      3. mm 毫米

         科学领域绝对长度单位

      4. pt 磅

         印刷领域绝对长度单位，约等于1/72英寸

      5. pica （pc）派卡

         印刷领域绝对长度单位，约等于1/16英寸

      6. em

         CSS相对单位，相当于当前字体大小下大写M的大小，约等于当前字体大小

      7. ex

         CSS相对单位，相当于当前字体大小下小写x的大小，约等于当前字体大小一半

      8. px

         计算机通用的相对大小

      9. 百分比

    其他的就是设计类的问题了，这里就不再赘述