使用Dreamweaver制作简单网站(二)

继续上周没完成的

一、新建iframe.css

1.点击文件-选择新建-css
2.ctrl+s保存为iframe.css 在style文件夹下。
使用Dreamweaver制作简单网站(二)
3.回到main.html 右键选择-附加样式表,选择iframe.css
使用Dreamweaver制作简单网站(二)
4.新建css规则。
使用Dreamweaver制作简单网站(二)
5.背景设置为白色,margin为0
使用Dreamweaver制作简单网站(二)
使用Dreamweaver制作简单网站(二)
6.保存main 和 index
使用Dreamweaver制作简单网站(二)
7.插入志华首页
8.在iframe.css 中设置背景图片为bg.png
使用Dreamweaver制作简单网站(二)
完成
使用Dreamweaver制作简单网站(二)

二、插入文本

1.将文本的内容复制如main.(逐行复制!)
使用Dreamweaver制作简单网站(二)
2.将标题设置为标题4
使用Dreamweaver制作简单网站(二)
3.新建样式h4,设置字体12 橘红色,
使用Dreamweaver制作简单网站(二)
使用Dreamweaver制作简单网站(二)
使用Dreamweaver制作简单网站(二)
4.新建段落样式 .ph
使用Dreamweaver制作简单网站(二)
5.设置样式
使用Dreamweaver制作简单网站(二)
6.选择锻炼样式为,ph.
使用Dreamweaver制作简单网站(二)
7.设置列表
使用Dreamweaver制作简单网站(二)
8.新建 ul 标签样式。
使用Dreamweaver制作简单网站(二)
9.设置行距
使用Dreamweaver制作简单网站(二)
10.插入后续文本
使用Dreamweaver制作简单网站(二)
11.设置标题4
使用Dreamweaver制作简单网站(二)
12。设置列表
使用Dreamweaver制作简单网站(二)
13.将最后两行分别设置为标题4和ph完成
使用Dreamweaver制作简单网站(二)

三、设置超链接

1.回到index.html,点击导航栏,设置超链接
使用Dreamweaver制作简单网站(二)
2.创建对应的页面
使用Dreamweaver制作简单网站(二)
使用Dreamweaver制作简单网站(二)

四、制作服务页

进入 server.html
1.插入图片
2.导入css样式
使用Dreamweaver制作简单网站(二)
3.新建样式
使用Dreamweaver制作简单网站(二)
使用Dreamweaver制作简单网站(二)
4.设置类为server
使用Dreamweaver制作简单网站(二)

五、制作检测产品页

进入 product.html
1.插入图片
2.逐行插入文本
3。右键图片选择左对齐
使用Dreamweaver制作简单网站(二)
给图片设置左右边距
使用Dreamweaver制作简单网站(二)
4.设置标题2
使用Dreamweaver制作简单网站(二)

六、制作企业荣誉页

进入 bus.html
1.插入图片
2.插入表格
使用Dreamweaver制作简单网站(二)
3.插图片
4.居中对齐

七、制作联系方式页

1.插入图片
2.创建样式 pp
使用Dreamweaver制作简单网站(二)
使用Dreamweaver制作简单网站(二)

八、留言

进入 guest.html
1.插入图片
2、插入表单
使用Dreamweaver制作简单网站(二)

3.调节位置
使用Dreamweaver制作简单网站(二)

完成!!