仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 489|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来看看:使用CSS款式表技能两则

[复制链接]
若相依 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:13:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
1、往除超等链接的下划线和在超等链接上完成鼠标悬停变色:
  在默许情形下,用Dreamweaver计划的网页中的超等链接都有下划线,看上往不年夜美妙。要往除这些厌恶的下划线,良多报刊先容的办法都是在HTML源代码中手工到场一段代码,实在在DreamWeave中很简单往除链接的下划线。起首在DreamWeaver的DocumentWindows中任意创建一个链接,你能够看到这个链接会有下划线。如何往除这条下划线呢?
  1.在点击菜单栏上的"Text"|"CSSStyles"|"EditStyleSheet…"(大概间接按快速键Ctrl+shift+E),修改EditStyleSheet(编纂款式表)对话框窗口。
  2.点击"New(新建)",然后在"NewStyle(新款式)"对话框中,点击"UseCSSSelector"按钮。
  3.在Selector栏中键进a,然后点OK。
  4.随后弹出"CSS款式界说"对话框,在Type类的decoration(粉饰)中,勾选none,然后点OK,再点Done。你将立即在DocumentWindows中发明链接的下划线已消散了。那末又如何完成当鼠标悬停在链接上时链接变色呢?反复上述步骤中的的第1、第二步。然后点选Selector旁的下拉箭头,选择"a:hover",再点OK。在随后弹出的"Styledefinitionfora:hover"对话框中,在Type类的color中恣意选择一种色彩(好比选择白色),然后点OK,再点Done便完成了。按F12预览,将鼠标放在链接上,该链接是否是酿成了白色?假如在方才的"Styledefinitionfora:hover"对话框中,在Backgroud(背景)类里,选择backgroud的色彩为绿色,那末当你把鼠标放在超等链接上时,不仅链接会酿成白色,并且还会有绿色的背景。现实上,经由过程方才的CSS款式界说对话框,你还能够完成更多的特别效果,有乐趣的伴侣无妨往好好揣摩一下。
  2、创立可重复利用的内部CSS款式表
  用DreamWeaver在某网页中创立了一种CSS款式后,假如你要在别的的网页中使用该款式,你不用重新创立该CSS款式,只需你创立了内部CSS款式表文件(externalCSSstylesheet),你即可以在从此恣意挪用该款式表文件中的款式。为了便于办理,先在站点地点文件夹中,新建一个文件夹,取名为CSS,专门用于安排内部款式表文件(其扩大名为css)。
  1、在DocumentWindow中按Ctrl+shift+E,修改EditStyleSheet(编纂款式表)对话框窗口
  2、点击"link"。
  3、在弹出的LinkExternalStyleSheet(链接内部款式表)对话框,点BROWSE,找到方才创立的CSS文件夹。
  4、在SelectStylesheetFile(选择款式表文件)窗口"文件名"栏中,键进*.css(*能够为恣意名),请注重,现实上此时在CSS文件夹中并没有款式表文件,在"文件名"栏中键进的新名字将成为内部款式表新文件的名字。好比键进title.css,,然后点Select|OK。
  5、在EditStyleSheet(编纂款式表)对话框窗口中,会新增添title.css(link),双击它。
  6、在弹出的"title.css"窗口中,点"New"。
  7、在"NewStyle"对话框中,点选"MakeCustomStyle(class)"按钮
  8、在Name栏中键进某个名字,如myheadline,点OK。
  9、在接上去的"Styledefinitionfor.myheadlineintitle.css"对话框中,举行字体、色彩等各类设置,完成后点OK。如还要创立新的款式,再点"New",反复方才的步骤6、7、8、9,最初点"save"|"done",因而title.css这个内部款式表文件便创立好了。菜单栏上的"TEXT"|"CSSStyles"子菜单中将会列出title.css中的一切款式。如要在其他网页中挪用这个title.css,只需反复上述1至3步,然后在SelectStylesheetFile窗口"文件名"栏中输出title.css。点"select"|"ok"|"done",title.css中一切的款式便会呈现在该网页菜单栏上的"Text"|"CSSStyles"子菜单中,你将能够在此网页中使用这些款式
</p>
那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
若相依 该用户已被删除
沙发
 楼主| 发表于 2015-1-18 05:40:01 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
飘灵儿 该用户已被删除
板凳
发表于 2015-1-25 17:09:37 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
若天明 该用户已被删除
地板
发表于 2015-2-3 12:11:07 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
深爱那片海 该用户已被删除
5#
发表于 2015-2-26 13:17:59 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
金色的骷髅 该用户已被删除
6#
发表于 2015-3-8 15:24:30 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
山那边是海 该用户已被删除
7#
发表于 2015-3-16 04:55:40 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
柔情似水 该用户已被删除
8#
发表于 2015-3-22 20:12:50 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-10 04:23

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表