网页布局核心思想和小知识点

1、网页布局：

（1）网页如何去排版(布局)---传统通过table进行排版----主流是通过xhtml+css布局

（2）布局的核心思想：----即过程

【1】分析页面结构图

【2】选择适合标签来规划我们的内容

【3】再通过css来控制这些内容样式

（3）布局分析：先从大的区域再到局部区域

（4）布局时，可以先输入一些，数字，简单文字说明，占位（将来再用具体的内容替换它，这里主要目的是先把结构看清楚）

（5）布局思想：排版

【1】从大向小排版

【2】从左向右排版，从上向下---按人视觉习惯

（6）网页制作过程：

【1】先分析页面结构，这个页面内容大概分为哪些部分

【2】在适合的html标记中，加入页面的内容（信息）----信息载体---文字，图片

2、我们在写html代码时的流程：

【1】先写控制内容的标记，比如这部分内容比较重要，可以在语义上加权（加重）一些

  <strong>关键字</strong>

【2】这部分内容是文章网页的主题---推荐使用 <h1>文章标题</h1>

3、知识点

（1）在xhtml中，所有的标签都必须要有属性值，如果没有，则使用属性名

    例如：<hr noshade="noshade" />----xhtml

                                 <hr noshade>----html

（2）记住，某些html标记，都有默认值

          比如：

        h1~h6标记，默认文字是加粗显示。

        leftmargin="" 网页文字距离浏览器边框还是有距离的

4、小知识1：

（1）html元素，html标签，html标记，其实都是一个意思

（2）背景属性有一个层次关系：背景图片在上，背景颜色在下

（3）默认情况下网页内容与浏览器边框之间是有距离的（即默认值）

（4）网页编辑了一定要保存

（5）文件都有文件名，网页的文件名 如html文件，建议都使用英文

（6）可以直接输入标记，查看标记的默认显示状态

（7）dt代表一个标题（或叫项目）

（8）在网页里加任何内容都需要html标记，要在html里加东西，首先要想到我需要加什么标记

（9）html有什么作用？ 答：控制网页内容（让浏览者看到的信息）

（10）要让页面足够长？最简单的方法是加很多空段<p>&nbsp;</p>

（11）w3school中某标记的标准属性是指所有的html标记都有

5、小知识2：

（1）网页文字就直接写在代码里就可以了，而图片是一个文件，把图片直接拖到.html网页是拖不进去的，怎么办呢？那就把图片的路径插入到这个网页里

（2）在网页上点右键-查看源代码后，浏览器的原因，有的源代码上方有文件菜单--查找；而有的没有文件菜单，那怎么调出查找对话框呢？答：ctrl+F

（3）在Excel中，鼠标点击一个格子，这是菜单栏插入---形状才管用；

  画好一个形状，如矩形，鼠标拖动矩形的同时按住ctrl键，到另一个地方松手，可复制这个矩形。

（4）html文件其实与我们常用的一些文件很相似，如Word文件--.doc保存普通文字和图片

  html文件中不仅可以放置普通文字与图片，还可以放置视频与音频等多媒体元素。

（5）测试参数时，建议，先用一个大的参数，再用一小的参数。