网站地图    收藏   

主页 > 教程 > html视频教程 >

html语言视频教程 第09讲:个人网站实战

来源:未知    时间:2014-06-21 23:21 作者:xbdadmin 阅读:

[导读] 北京恒博教育网站制作培训,html语言视频教程第九讲,主要是通过一个简单的个人网站的实战,让大家掌握html各种标记的灵活运用以及网站建设的基本流程:此节视频教程主要有以下几点...

 北京恒博教育网站制作培训,html语言视频教程第九讲,主要是通过一个简单的个人网站的实战,让大家掌握html各种标记的灵活运用以及网站建设的基本流程:此节视频教程主要有以下几点:

一、网站建设的基本流程:制作草图,先在纸上大致画出一个各版块的布局草图; 然后再制作页面设计图,查找网页上所用到的素材,这里是用的一个简单的个人网站的例子来详细说明的;

二、html语言个人网站首页实战:

1.先将页面横向分为几大块,插入几个表格,表格的宽度均为960;居中对齐,这里是分为上中下三部分。
2.最上面的表格分为两行,第一行又分为三列,一列存放logo,一列放一个banner图片,第二行主要是导航文字,并加上超链接;
3.中间一个表格分为一行三列,将左右两边的单元格分别插入一张图片,为了控制单元格的宽度,分别设置左右两边的单元格宽度既可,中间的单元格不用设置
4.底部为版权信息,分为两行一列,第一行设置高度为10,并设置背景颜色,主要是用来和上面的内容部分区分开来,下面一行设置居中对齐,写上版权内容
5.将中间表格最中间的一个单元格内再加入表格,我这里是用两个表格写入的,第一个表格为一行两列,第二个表格为一行五列,将文字内容和图片插入到相应的位置既可

三、个人网站首页制作完成,一共只有十几分钟的时间,是不是很有成就感呢,别高兴的太早,那是因为老师已经对html掌握的很熟练了,你做的话可能需要的时间就长了,好好练习吧,加油同学们

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论