传统的网页结构及布局方法
此处介绍的是传统的网页结构组成部分,以及基本的布局方法。
网页组成部分
(01)从上而下,传统的经典网页可以分为基本的页头、主体、页尾三个部分,各个部分又可以细分。
(02)网页的页头称为header。标志logo、登陆条loginbar、页面横幅广告banner、菜单栏nav(navigation bar)等内容都可以放在页头。
(03)网页的主体是网页的内容部分,称为content。一般的,可以把content分为两到三个竖列,包括侧栏sidebar、栏目column等。
(04)网页的页尾称为footer,用来放置版权申明、使用协议等,也可放一些导航链接。
网页布局:使用表格或层(div)布局网页
(01)传统的网页布局方法主要有表格布局和层(div)布局方法。两者都是按照网页结构框架把网页的内容组织安排起来。
(02)使用表格布局需要知道表格的标签和属性等知识。表格由<table>标签来定义。每个表格均有若干行(由<tr>标签定义),每行被分割为若干单元格(由<td>标签定义)。<table>标签的主要属性包括height、width、cellpadding(规定单元边沿与其内容之间的空白,单元格边距)、cellspacing(规定单元格之间的空白,单元格间距)、border(规定表格边框的宽度)、align(规定表格相对周围元素的对齐方式)。<table>标签的属性可以参考W3C的HTML参考手册中HTML <table> 标签部分内容。<td>标签的主要属性包括height、width、align(规定单元格内容的水平对齐方式)、valign(规定单元格内容的垂直排列方式)、background等。<td>标签的属性可以参考W3C的HTML参考手册中HTML <td>标签部分内容。
(03)使用层(DIV)布局网页需要掌握基本的DIV知识,DIV又与CSS密不可分,通常又称为DIV+CSS布局。熟练掌握Div和CSS的布局方法需要对盒子模型有足够的了解。一个盒子由4个独立部分组成:最外边的是边界(margin);第二部分是边框(border),边框可以有不同的样式;第三部分是填充(padding),填充用来定义内容区域与边框(border)之间的空白;第四部分是内容区域。使用DIV+CSS布局的基本理念是:将页面用Div分块;设计各块的位置。使用CSS来定义样式。一般使用<div id="id选择符">的方式。注:熟悉CSS、DIV命名规则,例如样式文件命名主要的:布局版面:专栏:文字:打印样式:主题:
-
电脑上怎样申请QQ号
很多人在打开电脑的时候,都会习惯登录QQ跟别人聊天,如果没有QQ账号的话,可以在电脑上免费申请QQ号,或者之前的QQ号是别人给的,自己不喜欢,也可以重新申请一个新的QQ号,在这里,跟大家分享一下在电脑上如何免费申请QQ号的方法。电脑上免费申请QQ号的步骤(01)在电脑上下载和...
-
QQ浏览器如何安装应用插件
QQ浏览器如何安装应用插件,浏览器的应用插件的安装对我们来说是非常方便的。下面以安装护眼导航应用为例,介绍如何安装浏览器应用插件。操作方法(01)打开QQ浏览器,点击右上角的“”+“”如图所示(02)进入了安装应用的首页,如图所示(03)比如安装一个护眼的应用,鼠标停留在...
-
EPSON R230打印机清零软件无法使用的解决方法
当EPSONR230打印机两个红灯闪烁,并提示“打印机的墨管已到它们的使用寿命”时就需要使用清零软件进行处理,可是在我们使用清零软件的过程中,总是出现这样或那样的问题。那么我们在遇到这些问题时该如何解决呢?操作方法(01)首先当打开清零软件可执行文件时,系统会弹出...
-
在Word文档中怎么样进行简繁体转换?
字体有繁体和简体之分,而Word文档主要的功能是记录保存文本文字,可能由于区域不一样,有的喜欢用简体有的喜欢用繁体,为了方便查看,就需要用到简繁体的相互转换了。操作方法(01)方法一:比较常用的,就是用Word文档自带的简繁体转换功能,找到审阅——简转繁——便可将选择的...