养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

纯文本网页分割布局

时间:2024-11-12 05:36:34

网页遄咿湫幼制作中纯文本网页是一个非常重要的部分,因为大部分的的网页都是含有文本的,所以对文本网页的制作我们应该掌握。

工具/原料

网络三剑客网页制作工具

网页文本素材psd格式效果图

方法/步骤

1、制作网页前需要的准备:

2、1.打开网页制作工具新建一个文件夹和一个网页文件并且给它命名,如图

纯文本网页分割布局

纯文本网页分割布局

3、2.并且为这个网页新建一个css文件如图。并且以链接的方式导入网页。

纯文本网页分割布局

纯文本网页分割布局

4、在ps中或者fw中对效果效果图进行分割布局。

纯文本网页分割布局

5、在dw对页面进行编辑。

6、1.新建一个大的div块给它命名为chun如图

纯文本网页分割布局

7、2.在罕铞泱殳chun内部新建网页头部“top”也就是网页的标题并且在css中把他的宽高分别设定为960px和152px。

纯文本网页分割布局

纯文本网页分割布局

8、3.在chun.web内部新建网页的内容块conten在css中把它的宽高设定为960px和1068px。

纯文本网页分割布局

纯文本网页分割布局

9、4.在ch掼鸿乡羰un.web内部新建网页的内容块“foot”如图并且在css把它的宽高设定为960px和144px。

纯文本网页分割布局

纯文本网页分割布局

10、5.网页的整体布局如右图

纯文本网页分割布局

© 一点知识