对于新手初学div+css在开发工具上个人有两点建议:如果你打算以后靠这个行业为生,或者在别人面前得瑟自己水平的话可以选择系统自带的记事本,或者是Notepad++,或者其他文本类编辑工具;如果你只是想学习学习,又偷懒,懒得背单词,那么直接安装一个Dreamweaver,下载这个软件的时候最好去一些大网站,或者360里也提供下载,完成安装后,去百度个序列号,就可以了。
好了,废话不多说,使用记事本的可以跳过去这段,直接往下看。使用Dreamweaver的继续看。
打开Dreamweaver后,新建一个html文件,在建立好的这个文件中,你发现默认是有好多代码的,如下
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>无标题文档</title>
- </head>
- <body>
- </body>
- </html>
对于依靠Dreamweaver的朋友,建议不要默认代码进行缩减。直接保存到一个地方,然后用浏览器打开这个页面,你会发现什么,是空白的。那么现在我们开始在这个页面里添加一些东西。我就直接给大家上一段完整的代码,然后做下基本解释,涉及到的其他知识会在以后进行详细讲解。
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <head>
- <title>一个网站的标题</title> <!--<title></title>之间的内容,是一个网站的标题,通常位于浏览器的标签栏。-->
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><!--这个是定义网页编码,网站编码一共有两种一种是gb2312一种是utf-8-->
- <link rel="stylesheet" type="text/css" href="Css/css.css" /><!--这个是引用css-->
- <link rel="shortcut icon" href="favicon.ico" /> <!--这个是一个小图标,不会制作的话直接在百度搜ico在线制作就可以,这个文件一定要放在网站根目录,这个一般是在浏览器标签栏或者地址栏网之前可以看到-->
- <meta name="KeyWords" content="关键词一|关键词二|关键词三" /><!--这个是一个网站的关键词,搜索该关键词可以访问到你的网站-->
- <meta name="description" content="网站综合描述" /><!--这个是一个网站的描述,对优化有好处-->
- </head>
- <body>
- 床前明月光···后面自己想
- </body>
- </html>
需要说的是,网站所呈现给你的内容都是在body里的,所以你的页面代码都要放置在body里。
下一节是css全局规范书写