CSS初探 - CSS基本知识 - 第1课
大家好,如果说目前在Web设计和开发技术领域,什么是非常“火”的新技术,CSS/DIV页面的布局无疑是其中之一。因此,前沿视频教室将在2007年7月锁定CSS,把这个月设为“CSS/DIV网页设计主题月”,专门对CSS进行深入的透析!
我们一共将分大约20讲,对CSS/DIV网页设计进行讲解,首先将从基础入手,然后分若干个技术专题进行分析,接着将探讨一些更为深入的话题,最后通过几个综合实例为大家的实际操作进行一些指导。
本节课时长9分11秒,下载文件7.75兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
今天开始第一课。
1.CSS的概念
对于一个网页设计者来说,HTML语言一定不会感到陌生,因为它是所有网页制作的基础。但是如果希望网页能够美观、大方,并且升级方便,维护轻松,那么仅仅HTML是不够的,CSS在这中间扮演着重要的角色。本课从CSS的基本概念出发,介绍CSS语言的特点,以及如何在网页中引入CSS,并对CSS进行初步的体验。
CSS(Cascading Style Sheet),中文译为层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS是1996年由W3C审核通过,并且推荐使用的。简单的说CSS的引入就是为了使得HTML能够更好的适应页面的美工设计。它以HTML为基础,提供了丰富的格式化功能,如字体、颜色、背景、整体排版等等,并且网页设计者可以针对各种可视化浏览器设置不同的样式风格,包括显示器、打印机、打字机、投影仪、PDA等等。CSS的引入随即引发了网页设计的一个又一个新高潮,使用CSS设计的优秀页面层出不穷。
从CSS对标记的控制入手,讲解CSS的初步知识以及编辑方法。希望大家能够掌握下一面几个方面的内容:
- 标记的概念
- 传统HTML的缺点
- CSS的引入
- 如何编辑CSS
- 浏览器与CSS
2.使用CSS控制页面
在对CSS有了大致的了解后,便希望使用CSS对页面进行全方位的控制。我们在这里主要介绍如何使用CSS控制页面,以及其控制页面的各种方法,包括行内样式、内嵌式、链接式、导入式等。并最后探讨各种方式的优先级问题。希望大家能够掌握以下几个方面的内容:
- 行内样式
- 内嵌式
- 链接式
- 导入样式
- 各种方式的优先级问题
3.体验CSS
我们在这里通过一个简单的实例,初步体验CSS是如何控制页面的,对页面从无到有,并使用CSS实现一些效果有一个初步的了解。对于我们在这里中的很多细节读者不必深究,在以后的课程中都将一一讲解。希望大家能够掌握以下几个方面的内容:
- 从零开始
- 加入CSS控制
- 控制图片
- CSS的注释
好了,今天就到这里,下面的内容我们明天再谈。
96,908


济南SEO(www.51on.org)文章分析的不错啊,受益颇深。
济南机票(http://www.sdjch.com) 早晨起来没事做,回访,来看看博主。什么时候做飞机,我帮你查特价机票。
汽车(www.cn-auto.org)网来啦,哈哈,大半夜的来狂狂博客,呵呵。
金属加工机械(www.cn-jixie.org)来站长来参观过了。博客百度权重不错,顶一个,以后我要多学习。
真钱扑克游戏(www.wins128.com)文章很有吸引力,博主博客权重挺高,值得学习,值得留意。
博客写的还行啊,模板不错啊,博客一定要经常的更新文章啊,要不没人来看你了啊O(∩_∩)O哈哈~加油啊 2010年我们一去努力 回踩啊 谢谢 济南网站优化(www.xinheng99.com)
老师,我有个问题,为什么语法有些前面要加入好多空格呢?
比如:
1.
2. 页面标题
为什么为什么要加入空格呢?
为什么都是英文版的教程 对于大多数初学者我想是看不太懂的 或者很费劲
挺好的,我前几天买的教材,我是看了视频决定买教材的
不错!
lini ,
谢谢您的鼓励,欢迎常来这里交流!
太感谢了!!
呵呵..
洋洋,
谢谢您的鼓励,欢迎常来这里交流!
CSS让我最喜爱又最头疼的!一种技术!熟悉他的人可以设计出漂亮大方的网页!希望学习完本书能是自己的CSS和布局方面得到提高!
至尊,
看到你希望研究jQeury的源码,因该是开发做的比较深的了,那么对于这个基础来说,CSS就是很容易的东西了!没问题的,很快就可以掌握!
请问有这些教程的教材吗~~我只有教程但没有教材~~我是初学者想跟着教程一步一步做~然后自己再深入研究~~但没有里面的教材~~可以给个地址我下载吗
aimivivi ,
您说的教材是书吗?可以到书店买到,请参考:
http://learning.artech.cn/20070802.css-div-buy-book-online.html
这些教程有没有限制?淘宝上卖的完全吗
墨匠 ,
这里是全的,也没有限制。淘宝上卖这个,没有办法,前年的时候,我就发现了,向淘宝发过几次信,当时删掉了,但是后来不断出现,我也管不过来了,没办法,随它去吧。
老师能发一份到的我邮箱里吗,我对这个比较感兴趣
王振,
请到这里下载:
http://learning.artech.cn/20090312.ppt-download.html
抱歉没有及时回复,我们最近很忙,下半年我们会拿出更多时间增加新内容的,欢迎来交流!
老师:
你好!
能不能给我发一份ppt,发到我的邮箱402861087@qq.com,谢谢了
残雪,
请到这里下载:
http://learning.artech.cn/20090312.ppt-download.html
抱歉没有及时回复,我们最近很忙,下半年我们会拿出更多时间增加新内容的,欢迎来交流!
老师:
你好!
能不能给我发一份ppt,发到我的邮箱fuwenyan2007@163.com,谢谢了
初学者 ,
请到这里下载:
http://learning.artech.cn/20090312.ppt-download.html
抱歉没有及时回复,我们最近很忙,下半年我们会拿出更多时间增加新内容的,欢迎来交流!
还有,为什么CSS样式的声明一定要写在head标签之间?是不是在那标签之间能进行一些不同的处理?
左心房,
我还真没试过把CSS写到body里面的结果,不过似乎没有这个必要把,要进不同的处理,使用不同的选择器不就可以了?
老师您好,我想问一下写CSS时候在Style标签之间的那个是什么意思,有什么用,还是是一种风格写法?
还有用Link连接CSS样式的时候后边那个属性rel=”stylesheet” 有什么用?
左心房,
用注释符号的作用为了兼容古老的不支持CSS的浏览器。
现在几乎不存在这样古老的浏览器了,所以一般不用这么写了。
老师,你好,可以发一份ppt给我吗,我现在大二有这方面的课程。
我的邮箱 zhujun312@163.com 谢谢!
zj,您好!
请到这里下载PPT:
http://learning.artech.cn/20090312.ppt-download.html
你好,我想知道现在关于css较好的教程书是哪本?谢谢
小许 ,
我们网上列的书都很好的,你可以参考:
http://learning.artech.cn/20070802.css-div-buy-book-online.html
您好,我是一个大学教师,我下学期刚好学院安排给学生上CSS+DIV网页设计,我觉得你这本书还不错,我希望能给我提供PPT教案,备课可以轻松些,可否把PPT教案发到我邮箱,如果可以的话,我就把您这本书订下来。谢谢。请尽快回复,学校催着要让我报上去。
能不能也给我发一封PPT教案呢?谢谢
已经给您回复邮件,请查收。
您好!
已经给您回信,请查收,如果需要我们协助,请给我们回信!
谢谢!
好像回复错了,能不能给我也发一封PPT教案呢?谢谢
老师您好:
为什么这些视频现在都不能看了啊,我以前看过都可以看的,现在下载现在也不能下了!
初学者,
我试了一下,是正常的,您不能播放,有几种可能性:
1:偶然的网络故障,这个您可以稍后再试试看。
2:我们现在规定,您在同时只能播放或者下载一个视频,比如您正在播放一个视频,您就不能同时下载该视频以及其他视频了,前一个文件下载完成后,或者关闭播放窗口后,可以选择其它的视频。
3:如果某些用户使用了某些下载工具,使用大量的并发线程,非常密集的发出请求,我们会禁止这个用户的IP下载了,这个是自动完成的。
我们这么做的原因是,我们的服务器资资源很有限,某一个用户大量的请求,会使得其他用户无法下载。
如果您不属于这三点,请再给我留言,我们再仔细查一下原因,谢谢!
可以看的 我一直在看
太好了,本想学学frontpage的,改学Dreamweaver了
燕无风雨,
对,重点是掌握好HTML语言。
軟件只是一個工具 。。只要你理解css原理 和 web標準的核心思想。。記事本都能寫出很復雜的網頁
呵呵,是个不错的学习教程视频。支持,支持。
yaya264264,
谢谢您的支持,欢迎常来这里交流~~
你好,请问教程里面的PPT和其他.HTML文件在哪里可以下载得到?
CSS很感兴趣,
你好,PPT可以提供,案例的源代码由于和我们有与出版社签订的合同,目前还不能提供,如果喜欢这本书,希您可以买一本书,这是对很多参与工作的人的支持。
PPT不在图书的光盘中,如果您需要,可以下载,请具体说下您要哪本书的?
你好,我是需要《精通CSS+DIV网页样式与布局》的PPT。可以提供下载地址吗?十分感谢。
CSS很感兴趣,
已经给你回信了,请查收!
刚刚了解了css,想更深入的了解一下,这本书很好
apple,
非常高兴我们的书对您有所帮助,学习中有问题欢迎来这里交流!
我在学习img src运用情况下,但不能如期调用图片,格式方面是正确的,就不明白有错吗?
joe ,
抱歉,我完全没有理解你说的是什么意思~~~
我意思说:调用不了图片…应该是链接不好吧??老师,麻烦你说说该如何链接.谢谢
joe,
我还是不确定你说的什么意思,你可以把你的详细问题发到我们的论坛:
http:// talking.artech.cn
我不知道,你是说 HTML 中的 img 标记? 如果在浏览器中显示不出图像,那可能是路径写错了。
我很想学CSS.并希望可以在你们的网站学习,并成为高手!
joe,
欢迎学习和交流!祝你能学好!
我非常喜欢你们的作品,可惜我对CSS不懂,我很想学习它!希望我可以在你们的网站学习,并成为高手!
您好,
CSS并不复杂,祝您能够很快地掌握它!
[…] 第1课 CSS初探 […]
好谢谢了
qbf,
谢谢您的鼓励,欢迎经常来这里交流!希望我们的内容对您有所帮助!
以前没有网页开发基础。这次看了Css教学片,感到Css太方便了,太高效了。《Css设计彻底研究》书我也买了一本,很不错。
一个asp.net用户,
是啊,很好很强大,我觉得asp.net的WebForm方式和CSS配合得不是很完美,我想ASP.net MVC会更好,你对ASP.net MVC 有什么看法?欢迎交流哦
可以讲D每个环节都联系紧密的吗…好似..布局之后如何用CSS.层等..
mane ,
谢谢您的建议!确实如此。
讲的都是什么啊 听不懂 好难啊 有没有简单的
man ,
在右侧的目录中“Dreamweaver”栏目中的内容都很简单,从那里开始即可乐~~~我们的内容当然要与时俱进的哦,不过初学者从简单的开始即可。
好 !!!!!!!!!!!!!!!!!!!!!!!!1
xingling,
谢谢您的鼓励!欢迎来交流!
CSS+DIV网页布局 群号62680534
Dreamweaver跟着教程都学完了,感觉还能听明白,CSS一开始就感觉一头雾水,听不懂了。老师,如果我想做个文学性网站(有文友可以投稿那种),只学会Dreamweaver,photoshop,flash行吗,不学CSS行吗?像Dreamweaver教程中的网站综合制作中的例子,那样就可以做成网页了吗,如果这样做成网页后,还要再学什么能与服务器说上话,就是最后别人可以浏览网站了。我很着急,麻烦您尽快答复我,谢谢。
老师,做模版不用CSS行不行,CSS除了可以布局页面,还用来做系统的吗,我用动易的系统,是不是就用不着学CSS了。
北北,
具体我没有用过动易的系统,但是我估计不可能不用CSS,只要涉及到页面的表现形式,就离不开CSS。
老师,我选择了用动易的CMS系统,我想问下用dreamveaver 软件制作模版可以吗。没有找到合适的模版,所以想做一个。
北北,
我没有用过动易的CMS系统,各种系统的模版机制不仅相同,具体如何制作,建议你到他们的网站上找到相关的文档,应该有非常详细的讲解的。还可以到他们的官方论坛上询问。
北北,
如果你的目的是为了做出一个功能丰富好用的网站,我建议你直接使用现成的开源系统,都是免费的,装在你的服务器上就可以用了,非常方便。
要自己开发一个,就需要学习很多东西,如果你不是计算机相关专业出身,还是需要花比较长时间的哦。
参考这篇文章:http://learning.artech.cn/20080215.cms-intro.html。
进一步了解可以到google搜索“CMS” 以及“内容管理系统”,就可以找到很多相关介绍。
谢谢老师的细致解答。再请教,呵呵:有很多文学性网站,都是会员可以注册的,我在想如果有人注册了,但他投的稿子达不到我要求发布的水准,我可以将他的投的稿子删除,“但他已注册为会员”的事实会不会占据我网站的空间,就是说我不想收他为会员了,还有办法把他清掉吧。我想知道:1,可以注册为会员的办法;2,把稿子投到我邮箱中,我审核通过后再发布到页面上的办法。这两种办法哪个好,哪个更节省空间。
北北,
具体我没有搭过这样的系统,从空间来讲无所谓,一般你不用考虑空间问题,如果就是写文字的话,如果你不是像新浪那么大的网站,应该不会有问体。
再请教:用开源系统,模版是要自己做,还是有现成的,用他们的模版收费吗,您说的免费指的是什么,要交系统维护年费吗。如要用他们的模版,假如我以后要增加新的栏目怎么办。
北北,
1:一切都可以灵活设定,否则不会有成千上万的网站使用了。
2:模版可以找一些免费的,也可以自己设计,也可以购买。模版和栏目无关。
3:空想没有用,装一个实践,一边做,一边到网上查,一切都可以解决。
4:joomla是国外开发的系统,虽然国内有一些中文的信息,但是如果您的基础不是很好,我建议也可以考虑使用国内的CMS系统,实际上也是很多的,也有很多人用,可能用起来更方便。
我建议,如果英文还可以的人尽量用国外的系统,功能强大,日后扩展的余地大;如果英文完全不行的人,还是多考虑国内的系统比较好。
有关joomla的网站,有好多家呀,用哪家的好呢,在你推荐的http://www.joomla.cn,也没找到新手最开始应该做什么,怎么用开源,请您指点。
北北,
这个只能慢慢摸索,学习任何东西都有一个学习过程,这是必须付出的代价,其实网上什么都有,就看你能不能找到,努力提到使用搜索引擎的水平,你就可以找到所有你想要的东西。如果整个互联网上都没有,说明全世界每人搞的东西,那么自然你也就不要搞了。
谢谢老师的指点。用开源做好内容后,下步怎么办,要买服务器吗,服务器很贵吗,为什么有很多人在租服务器,为什么有的还要送到电信去托管。假如服务器搞定后,网站运行之前还要到电信登记备案吗,这个是不是要花钱,如果用钱,一年约计多少。真的是隔着山看风景,不了解的太多,麻烦老师再帮忙指点。谢谢。
我现在学过的软件有photoshop,flash,dreamveaver,这些知识用以开源做网站内容,够用吗。
北北,
免费指的是这个CMS系统是免费的,你需要的话费就是服务器,一般也就是常说的“虚拟主机”的费用,一般是按照时间的,比如每年多少钱。此外没有其它花费了。
“托管”一般都是很大的网站才会用,很贵,虚拟主机很便宜,一台机器上放了很多网站。
“网站备案”是咱们国家的行政规定,跟制作网站本身没有关系,一般可以让虚拟主机提供商帮你弄,不需要花钱。
使用开源的CMS,既可以很简单,也可以很复杂。就像电脑,如果打打字,就很简单,如果要作复杂的工作,就很复杂。
我觉的没有HYML看起来有点弄不懂~
无助的风,
是的,关键是要先把HTML搞懂,Dreamweaver没有什么大用,关键是HTML代码要搞懂。
@.@
我感觉讲的非常好.
我是一个刚开始学习CSS/DIV的学生,我刚参加工作,做的就是网台前台美工,可是学校学的东西不够用,我就找了一些教程来看,这个就非常好,我看了以后对我的帮助也比较大。真的十分感谢。
小诚,
欢迎来这里交流,还可以到我们的论坛上讨论: http://talking.artech.cn
-_-!!!!!为什么不出内容的!!
你们书中都说到过DIV+CSS内容!!!但我就系不明
这里的代码系在什么内容下用
比如
(div class=”")(/div)
(li)(/li)
等等…
div,
我们的留言本会把HTML过滤掉,以防止破坏页面。所以您输入的HTML代码都不会显示。
CSS的作用太大了,您看一看这三个视频讲解,如果能理解的话,您就知道CSS的作用了,如果还不能理解的,您就在学习一些更基础的内容,然后再看就能理解了。
http://learning.artech.cn/category/css-div-web-design/cartoon-css-div
分类“漫画图说CSS+DIV入门”的存档
我以下载了!!但回家放映的时候为什么变成FLAHS**的样式了!!
我想问下!我要下载什么放映才可以开得到啊!!!谢谢老师
使用任何可以播放flv视频文件的软件都可以播放,你可以到网上去任意下载一个,有很多种。
我以把漫画图说CSS+DIV入门看完了!里边的内容只系讲座点DIV+CSS的好处
这我都知!
CSS+DIV
(div class=”***”) aaa (div)
(div id=”***”)(div)
请问一下!
div+class和id.中在什么场景中用呢?
是否id就系你们书中所说的各个块
文本言与文字就只要用以class
vovni,
简单的回答是,二者很多时候可以互换,区别是id是唯一的,class不唯一。
严格的回答是,二者逻辑和含义上有很大的不同,我们的视频教程里有详细的介绍,您可以仔细看看前面,不要光看那个“漫画图说”,这个只是一个简介而已。并不是介绍具体怎么用的。
先谢谢
这我都知!!
你们DIV+CSS书我都书读完了!!!但到最后都系晤明
(div class=”***”) aaa (div)
(div id=”***”)(div)
含义系什么
我会再再再看看看书中的教程和视频。。不明再找你们
你看过书就容易给你解释了。id用于真个网页中唯一的元素,class用于不唯一的元素。
比如说,给张三的头上戴上帽子,张三只有一个头,因此要用id=”head”,而如果说,给张三的手指涂上红指甲油,因为张三有好多根手指,因此就要用class=”finger”。
至于div的作用就是定义了一个范围,对这范围进行设置。就这样了。
你们书中都说到过DIV+CSS内容!!!但我就系不明
这里的代码系在什么内容下用
比如
\
等等…
div,
CSS的作用太大了,您看一看这三个视频讲解,如果能理解的话,您就知道CSS的作用了,如果还不能理解的,您就在学习一些更基础的内容,然后再看就能理解了。
http://learning.artech.cn/category/css-div-web-design/cartoon-css-div
1。我实验了一下,怎么对body标记添加一条margin:0 auto;并不能使网页居中啊,我记得你们书里好像讲过这是最简单的使网页居中显示的方法啊
2。你们书里那个用a标记做的缺角的导航条,是让一个盒子与a标记左对齐,是通过left 0实现的,我现在想能不能让那个盒子在a标记盒子内水平居中显示,不能通过设置left:x这样的数值实现,因为a标记会随着里面的字变化宽度
小唐,
1:margin:0 auto居中的前提是,要对居中的对象设置固定的宽度,否则会自然伸展,也就无法居中了。
2:我没有试验,根据我对CSS规范的理解用,这里改为left:50%,应该可以实现你的要求,你试试看。
1、CSS怎么样和ASP ASP。NET来开发有数据库的网站?
2、鼠标经过时整行表格变色的效果在TABLE里可以实现,
用DIV是不是可以实现整行变色的的样子?
怎么样用DIV+CSS来调用数据库的数据?比如调用新闻(标题、时间、点击数、作者)显示十个。
温老师有没有出这一类的书?
温老师的CSS样式彻底研究一书已买到,感觉非常超值。
别人的书只是说怎么样样做有什么样的样子。
而温老师不但说明了怎么样做,而且说明了为什么这样子做。
感谢。
感恩。
我想要温老师的QQ或别的什么IM联系方式。好吗?
我的QQ44505083
蓝色的风,
首先感谢您喜欢我们的书,确实如你所说,讲清为什么是最重要的。不过我基本不上QQ,所您有问题还是这里或者我们的论坛上发言吧,我们都回恢复的,论坛上也有热心人,http://talking.artech.cn
1:CSS和ASP或其它的后台开发技术没有什么关系,因为任何后台程序都是在服务器段生成HTML代码以后传到浏览器的,因此和CSS没有关系。
2:完全可以的,在Firefox中,任何块级元素都可以设置:hover伪类,因此都可以设置鼠标经过时变色或其它效果,在IE,可以通过实现。这和表格的鼠标经过变色也是完全一样的,区别就是变色的HTML元素不同。
老师,您好,我刚刚进来学这个DIV+CSS,看了第一课之后,我有两个问题要问:第一:你说那个HTML的缺陷,我是觉得它比较麻烦,但是我如果想实现你那有三个红色的CSS标记,还有一个蓝色的,CSS怎么写呢?第二:那个导入样式有什么好处吗?先谢谢了。
肖肖,
你多看一些之后,自然就知道了。看一些,再实践一下,再看一些,在实践一下,如此往复,大功可成。
.red{corlor:red;}
.blue{corlor:blue;}
导入样式方法有四种:
一、行内式
即在元素的旁边以“”的形式设定CSS的样式。
二、嵌入式
写在HEAD中
三、导入式、
先装载页面后装载CSS,网速较慢时,页面会有变化
四、链接式。
先装载CSS后显示页面
页面显示一次成型。
你说得对,不过完全的初学者看了这些可能还是不知道你在说什么,呵呵。
真的很棒,谢谢了
素描,
谢谢您的鼓励,欢迎来这里交流!
非常感谢
我是学网站美工的。可是只会切图。。。我现在很着急,我想知道多长时间才可以学会DIV+CSS
nanX,
对于有丰富表格布局经验的设计师,从表格布局转换到CSS布局,其实还是很快的,而且你会很快发现,CSS布局的优点太多了。如果从头学,而没有表格布局体验的设计师反而可能体会不到这一点。
一个月时间掌握基本的原理和方法足够了。实际做几个页面,基本就明白了,剩下的就是慢慢摸索和提高了。
本人用Dreamweaver CS3版本 用DIV+CSS做网页为什么在代码中英文字下边出现最多的2条绿色波文线显示
1.显示的内容如果无名线框{包含内联内容的框}邻近某个浮动,则线框和浮动边之间出现3个像{3PX}的间隙.在内空清除浮动时,此间隙会消失,导致内容朝着浮动的方向”慢移”三个像素.请注意,当左对齐文本邻近右浮动时,可难以看到此间隙,但它确实存在,而且它可能导致紧密的布局中出现”"浮动下降”".影响:lnternt Exploer 6.0可以性:很可能
2.显示的内容如果无法将内容放入因定宽度或定高的框中,则框会扩展以适应内容,而不是让内容出框外.影响:lnternt Exploer 6.0可以性:很可能
但在Dreamweaver CS3显示设计视图中就出现了左一块右一块不对齐用Internet Explorer浏览网页没出现Dreamweaver CS3版本版本绿色波文线所说的问题.我所用的DIV+CSS做网页的只要英文
vovni,
1:您不用管Dreamweaver中看到的效果如何,只要保证在浏览器中效果正确就可以了。Dreamweaver的效果很多都不是真正的效果,不用管它。
2:你说的这个可能是一个很重名IE 6的“3像素”bug,您可以到Google或者百度搜索一下“ie 6 3像素 bug”,有很多相关介绍,您可以仔细研究一下。
3:IE 6是这样的,如果内部内容的高度超过设定自,外层盒子会自动扩展,而不是按照设定值显示。
如果在浏览器中效果正确就可以的话。。。我怕编程员会看不明在Dreamweaver里也
你说的这个可能是一个很重名IE 6的“3像素”bug,您可以到Google或者百度搜索一下“ie 6 3像素 bug”,有很多相关介绍,您可以仔细研究一下。??????
???
这话我有点不明。。。。
1:不会的,程序员如果这都不知道,就当不了程序员了。
2:点击这个连接。
谢谢你们 了!!!!!我在网站找了7749年了!
系什么意容器div意思!!!在那有讲到容器的远程教程???谢谢了!!!我还系一个菜。。。。。
首先谢谢您的留言!
我不是非常理解您的意思,您是问div的作用吗?就是可以把一些网页元素放在div里,从而实现布局的需要。具体说来话长,您可以仔细看一下我们的两个系列的视频教程,应该可以有一个比较深入的了解,当然要真正理解,还需要真正实践才可以的。
我想问的就系用CSS模板做网页 但我就系不明怎样才可以让左右两边分开··就系你们这个网站一样。。左的一边右的一边。。。
在你们的网站远程教程里有没教我用CSS模板做网页
如果有的话请放到留言语里!!
谢谢谢谢谢谢谢谢谢谢谢谢了!!!!
CHENXIAOQIAN,
用CSS制作模版,不仅仅要掌握CSS,还需要对具体的系统非常了解,仅会CSS是不够的。很多多者告诉我们,学习CSS就是为了制作模版,但是各种系统的模版的结构是不同的。
比如我们这个网站是用Wordpress搭建的,制作的模版就按照Wordpress的要求来做。而如果你要制作的时期他的系统,比如某种CMS(内容管理系统)的模版,必须先搞懂他的模版的机制,然后才能做具体的模版。
我给你的建议,无论你使用什么系统,一定都会有很多现成的模版,找一个最符合你希望的现成模版,先用起来,然后逐步搞懂其中的机制,这是如果你本身是懂得CSS的话,改起来就很容易了。
至于说分两列,我们在教程中有详细的讲解的,如果你看懂了,在具体应用到你使用的那个特定的系统上,也是没有问题的。
我想问一下,在DW里,输入代码的时候,一般情况下后面都有提示,可以根据自己的意愿选择,可有时候提示就不出来,这是什么原因呢?怎么能把提示调出来?
月儿,
我也发现这个问题,似乎是Dreamweaver软件有点毛病,好像也没有办法,确实不好。用Expression Web就不会这样,好用一些,如果你主要是手写代码代码的方式做网页,用Expression Web这个软件吧。
还有一个问题,就是一个里有几个图片的话,间距怎么调整?
调整间距就是靠margin、padding了。CSS里各种网页元素都是盒子,文本块和图像在浏览器眼中,都是一个盒子而已,调整盒子位置和各种关系的方法就那些,竖直、并列、乾套,然后就是margin和padding的关系,把这些搞清楚了,就都一样了。
盒子模型、标准流、浮动、定位,这四大基石彻底高明白,就一切都好办了。
一个盒子里排列几张图片不可以设间距吗?这是我用css做的第一个简历模板,下面四张图是紧挨着的,要分开的话,是不是只能用空格啊?http://yc87.cn/jlmb/jlmb1.html
你对盒子理解的还不够深入,图片本身就是一个盒子,而不仅仅是它外面的和div才是盒子。比如你的每个图片都设定一个类别叫myPhoto.
然后:
img.myPhoto{margin:10px;}
仔细研究盒子模型,直到真正理解,就会对网页布局就会一切尽在掌握了。
谢谢啊.有道理.呵呵
老师:我买了你们的一书学了,受益非浅,但是当我用CSS写导航条时:我的导航条是两个图片切换,就无法有效果出来.
frankfang,
首先,感谢您喜欢我们的书,对于您的问题,我的建议是,在任何时候,把一大篇代码交给别人找问题,都不是一个非常好的提问方式,我理解你的心情,但是最好你能够先自己把你的问题深入研究一下,把最核心的地方用一句话概括出来,这样别人帮你找问题也会容易得多。
出问题大多数可能是在某一个你忽略了的地方,因此建议你先尽可能把无关的代码都删除点,只保留最少的代码,直到你的问题不出现了,那么就可以知道是哪里出问题了,如果还是无法解决,你再把最核心的几句话拿出来,和大家讨论,别人也很易直到你的问题所在。面对数十行陌生的代码,任何人都很难找到问题所在的。
这个教程真好.一直想学习css,可找了好久,都找不到一个系统的教程,终于在这里发现了。感谢制作视频的老师。也希望和更多的朋友交流,我的QQ是350703724,不知道有没有人组织个群之类的学习交流组织?
月儿,
我们以前过过一段时间QQ群,但是感觉对学习的帮助很有限,除非有专人管理,否则大多数都很混乱,所以我如果给您一些建议的话,自己踏踏实实研究,是最有效的方法。就像我们在视频教程中说得那样,学好这本书,或者说学好CSS,90%要靠肯于钻研的精神。
祝您能学习愉快哦!早日彻底掌握CSS!
书里有详细的视频教程吗!
书中没有更详细的教程了,图书中讲的非常详细,所有的案例都有深入的讲解,相信读者可以学得会。
如果以后我们有时间,也可能会推出不依赖于书的视频教程产品,如果那样的话,会做得非常详细,但是视频教程制作也很费时间,短期内估计还无法提供。
如果您希望找非常详细的教授的学习方式,可以看看您所在的城市,是否有相关的培训班,有老师面对面讲授,可能学起来更容易。
希望上面的回答对您有所帮助。
这个网站视频只是演示视频吗,第一讲中只讲到了1.2.4就结束了,而后面的
1.2.5:各种方式的优先级问题
1.3.1:加入CSS控制
1.3.2:控制图片
1.3.3:CSS的注释
都没有啊,请问网站视频仅是演示吗,有没有办法下载到完整的课程视频,或者你这本书叫什么,在哪里可以买到的
这个视频教程是和图书配套的,所以时间有限。你要是有兴趣,可以买本书看看,也是对我们的支持哦!您在这个网页右侧的边栏中点击图书封面,就可以在当当购买本书,如果希望在其他网上书店购买,可以进入下面的网址:
http://learning.artech.cn/20070802.css-div-buy-book-online.html
请教第一讲当中在DW代码编辑中遇到color时使用的快捷键是什么,居然在代码编辑区域可以直接调出调色板,好强啊,迫切想知道。
另外,你们老师的授课方式很灵活,比以前哪种过于死板的视频教程好多了!
裤子,
不用快捷键,只要输入 color: 之后,应该自动就会弹出颜色选择板了。
喜欢的话,多来看看!我们以后还会有新课程。
为什么不代个绿色软件 那个 FLV 不好
风暴,
我们试了几个flv的播放器,感觉的没有特别好的,你觉得哪个好用,能否告诉我们一下?我们试试看,相对感觉riva还是不错的,体积也不大。
下面的内容在哪里啊啊啊
lwj 你好!
在网页右侧栏中,有所有课程的目录,点击一个目录标题,就会看到相应的所有课程了!
视频不错,看了两遍。
我已经推荐图书馆买这本书了,不知什么时候到
jinancf,
《精通CSS DIV网页样式与布局》这本书已经上市几个月了,应该容易买到,在右面的右侧有销售的链接。
《CSS设计彻底研究》这本书,还没有上市,出版社正在紧张制作中,估计元旦左右上市,感觉元旦后的可能性大一些,因为我们在等Dave Shea的写一个序言。
我现在是个初学者,不会写任何语言,我能学CSS吗?是不是得有编程的基础啊
开心每一天 ,您好!
如果没有HTML和网页制作的基础,最好先把我们站上关于网页制作的基础知识了解一下,您可以参考:
http://learning.artech.cn/category/dreamweaver 。
祝您能学习顺利,早日作出满意的网页作品!
为什么这一节到1-5Html页面的时候会卡住? 后面没有了吗.?
视频本身没有问题,估计是偶尔的网络传输问题,你再试一次看看,应该就没有问题了。
本人在学校学过一点点CSS,刚从学校毕业出来不久吧,虽然我学的是设计,但我知道设计师也要懂这个.虽然我还没有看完.但您讲的这个使我学到了很多,我非常谢谢您,辛苦了. 我可否请教老师,做为一名设计师应该懂的哪些软件,刚踏进社会,什么都不懂,请帮我指示一下.深表感谢!!!
张同学,你好!
你的问题蛮大的,所以只能概括来说一下了。
随着互联的发展,现在网站设计和开发的这行业也越来成熟了,从分工的角度来说,可以用网页“设计”、“制作”、“开发”来概括这方面的工作。
–“设计”主要指的是用Photshop、以及各种美术相关的软件进行页面的设计,这个主要看美术创意设计能力。
–“制作”主要是把前面设计好的页面方案变成真正的页面和网站,这个主要需要掌握HTML语言,以及最近越来越流行的CSS/DIV,主要工具是Dreamweaver或者ExpressionWeb等软件。
–“开发”主要指的是服务器端的程序开发,例如ASP、ASP.net、PHP等语言,以及SQL Server或者MySQL等数据库系统。随着Web 2.0概念的逐步深入,现在也有很多开发工作是关于前端的,主要就是对Javascript要非常精通,现在这方面的人很缺。
对于美工来说,主要完成的是“设计”这个环节,本来这个是最需要的创意的,不过现在国内抄袭成风,所以除非是顶级的,有时候确实做起来比较难,但是我觉得将来还是会靠真本事吃饭的,而且会诊值钱的。
对于制作来说,不许要很高的理论基础和创意,门槛是最低的,但确实是个非常辛苦的工作,需要反复调整保证在各种浏览器中都能正确显示,而且如果一旦实际发生变化,很可能工作就需要彻底重来。但是用CSS布局以后,这个工作的技术门槛有所提高。
对于开发来说,如果要真有发展,还是需要对编程有一点了解的,这需要慢慢来。
其实每个人还是应该根据自己的情况,来选择自己的发展道路,如果您对这方面的技术感兴趣,可以在我们的网站中找到一些相关的资料,相信会对您有所帮助。您进入这个网站以后,可以看到课程的目录,有关于Flash的、网页制作的、Photoshop的。每节课就十几分钟,学习起来也很轻松。
按照目录的顺序一遍看,一边实际操作,相信您很快就能掌握了。
这个资料写得很不错,我是一名初学者,有遇到了一些困难,能不能多出一点有关动手制作的遇到的一些方面的东东!我们学了最终就是要制作网页,能不能从这方面着手?再讲一下为什么要这样做,会有什么好处之类的?
再努力一点,你好!
过几天我们会发布一些更深入讲解CSS的课程,你可以再来看一看。但是如果要学习CSS,一定要先把HTML的概念掌握的很熟熟练。我们还会有一本新书《CSS设计彻底研究》,会非常重视实际动手操作和探索其中的原理,等过两个月上市后以后,欢迎您看一看,是不是适合您学习。
谢谢老师提供的教程.
我是刚学CSS是菜鸟,, 谢谢老师提供的资料…
东东,您好!
只要每天都有进步,“菜鸟”也会变成“老鸟”,更何况技术日新月异,大家一起加油吧!
《精通CSS DIV网页样式与布局》这本书在哪买?
全国比较大一些的城市中,麦计算机图书的书店都应该可以找到,如果不行的话,可以考虑在网纱国内书店购买,例如Chian-pub,您可以访问:
http://www.china-pub.com/computers/common/info.asp?id=35553
谢谢您喜欢我们的书!
非常非常感谢老师的辛勤录制!浅显易懂,这个是我看过最好的CSS教程。
rubby,你好!
谢谢的你的赞扬,我们会继续努力!
请问一下如果这个些课程都看过真的能学会吗?
iloow ,你好!
我们尽量使课程更易于学习,不过也不敢保证所有人都能学会,我们相信如果有一点点基础,掌握起来应该还是比较容易的,如果不行的话,您还可以买一两本书,仔细研究,再配合视频教程,应该就没有问题了。
老师,今天我偶然发现你的教程,只看了第一节,我觉得做得太好了,我觉得对我的帮助肯定很大.不知在DREAMWEAR 8 里能不能适用?
谢谢
绿缘,你好!
编写CSS代码,可以用任何版本的Dreawemaver,甚至用记事本这样的文字编辑器都没有问题。当然,如果用新版的Dreawmweaver,他的代码提示功能很方便,可以避免拼错属性名的麻烦。但本质上,用任何编辑都没问题的。
非常好的教程,比我们老师上课讲的好多了,容易理解。
非常感谢
您好!非常感谢提供如此好的视频教程!老师们辛苦了!教师节快乐!
请问可以提供教程中的源文件下载吗(我太过份??)?^_^
谢谢!
lovedivcss,你好!
抱歉,代码是《精通CSS DIV网页样式与布局》这本书光盘的一部分,与出版社有合同约束,不能提供下载,抱歉了。
如果喜欢,买一本书吧,很多人为这本书付出了努力,相信会对您的学习有所帮助的!
http://learning.artech.cn/20070802.css-div-buy-book-online.html
可以理解!^_^!
仍然非常感谢!
视频教程不错!想书会更加不错!这几天就去买的!
请提供学习整个过程
所有CSS的课程列表在这里:
http://learning.artech.cn/category/css-div-web-design
很好谢谢 还有更多的吗 QQ:626216660 我很爱好这个 但是人比较笨点
您好!关于CSS的视频课程一共有20课,您可以逐一观看。如果希望深入细致的学习,可以买一本《精通CSS DIV网页样式与布局》图书,可以一边学,一边实践,此外,还可以参加我们的QQ群,群号:43445724,大家一起讨论,进步得更快。
加哈我 215608526
你好,我之前发了一封信给你们,是关于在学习书本知识过程中想到的一些问题,可是好久了哦…还是没有得到你们的回信,希望你们可以看一下是不是漏了我的信,呵呵~希望可以快点得到你们的回信~谢谢~~哈哈~~!
好了,给您回信了~~由于我们负责美工的人这几天不在,耽误了一些时间,抱歉了。
说真的,今天在书店蹲着看了一上午这本书,感觉确实讲的挺清楚的。回来还找到了配套的视频,竟然是免费的,真是由衷的感谢图书制作团队的各位老师。在这样的年代,能如此无私的国人,已经越来越少了,您们不仅仅教会了我们技术,生活中也是我们的榜样。
谢谢您这么真诚的留言!我们写书也是为了挣钱的,但是不能只为挣钱,如果能够给大家提供一些帮助,就是我们最大的希望了,也不敢说我们做的就是最好,但我们一定会尽力而为的!
太感谢了老师了,很有帮助!
我们很愿意为大家提供更多更好的课程!谢谢您的支持!
大恩大德来世在报,谢谢大家,前沿的老师们你们辛苦了
您过奖了~~,希望我们的教程和图书能给您一些实实在在的帮助,也希望获得您的制持!
谢谢你们的视频呀,刚始自学这个还不知如何入门,谢谢你们的视频让我找到了入门的方法,希望以后能出一些引类的视频。但有一点能不能换一个格式的,这个格式还得重新下播放器,有一点点麻烦。
飘,您好!
您说的”引类”是什么?
关于您说的格式,FLV是个很好的格式,因为我们的课程主要用于在线播放,它是非常适合的,几乎所有的浏览器都能播放,其他各式例如avi,wmv等等都做不到的。实际上现在绝大多数在线视频网站都是用的FLV格式。其实任何格式都会有播放器的问题,相信我们,这个问题我们研究了很多年了:)
谢谢您的关注!
老师,我正在看呢??有效果我在来感谢哦!!你们的地址已经在我的收藏夹中!!
谢谢你的支持!有问题请和我们联系!
有没有更加详细一点的
小罗,你好!
由于时间关系,视频教程在比较复杂的部分无法讲解的十分详细,您可以参考一下《精通CSS DIV网页杨树与布局》这本书。
以后我们有时间以后,再多做一些视频教程,可以更深入细致地针对某一些技术细节,进行讲解。
非常感谢!老师讲的课程十在是太棒了
谢谢yrq!您有什么问题或者建议,请与我们联系。
非常感谢!老师讲的那些,我全部看懂了.
胡萝卜,你好!
谢谢你希望我们的课程!有任何问题和我们联系,我们尽力提供帮助!
视频教程
“学以致用”主机使用视频教程:
1:新手起步 2:上传和发布第一个网页
3:设置域名解析 4:cPanel控制面板简介
5:设置附加域名和子域名 6:安装WordPress
最新留言
(找不到自己的留言了?看这里)
(找不到自己的留言了?看这里)
了解详细说明
订阅
顺便看看现在流行的计算机图书吗?
您更习惯在当当购物?请走这边
推荐链接
前沿视频教室的内容版权属于北京前沿科技,http://www.artech.cn。Copyright 2006-2010
本网站使用了 WordPress 2.2 中文版 和 Lasse Havelund制作的 Mesozoic 页面主题。