异说html初学实战邮箱页面布局_html/css

当然是先想做个什么样的网页，比如邮箱，门户等等。

想好之后呢？

我们先布局，首先肯定来个登录页面。

登录页面从哪找呢？

一个由美工提供或者自己用搜索引擎将图片下载和右击图片点属性选中网上的图片链接过去

有了登录页面图，我们首先多建立几个.html文件进行编写

先做好登录页面，看到这个图片，我们用什么划分和进行页面布局呢？

我们用学过的表格进行大致的定位，确定图片宽高多少，然后依据图片提供的参数对应的向表格里提供图片的宽高

有时第二行表格框架位置并不理想，因此我们需要使用faststone capture的软件测量一下像素比例。

  
   为列，
为行--> 
 
 
 
 
 
 
 
 
 
 
 
  可以指定功能按钮和输入框, 中""不可随便乱填--> 
 
 
用户名:
 
密 码:
 
 
 
找回密码
注册用户 
 
 
 
 
 
  

成功后如图，还记得我在注释上写了什么吗？

再做好网页框架

我将我做框架的html文件复制到其他路径和按照默认边框显示方便大家观看

我们指定A边框里内容的页面也就是注释说的指定横向框架页面为top.html，我们放入几张图片到盘符相对路径

红箭头所指就是我们放入的图片

开始到top.html写入内容

我们然后到右边框写入内容，记住我到注释里写的是我们指定的是right.html