为了顺应当前形势和更好的发展,黑基网已于9月19日正式更名为【安基网】,域名更换为www.safebase.cn,请卸载旧的APP并安装新的APP,给您带来不便,敬请理解!谢谢

黑基Web安全攻防班
安基网 首页 软件 电脑软件 查看内容

7天精通CSS第一节

2010-4-28 11:05| 投稿: jem

摘要:   大家好,我是ㄗòsら尐落 ,介于厚道小黑的邀请,将谈谈网页设计这方面的一些知识,以助于我们论坛一些想学网页设计的会员们参考。首先先声明的是我不是什么高手,也就一个网页设计的初涉者,也就一个菜鸟,因...
  大家好,我是ㄗòsら尐落 ,介于厚道小黑的邀请,将谈谈网页设计这方面的一些知识,以助于我们论坛一些想学网页设计的会员们参考。首先先声明的是我不是什么高手,也就一个网页设计的初涉者,也就一个菜鸟,因此在这方面我只能讲讲本人学习网页设计的这段期间的一些心得。谈的是理念,给大家的一些思路(因为教程的仓促录制,在设备方面有所欠缺,无法制作语音视频,望请大家见谅!)  那么,我们进入正题!  1.网页设计需要的软件:Dreamweaver cs3 和photoshop cs3(个人喜好不同,本人喜欢这2款软件一起使用)  2.对于网页设计的认识:这就要我们学会使用Dreamweaver了,学会常用的网页设计的HTML语言,因为又是另外一门语言,那么这个的话要讲就得花上一些时间,在此,我就简单介绍,不深入,如果想了解好html,那么可以推荐大家去看黑鹰基地07年的静态页面网页培训班的视频,里面有详细介绍html。这是我在HD的帖子,里面有教程的下载地址,这里就不登陆了。我这呢就简单的介绍下网页的构成。例子:  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />这是里面自己生成的语言编码  <html>  <head>-------头部  <title>页面标题</title>就是刚才我们看到的  </head>  <body>  ---------网页的所有内容  </body>  </html>  网页标记语言都是由<?>和</?>组成的,每个标记有开始,必须有有结束,<?>可以说是开始,</?>可以说是结束。比如说<p></p>这是换行,<h2></h2>这是标题标记,<table></table>这是表格,<a href=""></a>这是超链接等。  那么我所讲的就是在懂得其基本标记语言情况下,使用div(层)+css,制作网页,现在常用的方式。也很方便简洁。  第一课 认识CSS  一、css的概念  css(cascading style sheet),层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。关于其概念更多参照百度里面的资料。  二、为何要用css?  html本身有个缺陷,那就是如果对定义的东西比较多,修改的时候比较繁琐。首先,我们先看看html标记。打开(1-1.html)看到了的是颜色和字体,但是如果修改某个的颜色字体很简单,但是如果全部要改,如果很多的话,那么我们要改的话就很繁琐。那么我们看看运用css后。打开(1-2.html)使用style标记在head标记里定义,这就是css的一种使用,同样的,但是只要修改一处就全变了,这样的话,想修改其样式就很方便,如果很多的话只要改一处地方,时间和效率方面就大大减少了。  好了,第一节课教程到此结束。教程会不断更新!!  谢谢!


友情提醒:以上链接来自互联网,请注意风险!

小编推荐:欲学习电脑技术、系统维护、网络管理、编程开发和安全攻防等高端IT技术,请 点击这里 注册黑基账号,公开课频道价值万元IT培训教程免费学,让您少走弯路、事半功倍,好工作升职加薪!



免责声明:本文由投稿者转载自互联网,版权归原作者所有,文中所述不代表本站观点,若有侵权或转载等不当之处请联系我们处理,让我们一起为维护良好的互联网秩序而努力!联系方式见网站首页右下角。


鲜花

握手

雷人

路过

鸡蛋

相关阅读

最新评论

最新

返回顶部