GVKun编程网logo

dreamweaver中怎么使用DIV+CSS制作网站页面(dreamweaver网页制作css样式)

7

关于dreamweaver中怎么使用DIV+CSS制作网站页面和dreamweaver网页制作css样式的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于20个dreamweaver中制作网

关于dreamweaver中怎么使用DIV+CSS制作网站页面dreamweaver网页制作css样式的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于20个dreamweaver中制作网页的小技巧、Adobe.Dreamweaver.CS3(dreamweaver9.0)简体中文版 下载、DIV+CSS之仿DreamWeaver界面图形菜单_html/css_WEB-ITnose、dreamweaver-Dreamweaver中应用mysql语句遇到的问题等相关知识的信息别忘了在本站进行查找喔。

本文目录一览:

dreamweaver中怎么使用DIV+CSS制作网站页面(dreamweaver网页制作css样式)

dreamweaver中怎么使用DIV+CSS制作网站页面(dreamweaver网页制作css样式)

本篇内容介绍了“dreamweaver中怎么使用DIV+CSS制作网站页面”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

HTML结构代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的家乡烟台海阳</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!----网站头部开始---->
<div >
            <img src="images/logo.jpg">

         </div>
<div id="nav">
<ul>                            
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">家乡简介</a></li>
<li><a href="news.html">家乡新闻</a></li>
<li><a href="liuyan.html">在线留言</a></li>
<li><a href="jianjie.html">个人简介</a></li>
</ul>
</div>
<!-----网站头部结束-------------->
<!------网站主体部分开始----------------------->
<div >
<div https://www.jb51.cc/tag/Box/" target="_blank">Box">
   <img src="images/banner1.jpg">

</div>
<div >
<div >家乡简介</div>
<div https://www.jb51.cc/tag/Box/" target="_blank">Box1">
<div https://www.jb51.cc/tag/Box/" target="_blank">Box1-left"><img src="images/gr.jpg" /></div>
<div https://www.jb51.cc/tag/Box/" target="_blank">Box1-right">
<P> 海阳市,隶属于山东省烟台市。位于山东半岛东南部,烟台市境南部,东邻乳山、牟平,西接莱阳,北连栖霞,南濒黄海,西南隔丁字湾与即墨相望。总面积1886.84平方千米。海阳市位于胶东半岛南端,因地处黄海之阳而得名。</P>
<P>2018年,海阳市下辖4个街道、10个镇,另设有3个工业区、1个旅游区 ,户籍人口为64.2643万人,实现地区生产总值(GDP)341.7亿元,其中,第一产业增加值77.1亿元,第二产业增加值125.3亿元,第三产业增加值139.3亿元。2019年11月,入选第二批节水型社会建设达标县(区)名单。</P>
<P>海阳市位于山东半岛南部,东邻乳山、牟平,西接莱阳,北连栖霞,南濒黄海,西南隔丁字湾与即墨相望。介于东经120°50′一121°29′,北纬36°16′一37°10′之间,总面积1886.84平方千米。市区距烟台市119千米,离济南市420千米,至北京市883千米。</P>
</div>

</div>
<div >
<ul>
<li><img src="images/dg1.jpg"></li>
<li><img src="images/dg2.jpg"></li>
<li><img src="images/dg3.jpg"></li>
<li><img src="images/dg4.jpg"></li>
</ul>
</div>
<div >
<div >
<h2><a href="news.html">家乡新闻<span>更多》</span></a></h2>
<ul>
<li><a href="news01.html"><p>烟台海阳这个山村里, 有棵近500年历史的柘树</p><span>2019-12-16</span></a></li>
<li><a href="news02.html"><p>冬季逛烟台海阳徐家店大集, 虽然天冷但集上挺热闹</p><span>2019-12-11</span></a></li>
<li><a href="news01.html"><p>烟台海阳这个山村里, 有棵近500年历史的柘树</p><span>2019-12-16</span></a></li>
<li><a href="news02.html"><p>冬季逛烟台海阳徐家店大集, 虽然天冷但集上挺热闹</p><span>2019-12-11</span></a></li>
<li><a href="news01.html"><p>烟台海阳这个山村里, 有棵近500年历史的柘树</p><span>2019-12-16</span></a></li>
<li><a href="news02.html"><p>冬季逛烟台海阳徐家店大集, 虽然天冷但集上挺热闹</p><span>2019-12-11</span></a></li>
</ul>
</div>
<div >
<img src="images/new.jpg">
</div>
</div>

</div>

</div>
<!------网站主体结束--------------------------->
<!------网站底部分开始----------------------->
<div >
<p></p>

<p>版权所有:我的家乡烟台海阳</p>

<p></p>

</div>
<!------网站底部体结束--------------------------->
</body>
</html>

CSS样式代码

@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; font-size:14px; font-family: "微软雅黑"; line-height:22px; background:#fbf6d9    }

div,p,input,ul,li,h2,h3,h4{ height:auto; margin:0;; padding:0; vertical-align:middle ;}
li{ list-style:none;}
a{ text-decoration:none; color:#000;}

/*---top开始-----*/
.top{ width: 1000px; height: 100px; background:#FFF; margin:0 auto;}
.top img{margin-top: 10px; margin-left: 20px;float: left;}
#nav{ width:1000px; height:50px; background:#bc7018; margin:0 auto;}
#nav ul{ width:1000px; height:50px; line-height:50px; font-size:14px;  margin:0 auto;}
#nav ul li{ width: 200px; height:50px; line-height:50px; color:#FFF; float:left; text-align:center;}
#nav li a {
    color:#FFF;
    font-family: "微软雅黑";
    font-size:16px;
    margin-left: 2px;
    display: block;
    font-weight:bold;
}

.main{     width: 1000px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

/*---top结束-----*/
 .Box {
    width: 1000px;
    height: 335px;

        }

.nr{width: 960px;
height: auto;
overflow: hidden;
background:
#FFF;
padding: 20px;
}
.tit-s {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
     font-weight: bold;
    width: 940px;
    padding:0px 10px;
    border-bottom:#bc7018 1px solid;
}
.tit-s span a{ float:right; font-weight:normal; font-size:12px;color: #FFF;}
.caiz{ width:100%; height: auto; overflow:hidden;}
.caiz ul{margin-top: 20px;
padding: 0px 10px;}
.caiz ul li
{
width: 225px;
height: 220px;
padding: 5px;
float: left;
    } 
.caiz ul li img{     
width: 225px;
height: 200px;
}

.Box1{ width:960px; height:260px;}
.Box1-left{ width:200px; height:220px; padding:20px; float:left;}    
.Box1-right{ width:700px; margin-left:20px; height:220px; float:left;margin-top: 20px;}
.Box1-right-tit{ font-size: 16px;color: #333;font-weight: bold; height:40px; line-height:40px;}
.Box1-right p{ font-size:14px; line-height:22px; text-indent:2em;}
.bx2{ height:275px; margin-bottom:15px; width:960px;border:#e8e8e6 1px solid;}
.bx2 .left{ width:490px; height:243px; padding:15px; float:left; margin-right:16px;}
.bx2 h2{ height:40px; line-height:40px; font-size:20px;border-bottom:#bc7018 1px dashed; margin-bottom:10px;}
.bx2 h2 a{ color:#bc7018;  }
.bx2 h2 span{ float:right; font-size:14px; font-weight:normal; color:#333;}
.bx2 h3{ line-height:35px; font-size:16px;}
.bx2 h3 span{ color:#F00;}
.bx2 h4{ font-size:12px; font-weight:normal; line-height:20px; color:#666;}
.bx2 ul li{height: 32px;
background: url(../images/ico.png) no-repeat 0px 12px;
line-height: 32px;
font-size: 14px;}
.bx2 ul li a{ color:#000;}
.bx2 ul li p{width: 410px;float: left;}
.bx2 ul li p span{ width:76px; float:left;}
.bx2 .right{ width:388px; height:243px;padding:15px;  float:right; }
.bx2 .right h2{ width:388px; height:20px; background:#41628f; font-size:12px; line-height:20px; text-align:center; color:#FFF; font-weight:normal;}

/*---foot开始-----*/
.foot{width: 1000px;
height:150px;
background:#bc7018;
margin: 0 auto;
padding-top: 20px;}
.foot p{ width:1000px; height:30px; line-height:30px;color:#FFF; margin:0 auto ; text-align:center; }
/*---foot结束-----*/
.titile{
    width:225px;
    height:65px;
    background:url(../images/bg01.jpg) no-repeat;
    margin:0 auto;    
    margin-top: 20px;
    margin-bottom:20px;
    }
.titile h3{ line-height: 55px;
font-size: 34px;
font-weight: normal;
text-align: center;}    
.jies {
    width: 960px;
    margin: 0 auto;
    background:#FFF;
    padding:20px;
}

.jies img {
    float: left;
    margin: 15px;
}

.jies p {
    text-indent: 2em;
    line-height: 25px;
    font-size: 14px;
}

.news{ width:100%; }
.news ul li{  line-height:40px; height:40px; border-bottom:#CCC 1px dashed;  color:#3d2915;}
.news ul li a{ float:left;  display:block; line-height:40px; height:40px; background:url(../images/lvdian.jpg) left center no-repeat; color:#3d2915; padding-left:20px; }
.news ul li a:hover{ color:#000;}
.news ul li span{ float:right; color:#666; line-height:40px;}

.conr {
    width: 960px;
    height:600px;
    overflow: hidden;
    border-top: #ffffff 2px solid;
    margin: 0 auto;
    padding:20px;
    background:#FFF;
}

.conr img {
    width: 300px;
        margin: 10px;
    margin-bottom: 5px;
}

.conr p {
    line-height: 30px;
    text-indent: 2em
}

.shet {
    height: auto;
    min-height: 230px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.shet h2 {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
}

.mr {
    float: left;
    margin-right: 20px !important;
}


.nr {

    height: auto;
    overflow: hidden;
    background: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
}
.title2 {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: #999;
    font-weight: normal;
}

.title2 span {

    color: #666 !important;
    font-weight: normal;
}
.neirong {
    width: 960px;
    height: auto;
    overflow: hidden;
    background: #FFF;

}

.neirong p {
    text-indent: 2em
}

.neirong img {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ntitle {
    font-size: 16px;
    height: 80px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    color: #333;
    margin-left: 20px;
    font-weight: bold;
    border-bottom: #CCC 1px dashed;
    margin-bottom: 20px;
}

“dreamweaver中怎么使用DIV+CSS制作网站页面”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注小编网站,小编将为大家输出更多高质量的实用文章!

20个dreamweaver中制作网页的小技巧

20个dreamweaver中制作网页的小技巧

本篇文章给大家介绍20个dreamweaver中制作网页的小技巧。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

20个dreamweaver中制作网页的小技巧

相关推荐:《dreamweaver教程》

使用Dreamweaver制作网页的20个技巧。希望对您有所帮助。

1)怎样将 Dreamweaver 集成到 IE 浏览器?

Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令,我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样,通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。

将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径,把它们保存为一个 *.reg 文件,双击它将信息添加到注册表即可。

REGEDIT4

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]

@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"

如果要设置为 IE 缺省的编辑器,打开 IE 的“Internet 选项”,在程序标签指定。

2)为了使用某些脚本,经常要为图形或文本加上空链接,但是浏览时点击有空链接的对象时,会跳到页面的顶端,如何避免?

因为浏览器以为链接到同一页,可它又找不到定义的书签( anchor ),于是停留在页面的顶端。用“ javascript:void(null) ”替换空链接的“ # ”,解决这个问题。

3)使用 CSS 、层的时候,在不同浏览器的效果不一样,有时甚至出现错位现象,怎样解决?

在对不同浏览器的兼容方面, Dreamweaver 作得不错,但绝不意味用 Dreamweaver 作出的网页在 IE 和 Netscape 中完全一样。通常情况下,用不同的浏览器浏览同一个网页的外观不可能完全一样,这是不同厂家的浏览器本身决定的。

一般要尽量注意以下问题:

不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内;

内联式的 CSS 在 Netscape Navigator 中经常会出现问题,使用链式或内嵌式;

有时需要在空层插入表格或者透明图片,以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层,改用图片来实现;

避免使用 W3C 组织不推荐的排版属性,用 CSS 代替。

4)为何从别的文档拷贝文本到 Dreamweaver ,所有的段落会挤成一团,而在 Dreamweaver 内部又带有格式代码?

Dreamweaver 复制和粘贴文本有二种类别,标准的方式将对象连同对象的属性一起复制,把剪贴板的内容作为 HTML 代码;另一种方式仅复制或粘贴文本,复制时忽视 html 格式,粘帖时则把 html 代码作为文本粘贴。多按一个“ Shift ”( Ctrl Shift C/Ctrl Shift V )键即按后一种方式操作。

5)为什么网页用 IE 浏览正常,用 Netscape Navigator 却不符合要求甚至出错,而且在 Dreamweaver 的文档窗口老是修改不好?

请检查代码。因为用所见所得编辑器反复修改页面的某些部分,有时会留下一些多余的代码,比如多余的链接,这些代码在 Dreamweaver 的文档窗口看不到, IE 会忽视它们。但是 Netscape Navigator 对代码要求更严格,预览时就出现不可思议的现象。

6)在 Netscape Navigator 中,有些书签( anchor )不起作用,有些好象消失了?

Netscape Navigator 的书签是大小写敏感的。在 Navigator 中,多层嵌套的表格里面的书签会丢失,把书签放到表格外面。

7) Dreamweaver 文档窗口布满了各种各样的面板,为了编辑文档,不得不扒开一个个空隙,太累,如何是好?

一个 800X600 分辩率的屏幕对于 Dreamweaver 来说确实小了些,不过即便是 1024X768 ,也放不下所有的面板。关键是好好组织。

关闭那些在编辑中暂时用不到的面板,把常用的面板放在一起,节省屏幕空间;

除非现在要用,否则关闭“ HTML Source Inspector ”,它除开占用屏幕空间,还占用相当的系统资源;

按 F4 隐藏所有打开的面板,一览文档的全貌,再按一下,显示面板;

在“ Windows ”选单有个“ Arrange Floating Palettes ”命令,使用这个命令将所有打开的面板放在窗口四周,并互不重叠。

多用快捷键并熟练掌握是很好的提高工作效率的方法。

当添加不可见的对象时,Dreamweaver会在文档窗口的页面顶部加上相应的图标,如果图标太多,可能妨碍编辑。可以按“Ctrl Shift I ”(主选单 View|Invisible Elements )来隐藏和显示它们。也可以设定不出现这些图标,不过不建议这样作,因为它们能帮助选择对象,便于编辑。

8) Head 对象面板只能添加内容,能在文档窗口修改 标记的内容吗?

可以。有一种非常直观的方式,按“ Ctrl Shift W ”(主选单 View|Head Content ),在文档窗口主选单栏下出现一行图标,点击这些图标修改。

9)如何选择表格、层里面那些非常小的,比如 1X1px 的图片?

在表格的单元格中点击,然后按下“ Shift ”键,用箭头键移动即可选择。

也可先选定表格单元(按下 Ctrl 键,用鼠标点击相应单元)或者层,然后在“ HTML Source Inspector ”面板中选择高亮代码中的 ,返回文档窗口,图片即被选择。

10)怎样编辑一个框架系的名字(Title)?

按“ Ctrl F10 ”打开“ Frames ”面板,点击最外面的框,按“ Ctrl J ”(主选单 Modify|Page Properties )。

11)如何改变“behaviors”的缺省事件?

事件设定文件放在 Dreamweaver 安装目录下的“ \Configuration\Behaviors\Events\ ”文件夹,比如对于 4.0 以上版本浏览器,打开文件“ 4.0 and Later Browsers.htm ”。

将“ onClick="*" ”中的“*”移到“ onMouseOver="" ”中,改为:

重新启动 Dreamweaver ,该类缺省事件即变为“onMouseOver ”。其他类推。

12)在打开一个页面时,同时打开一个小窗口,用 Dreamweaver 能够实现吗?

能,不用写一行代码。在“ behaviors ”面板使用内置的“ Open Browser Window ”脚本,设定页面、窗口大小、属性。如图:

图片1

13)插入表格时,在表格单元中老是有个空格( ),怎样才能不让它产生?

这是 Dreamweaver 自动生成的,不要删除它。如果表格单元里没有任何东西, Netscape Navigator 将不显示该单元。

14)模板文档的 标记里,除了网页主题外不能编辑,怎样才能将 behaviors 加入到基于该模板的网页?

用“ HTML Source inspector ”面板在模板文档的“ ”前加入可编辑标记,如下:

15)在合作开发和管理网站时,使用 Dreamweaver 的登记/检查系统,是否为远程服务器的网站的相关文件加上了不同的访问权限?

check in/check out 是 Dreamweaver 内部使用的一种管理机制,它与文件的属性无关。“ check out ”意味着该文件正被我使用,别人不能编辑它;“ check in ”则表示该文件可以被别的同事 check out 及编辑,本地的文件就会变成只读,防止自己改变它的内容。

Dreamweaver 通过在本地和远程服务器上产生相应的 “.lck” 文件来实现 check in/check out 功能,这些文件在“ Site ”窗口不显示, Dreamweaver 能够读这些文件,它只对 Dreamweaver 有效。并没有为文件加上什么属性。如果用别的 Ftp 工具和编辑器,仍旧可以打开它们。

16)作网页时,鼠标飞舞,经常改变了设置好的图片的大小。能够不重新查看图片就纠正吗?

如果图片的大小不符,在属性面板,它的值会变成显目的粗体。按面板上的“ Refresh ”按钮,就可恢复成真实大小。

17)如何才能单击一个链接,同时改变多个框架?

最直接的方法就是为该链接建立一个框架系。

用 Dreamweaver 的“ Go to URL ” behavior 更简单。对话框显示所有的框架,在下面的“ URL ”栏填入相应的页面就是。

18)想给文本加上 behavior ,可是 behavior 面板上的项目都是灰暗的,不可选的,怎么办?

以前遇到这种情况,我一般在文本旁边插入一张图片,把需要的 behavior 加在图片上。然后再编辑代码,移到文本上,并去掉图片。

上面的作法较繁琐,便捷的方式是将文本链接到“ javascript:void(null) ”,那些 behavior 就老老实实显露出来了。

19)把使用了 behaviors 的层放进 Library 时, Dreamweaver 不让层的 behaviors 跟着走,怎么办?

用模板来作。

20)检查 Flash 插件并重定向的脚本有时不正常,还有别的方法吗?

制作 Flash 网页时,人们习惯使用 Dreamweaver 的“ check plugin” behavior 来重定向。但是有时它会错报,明明安装了插件,却说没有。下面介绍一种稳妥的方法来重定向。

制作一个新的首页作为重定向的页面。用“ head ”对象面板的“ Insert Refresh ”定向到未使用 Flash 技术的网页,如图。它会在页面头部加上如下代码:

另作一个很小的 Flash 影片,在第一帧加上一个“ Get url ”行为,指向使用 Flash 技术的页面。把这个小影片嵌入到用来定向的首页。

显然,这个重定向的页面是非常可靠的。

使用Dreamweaver制作网页的20个技巧到此结束,感谢阅读。

更多编程相关知识,请访问:编程学习!!

以上就是20个dreamweaver中制作网页的小技巧的详细内容,更多请关注php中文网其它相关文章!

Adobe.Dreamweaver.CS3(dreamweaver9.0)简体中文版 下载

Adobe.Dreamweaver.CS3(dreamweaver9.0)简体中文版 下载

新版特点包括:
全新设计的用户界面 
新的智能滤镜 
新的自动对齐和混合工具 
新的快速选定工具 
新的黑白转换控制 
增强的数码相机RAW文件支持 
增强的克隆和修复操作 
增强的曲线控制 
增强的打印控制 
增强的文件浏览模块Bridge. 


新的程序包包括以下几个部分:

图像处理主程序Adobe Photoshop CS3 
Internet图片发布程序Adobe ImageReady CS3 
文件浏览程序Adobe Bridge CS3 
设备管理程序Adobe Device Central CS3 
图片银行Adobe Stock Photos CS3 

windows下载地址

Adobe.Flash.Professional.CS3
Adobe.Dreamweaver.CS3
Adobe Photoshop CS3 Extended


下载:Adobe Photoshop CS3 Extended

Adobe.Flash.Professional.CS3


http://rapidshare.com/files/26899959/Adobe.Flash.Professional.CS3.WINDOWS.part1.rar
http://rapidshare.com/files/26899303/Adobe.Flash.Professional.CS3.WINDOWS.part2.rar
http://rapidshare.com/files/26898622/Adobe.Flash.Professional.CS3.WINDOWS.part3.rar
http://rapidshare.com/files/26898018/Adobe.Flash.Professional.CS3.WINDOWS.part4.rar
http://rapidshare.com/files/26897399/Adobe.Flash.Professional.CS3.WINDOWS.part5.rar

Adobe.Dreamweaver.CS3.exe

下载1:

http://rapidshare.com/files/26726095/Adobe_Dreamweaver_CS3.part1.rar
http://rapidshare.com/files/26725746/Adobe_Dreamweaver_CS3.part2.rar
http://rapidshare.com/files/26725286/Adobe_Dreamweaver_CS3.part3.rar

下载2:

Homepage - http://www.adobe.com/products/dreamweaver/

Size: 285 MB

Download Full

Download Part 1

Download Part 2

Download Part 3


mac下载地址

DIV+CSS之仿DreamWeaver界面图形菜单_html/css_WEB-ITnose

DIV+CSS之仿DreamWeaver界面图形菜单_html/css_WEB-ITnose

div css图形菜单之仿dreamweaver,做了四个多小时才兼容好,火狐和ie都无bug了,搞的自己快出bug了。

http://www.ij2ee.com/ http://www.gbsou.com/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>DIV CSS布局实例:CSS标签切换代码</title><style type="text/css"> * {list-style-type:none; font-size:12px; text-decoration:none; margin:0; padding:0;}a {behavior:url(xuxian.htc)}.woaicss {width:438px; height:300px; overflow:hidden; margin:50px auto;}.woaicss_title {width:438px; height:30px; background:#fff url(http://www.codefans.net/jscss/demoimg/201104/btn_bg.png) no-repeat; overflow:hidden;}.woaicss_title li {display:block; float:left; margin:0 2px 0 0; display:inline; text-align:center;}.woaicss_title li a {display:block; width:90px; heigth:30px; line-height:34px; color:#fff;}.woaicss_title li a:hover {color:#f0f0f0; text-decoration:underline;}.woaicss_title_bg1 {background-position:0 0;}.woaicss_title_bg2 {background-position:0 -30px;}.woaicss_title_bg3 {background-position:0 -60px;}.woaicss_title_bg4 {background-position:0 -90px;}.woaicss_con {display:block; width:438px; height:270px; background:url(http://www.codefans.net/jscss/demoimg/201104/con_bg.png) no-repeat 0 0; overflow:hidden;}.woaicss_con ul {width:418px; height:250px; margin:12px auto;}.woaicss_con li {width:418px; line-height:30px; margin:0 auto; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}.woaicss_con li a {color:#03c;}.woaicss_con li a:hover {color:#069; text-decoration:underline;}.woaicss_copy {width:438px; margin:10px auto; text-align:center;}.woaicss_copy a {color:#f00;}</style></head> <body> <div><script language="javascript"> function woaicssq(num){ for(var id = 1;id<=4;id++) { var MrJin="woaicss_con"+id; if(id==num) document.getElementById(MrJin).style.display="block"; else document.getElementById(MrJin).style.display="none"; } if(num==1) document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg1"; if(num==2) document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg2"; if(num==3) document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg3"; if(num==4) document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg4"; }</script> <ulid="woaicsstitle"> <li><a href="#" target="_blank" onmouseover="javascript:woaicssq(1)">ExtJS</a></li> <li><a href="#" target="_blank" onmouseover="javascript:woaicssq(2)">Div教程</a></li> <li><a href="#" target="_blank" onmouseover="javascript:woaicssq(3)">CSS布局实例</a></li> <li><a href="#" target="_blank" onmouseover="javascript:woaicssq(4)">WEB标准化</a></li> </ul> <divid="woaicss_con1"> <ul> <li>&middot;<a href="#" title="">Web Developer插件教程 CSS网页布局辅助设计利器!详细图文讲解!</a></li> <li>&middot;<a href="#" title="">CSS Templates 频道4月5日更新 增加模板22套</a></li> <li>&middot;<a href="#" title="">XHTML与CSS入门经典 从零开始系列教程!</a></li> <li>&middot;<a href="#" title="">DIV+CSS布局入门示例(目录)</a></li> <li>&middot;<a href="#" title="">CSS基础教程17篇 [翻译Htmldog]</a></li> <li>&middot;<a href="#" title="">DIV CSS布局实例:用css网站布局之十步实录!(目录) </a></li> <li>&middot;<a href="#" title="">WEB2.0标准教程 循序渐进十二天的基础学习!</a></li> <li>&middot;<a href="#" title="">Div+CSS 网页布局 教程!</a></li> </ul> </div> <divid="woaicss_con2"> <ul> <li>&middot;<a href="#" title="">DIV+CSS的XHTML代码结构浅谈 - 不要真DIV+CSS了</a></li> <li>&middot;<a href="#" title="">Div CSS教程:letter-spacing与word-spacing属性详解</a></li> <li>&middot;<a href="#" title="">margin外边距属性在inline内联元素中应用的测试!</a></li> <li>&middot;<a href="#" title="">Div CSS教程:block element与inline element元素详解 </a></li> <li>&middot;<a href="#" title="">DIV CSS实例教程:一款清新风格的CSS新闻列表制作</a></li> <li>&middot;<a href="#" title="">DIV CSS布局中如何组织样式表以便于简化、维护</a></li> <li>&middot;<a href="#" title="">DIV CSS编码中容易犯的一些错误 DIV CSS编码中容易犯的一些错误</a></li> <li>&middot;<a href="#" title="">如何将XHTML+CSS页面转换为打印机页面</a></li> </ul> </div> <divid="woaicss_con3"> <ul> <li>&middot;<a href="#" title="">IE6、IE7绝对定位与链接 问题研究</a></li> <li>&middot;<a href="#" title="">CSS实例:无懈可击的CSS圆角技术!</a></li> <li>&middot;<a href="#" title="">CSS布局教程:DIV+CSS三列式布局的实现方法</a></li> <li>&middot;<a href="#" title="">CSS基础实例:CSS实现带背景图片的文字链接的方法</a></li> <li>&middot;<a href="#" title="">Div+CSS实例:如何用CSS实现背景半透明效果</a></li> <li>&middot;<a href="#" title="">CSS实例:list-style-type在IE与FF中奇怪的现象解析</a></li> <li>&middot;<a href="#" title="">Div CSS布局关于分辨率与100%自适应问题的探讨!</a></li> <li>&middot;<a href="#" title="">CSS实例:如何让无空格的长字符在IE和FF下面实现自动换行?</a></li> </ul> </div> <divid="woaicss_con4"> <ul> <li>&middot;<a href="#" title="">CSS实用案例集(第2版) - CSS Cookbook</a></li> <li>&middot;<a href="#" title="">CSS禅意花园 读后感</a></li> <li>&middot;<a href="#" title="">CSS实战手册 公开发行 强烈推荐!2007年第17届Jolt 生产效率大奖</a></li> <li>&middot;<a href="#" title="">CSSer:你该如何发展,如何学习进步?</a></li> <li>&middot;<a href="#" title="">The ultimate webdesign usability checklist</a></li> <li>&middot;<a href="#" title="">Adobe Dreamweaver CS3 新功能简介</a></li> <li>&middot;<a href="#" title="">Web Standards与Web2.0应有所区别!</a></li> <li>&middot;<a href="#" title="">CSS教程:是什么使得CSS改善了WEB网站的可访问性</a></li> </ul> </div> </div> </body></html>
登录后复制

  

dreamweaver-Dreamweaver中应用mysql语句遇到的问题

dreamweaver-Dreamweaver中应用mysql语句遇到的问题

mysqldreamweaver

我在dreamweaver中新建一个php文件saveaddleibie.php。代码如下:
include("conn/conn.php");
mysql_query("insert into tb_type(id,typename) values (''3'',''机械'')",$conn);
?>
当然conn文件夹下的conn.php文件也写好。用dw打开saveaddleibie.php,按f12运行后,应该向数据库的tb_type表中插入数据。但结果令人无解,只插入成功''id''列的3,
''typename''列的''机械''没插入成功。具体看命令行的查询。如下图:
图片说明
但我在命令行中输入语句insert into tb_type(id,typename) values (''3'',''机械'')后,
两列都能正常插入。请各位大神,我该怎么办才能在用dw的方式正常插入两列数据呢?

我们今天的关于dreamweaver中怎么使用DIV+CSS制作网站页面dreamweaver网页制作css样式的分享已经告一段落,感谢您的关注,如果您想了解更多关于20个dreamweaver中制作网页的小技巧、Adobe.Dreamweaver.CS3(dreamweaver9.0)简体中文版 下载、DIV+CSS之仿DreamWeaver界面图形菜单_html/css_WEB-ITnose、dreamweaver-Dreamweaver中应用mysql语句遇到的问题的相关信息,请在本站查询。

本文标签: