Dreamweaver8系列DIV+CSS教程网页标准布局实例教程(一)_图文_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
Dreamweaver8系列DIV+CSS教程网页标准布局实例教程(一)
上传于||暂无简介
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
下载文档到电脑，查找使用更方便
还剩12页未读，继续阅读
你可能喜欢(window.slotbydup=window.slotbydup || []).push({
id: '2081942',
container: s,
size: '1000,60',
display: 'inlay-fix'Dreamweaver新建了HTML后怎样附加CSS样式？_百度知道
Dreamweaver新建了HTML后怎样附加CSS样式？
如题，我用得是dw cs3
或者把这段代码加上去& rel=&link href=&&gt直接新建样式;text/样式文件的路径&css& /stylesheet& type=&quot
其他类似问题
2人觉得有用
为您推荐：
其他3条回答
href=& content=&/W3C&#47.org/1999/xhtml" target="_blank">http.w3.org/TR/xhtml1/DTD/xhtml1-&link rel=&head& charset=gb2312&text/&html&gt.w3;stylesheet&quot.0 Transitional/&&#47.org/TR/xhtml1/DTD/xhtml1-transitional://&title&gt.w3;/ / type=& & /& http
选中你要应用样式的部分
然后在下面工具栏有样式的下拉列表 里面有个附加样式表的选项 你选了然后根据提示操作就可以
&head&&link rel=&stylesheet& href=&../CSS.css& type=&text/css& /& &/head&
css样式的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁您当前所在位置： >
> 网页设计
用Dreamweaver建站如何设计CSS?
用Dreamweaver建站如何设计CSS?下文为大家介绍了三种方法，具体如下：
可以以三种不同的方式在你的页面中使用CSS：
代码式(Inline)：写入到代码中的一次性的样式。
内嵌式(Embedded)：可控制一个页面中所有元素的样式表
外联式(External)：可控制许多页面中的元素的样式表
事实上，许多站点都根据需要把这三种方式结合起来使用。
在使用CSS时一个需要重点考虑的事实是不同的浏览器以及同一浏览器的不同版本以不同的方式来解析CSS。除了网络浏览器的差异之外，你还要意识到还有很多其他的浏览器，比如听力浏览器，基于电视的浏览器以及Palm pilot和TTY(teletypewriter，远程打字机)一类的手持设备。
最佳习惯是指什么?
大多数技术都有自己约定俗成的标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范，但按照现有标准来使用CSS却还是不无裨益的。一般来说，开发人员应尽可能将内容与报告分离开来。这样做的好处在于：
1：增加站点的寿命
不规范的样式表可能在当时觉得很方便，但新版本的浏览器出来以后，很可能就会出现兼容性问题。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS失去了意义。
2：让你的站点对所有的用户以及浏览器都适用。
有些地方的政府已经立法要求网站必须让残障人士也同样可以浏览。为残障认识设计的浏览设备，比如听力浏览器，对CSS规范性要求极其严格。
3：让站点更新和维护更加轻松。
使用方式得当的话，CSS可让你在一个页面中的调整快速应用到所有页面中去。
你首先要做的选择是使用哪一种样式表。当涉及到最佳习惯时，对不同样式表的分析如下：
Inline CSS;简单地说，你应该尽量避免使用。除了一些其他的缺点之外，使用Inline CSS意味着你并没有利用到CSS的真正优点，即你并没有将内容与格式分离开。DW使用Inline CSS主要是为了定位页面元素(这些元素在DW的用户界面中称为&层(layer)&)，或者为了使用某个DHTML特效，它需要使用Inline 样式的Javascript来改变一个对象的属性。
Embedded CSS：它也不是最理想的，因为它只能对当前页面施加影响。在更新的过程中，如果某一个页面丢失，将会使站点的风格不一致;另外，当用户浏览你的站点时，每一页都要下载一次样式表信息。
External CSS：这是你的第一选择。External CSS可以让所有连接到它的页面保持一致的外观风格;提纲挈领，更改一次，轻松更新所有相关页面;让你的页面体积更小，浏览速度更快。其他的一些最佳习惯将在下文分析具体的CSS特性时提及。
在DW中创建CSS样式表
在DW中创建CSS样式表时(Text 》CSS Style 》New style sheet)，在弹出的对话框中，你有两个选择：新样式表文档(New Style Sheet File) 和只用于当前页(This Document Only)。选中&New Style Sheet File &你就开始了创建External CSS的过程。这个选项要求你在真正的创建过程之前先命名样式表并为它选定一个保存位置;另外一个选项，This Document Only，则会直接把相关代码写入到页面的部分。
你也可以在&新样式(New style)&对话框中选择一个现存的样式表来编辑或添加新的定义。
应该连接到External CSS还是导入?
创建外部样式表以后，你需要把它附加在每个页面上(或是模板)。要这样做，可以在CSS面板上淡季&附加样式表(Attach Style Sheet)&按纽，此时会弹出连接外部样式表 (Link External Style Sheet)对话框，在上面可以浏览到你的目标样式表的名字，找到以后，你可以选择连接(link) 或者导入(import )此外部样式表。
连接是最常用的方式，选择&link&即可把样式表连接到页面。它会在你的页面中加入下面的标记：
所有支持CSS的浏览器都支持连接选项。如果你想一些比较旧的浏览器(比如Netscape 4.x)也能&看到&这个样式表的话，就要采用下面的方法。
如果你选择&导入&选项，所用的标记为：
NetSscape4会完全忽略导入的CSS，而按照连接的CSS来解释页面。这样我们就可以放心使用CSS中的新功能，不必担心浏览器的兼容性问题了。
CSS属性检查器
在DW的属性检查器中可以轻易切换到CSS模式。缺省情况下，属性检查器会显示原始的HTML模式下字体标签。点击字体下拉菜单旁边的小&A&，你就可以看到目前可用的CSS样式表，而不是字体标签列表。同时，你也可以轻松切回到HTML模式。
现成的CSS样式表
DW中一个令人激动的CSS特性就是它包含了已制作好的CSS样式表。CSS的新用户可以先体验一下。选择File & New，在弹出的新文档对话框中选择选中CSS style sheets，在右边的方框中会出现所有可用的CSS列表。为了实践我们所说的最佳习惯，选择一个标记为&Accessible&的。
将文档保存在站点文件夹内，然后就可以用上述的方法来把CSS附加在你的文档中了。
设计时间样式表(Design Time style sheets)
DW的这一特性可以让你在设计视图下工作时将样式表应用到页面，让你对站点的外观有一个更直观的认识。设计时间样式表将不会出现在站点内。从我们的最佳习惯的观点来讲，这一特性是非常有用的。如果你使用同时导入和连接两种方式(如上所述)，附加设计时间样式表可以让你使用其中的任何一个来开发站点。当你想看在另一个样式表下页面外观如何时，你可以轻松更改为另一个样式表。
对于要将CSS应用于服务器端(比如ASP, PHP, or ColdFusion)或是要在客户端通过Javascript来存取的开发者来说，设计时间样式表同样有用。服务器端样式表也是处理客户端浏览器对CSS支持不好的又一种方式。但在以前版本的DW中，这种方式却不能让你在设计阶段查看CSS的实际效果。设计时间样式表让你实时查看样式表效果，所以你可在DW中以可视界面工作。另外一个好处就是当你上传站点文件时，你不必再检查整个站点寻找冗余的样式表了。
无论你是自己创建样式表还是编辑现有的样式表，验证可以确保你不会误用不标准的标签或错误的代码。DW本身不包含CSS验证程序，你可以使用W3C站点提供的验证服务。
在DW内你可以验证HTML 或DHTML标签( File & Check Page & Validate Markup (for HTML) 或 File & Check Page & Validate as XML for XHTML.)。在开发基于CSS的站点时，DW提供了很多辅助工具。有了MW MX的帮助，再加上对CSS良好的理解，你就可以开发出能经受时间考验的站点了。
Dreamweaver建站如何设计CSS的精彩内容就先到这里。更多精彩内容，还请大家持续关注精品学习网。
频道热门推荐
栏目最新更新网页制作怎样在Dreamweaver中插入DIV标签进行布局？-网页制作小组-好知网
创建时间：
1258 次查看
网页制作在Dreamweaver中插入DIV标签进行布局，在这里51RGB在线教育提供一个非代码式的操作步骤，如果想学代码式的请参考以下链接：
网页制作教程：
若要采用设计，插入DIV标签，来进行布局请执行以下操作：
1.在“文档”窗口中，将插入点放置在要显示DIV标签的位置。
2.执行下列操作之一：选择“插入”&“DIV”
3.完成对话框。
4.单击“确定”。
应用于DIV标签的规则，请执行以下操作：
1.执行以下操作之一以选择DIV标签：单击DIV标签的边框。提示:查找标记色彩以查看边框。
在DIV标签内单击，然后按两次Ctrl+A。在DIV标签内单击，然后从“文档”窗口底部的标签选择器中选择DIV标签。
2.如果“CSS样式”面板尚未打开，请选择“窗口”&“CSS样式”以打开“CSS样式”面板.应用于DIV标签的规则显示在面板中。
3.根据需要进行编辑。若要在DIV标签中放置插入点以添加内容，请执行以下操作：在该标签边框内的任意位置单击。若要更改DIV标签中的占位符文本，请执行以下操作：选择该文本，然后在它上面键入内容或按Delete键。就像在页面中添加内容那样，可以将内容添加到DIV标签中。DreaWeaver更改DIV标签的高亮颜色在“设计”视图中将指针移到DIV标签的边缘上时，Dreamweaver将高亮显示标签的边框。如果需要，可以启用或禁用高亮显示功能，或者在“首选参数”对话框中更改高亮颜色。
关于，网页制作怎样在Dreamweaver中插入DIV标签进行布局就介绍到这里了！
本文由 原创，尊重知识产权，转载请保留这段文字和链接！
(大小不能超过2MB，文件类型支持png ,jpg ,gif ,doc ,xls ,txt ,rar ,zip .)
Powered by
扫一扫 关注好知微信