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> </p>
(11)w3school中某标记的标准属性是指所有的html标记都有
5、小知识2:
(2)在网页上点右键-查看源代码后,浏览器的原因,有的源代码上方有文件菜单--查找;而有的没有文件菜单,那怎么调出查找对话框呢?答:ctrl+F
(3)在Excel中,鼠标点击一个格子,这是菜单栏插入---形状才管用;
画好一个形状,如矩形,鼠标拖动矩形的同时按住ctrl键,到另一个地方松手,可复制这个矩形。
(4)html文件其实与我们常用的一些文件很相似,如Word文件--.doc保存普通文字和图片
html文件中不仅可以放置普通文字与图片,还可以放置视频与音频等多媒体元素。
(5)测试参数时,建议,先用一个大的参数,再用一小的参数。