dreamweaver的css如何使用软件提供的css布局？

来源：蜘蛛抓取(WebSpider) 时间：2012-05-18 13:16 标签： dreamweaver
您所在的位置： &
Dreamweaver教程-选择CSS布局
时间： 14:24:03
编辑：xfront
来源：下载吧
& & & & &Dreamweaver CS内置了16种不同的CSS布局。这些CSS布局经过严格测试，符合Web标准，并且无需修改即可兼容所有主流浏览器。包括了流行的1列、2列、和3列布局。1.在菜单栏中选择“文件”& “新建”。2.在“新建文档”对话框中，从第一栏中选择“空白页”。3.在“页面类型一栏中选择“HTML”。4.在“布局”一栏中，选择“1列固定，居中”。锁头标志的布局表示网页宽度固定，网页使用固定像素。弹簧标志的布局表示网页宽度将随着浏览器窗口的大小自适应变动。5.保留所有其他选项的默认设置，并单击“创建”按钮。新建的页面默认带有文本和颜色设置，可以自行添加内容并更改页面外观。
分享给朋友：
Dreamweaver教程相关教程
下载889510次
下载790220次
下载121273次
下载76588次
下载892616次
下载19453次
下载59451次
下载32169次
下载11231次
下载19848次
热门关键字DIV CSS布局制作教程与CSS资源网 - ThinkCSS
欢迎来到ThinkCSS查找CSS资料与学习DIV CSS布局技术！
DIV CSS更新 &&&&用户体验思维布局HTML：以简单网页布局 呈现用户所需内容信息！
DIV CSS必备： 与
DIV CSS JS网页特效资源
DIV CSS必备： 与
DIV CSS模块资源小局部模板
CSS开发工具 CSS布局开发软件
DIV CSS学习与资源分享平台您当前位置：&->&&->&
资料共享:英语学习
更新时间：
文件大小:300.6MB
语言要求：英文
浏览次数:人浏览
同类热门资料
资料下载地址
(确认已经开启迅雷或电驴)
语言：英语
网址：/Dreamweaver ... weaver/80302-2.html
类别：教程
（xuehui@TLF）
出品的时长3小时33分钟的 Dreamweaver上的CSS网页布局 频教程。由Joseph Lowery演示了如何最大限度地利用Dreamweaver内的布局功能（包括HTML5布局），联合CSS创建易于维护的网页。内容包括布局的基本概念，比如方框模式，document flow，适度使用float。二至三栏网页布局，自定义CSS3的圆角生成器，faux columns和Spry widgets等高级功能。本教程附带练习文件。
This course shows how to use the combined power of Dreamweaver and CSS to create compelling, easy-to-maintain web page layouts. After demonstrating how to maximize Dreamweaver's built-in layouts (including HTML5 layouts), author Joseph Lowery reviews essential layout concepts such as the box model, document flow, and the proper use of floats. Next, the course covers how to develop an array of basic 2- and 3-column layouts from the ground up, and then how to customize them with advanced features like CSS3 rounded corners, faux columns, and Spry widgets. The course concludes with a demonstration of techniques for converting a desktop layout to one better suited for tablets and smart phones. Exercise files are included with the course.
Topics include:
Exploring HTML5 templates in Dreamweaver
Understanding document flow
Using floats properly
Resetting CSS styles
Creating a 1-, 2-, or 3-column layout
Deciding on a fixed width versus variable width design
Coding layouts for HTML5 and CSS 3
Incorporating floated elements
Applying the faux column technique
Using Spry widgets
Using Multiscreen Preview
Modifying desktop layout for tablets
Developing smart phone layouts
相关学习资料
友情链接：
&&&& &&&&&&&&&&&&&&&&
学习资料库，由广大资源爱好者通过共享互助而共享各种学习资料，但学习资料库无法保证所共享资料的完整性和合理性
版权所有 Gzip enabled热门搜索：
您的位置： -&
软件教程分类查找
非常抱歉！2345软件大全没能为您提供完善服务，万分感谢能得到您的指点！
您的建议：
第二章 网页中的色彩特性
第三章 用户界面
第四章 快捷键
第二章 管理站点文件
第三章 打开保存网页
第二章 插入特殊文本
第二章 图像元素设置
第三章 音频设置
第二章 创建超链接
第三章 管理超链接
第二章 框架布局
第三章 div+css布局
精品软件课程
人气：377256
Dreamweaver是网页制作和管理的所见即所得
人气：670713
Adobe Flash，是Macromedia公司（现被Adob
人气：69643
是个原本由Macromedia公司所开发的著名网站
人气：50590
FrontPage是微软公司出品的一款网页制作入
小游戏推荐
Dreamweaver编辑CSS规则
出处：百科369
人气：1939
您可能感兴趣的问题：
核心提示：本教程为大家介绍一下Dreamweaver编辑CSS规则，希望对大家有帮助。
　　本教程为大家介绍一下Dreamweaver编辑CSS规则，希望对大家有帮助。
　　一、在“CSS样式”面板的“正在”模式下编辑CSS规则
　　1. 打开“CSS样式”面板。
　　2. 使“CSS样式”面板处于“正在”模式下。
　　3. 选择当前页面中一个HTML元素，此时已在“CSS样式”面板中显示了此元素的CSS属性。
　　4. 请选择下面的操作方法：
　　在“所选内容的摘要”窗格中双击一个属性，打开“CSS 规则定义”对话框修改该属性。
　　在“所选内容的摘要”窗格中选择一个属性，然后在下面的“属性”窗格中编辑该属性。
　　在“规则”窗格中选择一条规则，然后在下面的“属性”窗格中更改该规则的属性。
　　提示：点击“编辑”菜单，选择“首选参数”项，打开“首选参数”对话框，在“分类”下拉列表中选择“CSS 样式”项，可以修改编辑CSS的双击行为以及其它行为。
　　二、在“CSS样式”面板的“全部”模式下编辑CSS规则
　　1. 打开“CSS样式”面板。
　　2. 使“CSS样式”面板处于“全部”模式下。
　　3. 请选择下面的操作方法：
　　在“所有规则”窗格中双击一条规则，打开“CSS 规则定义”对话框修改该属性。
　　在“所有规则”窗格中选择一条规则，然后在下面的“属性”窗格中编辑该属性。
　　在“所有规则”窗格中选择一条规则，然后单击“CSS样式”面板右下角中的“编辑样式”按钮，打开“CSS 规则定义”对话框修改该属性。
　　提示：点击“编辑”菜单，选择“首选参数”项，打开“首选参数”对话框，在“分类”下拉列表中选择“CSS 样式”项，可以修改编辑CSS的双击行为以及其它行为。
　　三、更改CSS选择器名称
　　1. 打开“CSS样式”面板。
　　2. 使“CSS样式”面板处于“全部”模式下。
　　3. 选择要更改的选择器，如下图所示：
　　4. 再次单击该选择器，使名称处于可编辑状态。如下图所示：
　　5. 更改类选择器(.p)的名称。
　　6. 按键盘上的Enter键。CSS选择器的名称修改完成。
相关教程推荐
相关软件推荐
资源统计：无插件软件：96814个 无病毒软件：97119个 昨日已处理110个带插件、病毒的软件
本站总软件：97119个 软件总下载次数：22.407亿次
软件教程文章：101462篇 总浏览次数：3.251亿次([已注销])
(豆豆sunnying)
(雨巷红楼里)
第三方登录：

我要回帖

更多关于 dreamweaver 的文章

 

随机推荐