仓酷云

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

[DIV+CSS] 来看看:进修css必要甚么软件

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

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

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

x
结构清晰,容易被搜索引擎搜索到,天生优化了seo

原文:http://jorux.com/archives/if-you-love-CSS/
我想把本篇作为css基本教程的序曲,从明天入手下手翻译和收拾我从计划网页以来所学到的css基本常识。本教程会分红N个部分,独自宣布,其间大概会拔出几篇与教程有关的文章。没有详细的教程宣布进度,保举存眷本教程的伴侣定阅本站Feed。教程内容的30%-50%为Jorux原创,其他翻译部分均为意译,大概来历于多个外洋站点,并在教程停止时发布参考原文地点。
曾翻译过一篇css教程:十步学会用css建站,文章宣称能在十步学会建站,虽然说夸大点,但的确能学到一些器材,就像古代社会盛行速成一样,它只是一个css快餐,要到达自在使用css,没个百八十步生怕有点悬。
必要甚么软件进修css?
一个文本编纂器和Firefox
1.文本编纂器:这里所指的是诸如windows自带的记事本和Editplus等改善版记事本软件。不保举Dreamweaver,Frontpage等具有图形化可视操纵,不间接编纂css源代码的软件。这类软件的确能在进修css的早期匡助你敏捷告竣你的希望,可是不久你就会发明这些被Dreamweaver所主动天生的css代码冗杂烦琐,css文件体积增年夜。一旦分开这些软件你的思想就会像一张白纸,基础的css语法都想不起来。自己曾走过弯路,看初学css的伴侣自创。
自己利用Editplus编写网页代码,其属于增强版的记事本,具有多步打消,语法加亮,全体交换等功效,安装后无需设置,保举把屏幕字体改成14号Verdana,便利浏览编写。
2.Firefox:自己尽非Firefox的Fan,它也不是盏省油的灯(占用内存多)。但作为一个收费软件,再配上得当的插件,是网页计划者的必备工具,怎样利用和选择插件表现计划者专业本质的程度。保举安装以下插件:
必装插件:
IETab:调试网页在IE内核扫瞄器体现的优异插件,不论你喜不喜好,存候装!
激烈保举安装的插件
WebDeveloper:其功效之壮大,以致于我还没用全它的功效,可是其间接检察网页css代码功效,页面信息的显现,和考证css和Html的功效十分有用。
ColorZilla:便利提取网页中任何元素的色彩。
HtmlValidator:安装这个插件后会在扫瞄器右下角天生一个图标,绿色对号暗示以后网页的Html经由过程考证,白色叉号暗示Html有毛病,黄色叹号暗示Html存在没法经由过程考证的告诫语句。双击图标就会高亮显现该网页存在的不克不及经由过程考证的语句数量、地位和修正倡议。作为计划者,最好养成随时察看这个图标的习气,你就会发明网上宣称能经由过程考证的网页,几近都是毛病或是告诫。本网站除极一般网页外均经由过程考证。
FireBug:安装这个插件后也会在扫瞄器右下角天生一个图标,绿色对号暗示以后网页的Javascript经由过程考证,并能对毛病的Javascript代码debug。我们临时其实不必要这个功效。必要用到的功效是其Inspector,你必要经由过程定制工具栏,把Inspector的"眼镜"图标拖进工具栏。点击Inspector图标后,将鼠标移到网页恣意地位,你就可以在靠下的窗口看到网页Html文件的响应源代码,在网页调试时十分有效。
装这么多插件是否是有点累,我光写都有点吃不用,以是歇息一下,鄙人一篇文章进进css教程的注释部分。
撑持本教程或是有任何疑问,请留言。

属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。
愤怒的大鸟 该用户已被删除
沙发
发表于 2015-1-17 10:33:28 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
因胸联盟 该用户已被删除
板凳
发表于 2015-1-20 18:13:33 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
地板
发表于 2015-1-29 13:56:15 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
变相怪杰 该用户已被删除
5#
发表于 2015-2-6 01:50:12 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
海妖 该用户已被删除
6#
 楼主| 发表于 2015-2-14 21:52:24 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
简单生活 该用户已被删除
7#
发表于 2015-3-4 10:44:23 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
谁可相欹 该用户已被删除
8#
发表于 2015-3-11 18:27:11 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
再现理想 该用户已被删除
9#
发表于 2015-3-19 07:45:53 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
admin 该用户已被删除
10#
发表于 2015-3-27 16:08:31 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-3 12:37

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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