纯文本网页分割布局

 时间:2026-02-12 11:07:43

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.在chun.web内部新建网页的内容块“foot”如图并且在css把它的宽高设定为960px和144px。

纯文本网页分割布局

纯文本网页分割布局

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

纯文本网页分割布局

  • Dreamweaver怎么创建表格
  • Dreamweaver CS3的时间轴各项说明
  • Dw CC怎么设置在插入时显示辅助功能属性为媒体
  • DW制作jquery背景滑动菜单简约导航代码模板阴影
  • Dreamweaver怎么设置代码主题?
  • 热门搜索
    洋槐花怎么做好吃 蒸面条的家常做法 尿路感染的治疗方法 汽车之家2019最新报价大全 锅包肉的家常做法视频 罗马音怎么读 手机赚钱方法 胡萝卜怎么做好吃 鼻窦炎治疗方法 好吃易做的家常菜