1、 建立文件结构,新建文件夹,名为:马自达汽车网,把images文件夹考入相册主页文件夹中,在DW中建立站点,名称为:马自达汽车网,在站点内新建index.html和index.css文件。
2、 在index.html的<body>标签内输入代码:
<F12>运行结果如下:
3、 在index.html的<head>标签添加外部样式表,输入代码:
4、 打开index.css输入代码,定义页面默认样式和页面顶部样式:
<F12>运行结果如下:
5、继续在index.css中输入代码,定义页面banner样式、主体内容框架样式、左侧内容样式和右侧内容样式:
<F12>运行结果如下:
6、继续在index.css中输入代码,定义页面底部信息内容样式:
<F12>最终运行结果如下: