本文作者:qiaoqingyi

dreamweaver框架网页制作代码(dreamweaver简单网页制作)

qiaoqingyi 2023-01-06 939

今天给各位分享dreamweaver框架网页制作代码的知识,其中也会对dreamweaver简单网页制作进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

求用dreamweaver css制作简单网页的代码!!!!急用!符合要求有重谢!!!

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title无标题文档/title

style type="text/css"

.head { width:1000px; height:100px; margin:auto; overflow:hidden; border:1px solid #666; }

.banner { width:1000px; height:150px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px; }

.main { width:1000px; height:300px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px; }

.main .left { width:299px; height:300px; border-right:1px solid #666; float:left; }

.main .center { width:349px; height:300px; border-right:1px solid #666; float:left; }

.main .center .mt { height:100px; border-bottom:1px solid #666;}

.main .center .mb {}

.main .right { width:350px; height:300px; float:left; }

.footer { width:1000px; height:80px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px;}

/style

/head

body

div class="head"

/div

div class="banner"

/div

div class="main"

div class="left"/div

div class="center"

div class="mt"/div

div class="mb"/div

/div

div class="right"/div

/div

div class="footer"

/div

/body

/html

如何使用Dreamweaver制作一个网页

建议百度搜索一下Dreamweaver是使用教程和建简单网页方法,很容易懂的。

在桌面上找到dreamweaver软件,双击打开。

进入后,在中间区域的居中位置,可以快捷的新建网页文件及其他文件,也可以用文件-》新建的方式新建文件,此处采用文件新建。

单击文件-》新建,页面类型选择html,点击创建即可创建一个空白页面出来了。

网站是有站点的,下面新建一个站点,单击站点-》新建站点,弹出如下对话框,将网站名称起名为“第一站”,站点文件夹点击后面的文件夹小图标新建一个即可,文件夹只能用英文字母。

点击高级设置修改默认文件夹。

都设置妥当后在页面的代码区域输入如下代码.

点击顶部的小地球图标可以在浏览器中预览,会提示是否保存页面,点击是。

选择保存的名称一般情况下网页的首页都叫index,将名称更改后确认即可在浏览器中看到刚才的成果啦。

dreamweaver制作网站是什么代码

html

dreamweaver制作的网页后台管理源代码方法:

1、首先打开Dreamweaver软件,新建站点 和html文件,并保存。

2、然后打开想要借鉴的网站首页,比如“香奈儿中国官网”,然后右击网页选择”查看源“,查看网站主页的源代码。

3、然后切换Dreamweaver到代码页面,复制“香奈儿”主页想要套用的代码,粘贴到代码页。

4、修改替换你想要的内容,例如其中的“ title香奈儿官方网站:时尚精品、香水、彩妆、腕表、高级珠宝/title”中的文字

dreamweaver框架网页制作代码(dreamweaver简单网页制作)

dreamweaver框架网页制作代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于dreamweaver简单网页制作、dreamweaver框架网页制作代码的信息别忘了在本站进行查找喔。

阅读
分享