摘要: 一、初识Dreamweaver 1、制作网站的流程:规划网站类型及主题——搜集资料素材——使用软件进行网页制作——测试及发布2、站点:简单的说就是一个文件夹,在这个文件夹里包含了网站中所有用到的文件。我们通过这个文件夹(站点),对我们的网站进行管理,有次序,一目了然。 阅读全文
posted @ 2013-05-27 15:37 景莉 阅读(251) 评论(0) 推荐(1) 编辑
摘要: 1、浏览器用流来布置页面上的XHTML元素,浏览器从XHMLT文件的开头开始,从头到尾跟着元素的流显示它遇到的每个元素。比如块元素,每两个之间都有换行。所以先显示文件中的第一个元素,接着显示换行,再显示第二个元素,再换行等,从文件开始一直到末尾。这就是流。内联元素在水平方向上一个接一个地流,从左上方到右下方。2、float属性让一个元素尽可能靠左或靠右,然后让它后面的元素流到这个元素的周围。3、漂移元素clear:right;这个属性说明页脚的右边不能有漂移内容。4、冻结布局把元素锁住,冻结到页面上,所以它们根本不能移动,因此我们避免了许多窗口扩展带来的问题。5、它是一个你能在网站上看到的很普 阅读全文
posted @ 2013-05-24 15:57 景莉 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 一、更多的选择符1、伪元素选择符:可以用来选择元素的一部分first-letter 伪元素选择符可以用来选择一个块元素文本的第一个字,允许你设置首字大写和首字下沉,first-line的伪元素选择符,用来选择某一段的第一行文字。P:first-letter { font-size: 3em; }P:first-letter { font-style:italic; }我们在这里设置了一个大号的段落首字和一行段落斜体字2、属性选择符:你能基于属性值选择元素Img[width] { border: black thin solid; }此选择符选择XHTML中包含width属性的所有图像。Img[ 阅读全文
posted @ 2013-05-21 16:54 景莉 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 1、使用<form>元素创建一个表单。2、输入文本框 <input>输入文本框元素用来输入一行文本。<input type =”text” name=”fullname” />3、提交按钮 <input>提交元素创建了一个表单的提交按钮<input type=”submit”>4、输入单选框 <input>的单选框元素创建了有多个按钮的单选控件,任何时候只能选择其中的一个。<input type=”radio” name=”hotornot” value=”hot” />5、输入复选框 <input> 阅读全文
posted @ 2013-05-21 16:53 景莉 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 1、<table>标记是整个表格的开始标记。<tr>元素构成一个表格行;<td>元素占据表格的一个单元,每个单元都是单独的一列;<th>元素构成一列的表格表头,它包含一个单元格,它必须位于表格行中。2、border-collapse 属性来消除边框间距。3、backgound-color:属性改变表格行的颜色4、rowspan属性定义一个表格单元所占据的行数。5、colspan属性并设置列的数值6、当你把list-style-position设置为inside,那么标记位于列表选项中,所以文本环绕在标记的下面。当你把list-style-posi 阅读全文
posted @ 2013-05-20 16:55 景莉 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 1、<div>用来把页面分割成逻辑部分(logical sections)或者组。在你的页面中使用<div>,但不要滥用,借助结构,把页面分成几个合理的逻辑结构,这样有助于网页结构的清晰和样式化。如果添加<div>只是想使页面中有更多的结构,那么这样做除了使页面变得复杂之外没有任何真正的好处。2、#elixirs { border-width: thin; border-style: solid; border-color: #007e7e;}添加边框3、width属性用来定义元素的内容的宽度。4、你不能定义整个元素的宽度,你只能定义内容区,补白、边框和边界 阅读全文
posted @ 2013-05-19 11:56 景莉 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 1、用font- family属性定义网页中的字体每个font-family包括一系列具有相同特征的字体。字体系列一共有五种:sans-serif、serif、monospace、cursive、fantasy,每个系列又包括许多字体,所以在这里每个系列我们只举很少的几个例子, sans-serif、serif是最常用的。sans-serif family{verdana, arial black,trebuchet ms,arial,geneva} sans-serif系列是没有衬线的字体,在电脑屏幕上这些字体要比serit字体更具可读性。sans-serif的意思是没有衬线。Serif系列 阅读全文
posted @ 2013-05-17 09:16 景莉 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 1、◆Color 用来设置文本元素的字体◆Font-weight 用来控制文本的粗细,用它把文字加粗。、◆Left 用它 告诉元素如何放置它的左侧◆Line-height 用来设置文本之间的行间距◆Top 控制元素顶部的位置◆Letter-spacing 用来设置字母之间的间距◆Background-color 属性用来控制元素的背景◆Border用来在元素周围加边框,可以设置成实心边框,虚线边框……◆Margin 如果想在元素的边缘和内容之间有一些空间,就用边界。◆Font-size 把文字变大或变小、◆Text-align 用这个属性让文本左对齐、右对齐或居中◆Font-style用这个属 阅读全文
posted @ 2013-05-17 09:16 景莉 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 1、调整整个页面中文本的行间距, 这样可以增加行间的垂直距离:line-height:1.6em2、每个元素是一个盒子,每个盒子由内容区及可选的补白,边框,和边办组成。3、内容 区包括内容,内容区周围是可选,透明的补白。注意内容区的内容和盒子边缘之间没有空白。4、在盒子的内容和边框之间创建可视的空白。注意补白把内容区和边框分隔开了5、可选的边框可以放在补白周围,边框可以有各种宽度、颜色和样式。6、可选、透明的边界包围着所有东西。7、这是整个元素,最里面的内容区,被可选的补白包围着,又围了一层可选的边框,最外一层是可选的边界。8、padding: 25px;可以用它在内容周围设置相同大小的补白。 阅读全文
posted @ 2013-05-17 09:16 景莉 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 1、XHTML是XML ,而HTML 就仅仅是HTML 。最大的差别就是,XML的优势在于一旦你用XHTML编写网页,就可以实现许多用HTML不可能实现的功能。2、XHTML 1.0清单 要把html改为XHTML ,需要做以下几件事:◇把DOCTYPE更改为严格的XHML,如果你还在使用过渡的HTML,那你可以把它转化为过渡的XHTML.◇添加xmlns属性、lang属性和xml:lang属性到<html>开始标记。◇<html>标记必须是DOCTYPE之后的第一个标记,而</html>必须文档的最后一个标记。◇所有的元素名称必须用小写字母表示。◇所有的开 阅读全文
posted @ 2013-05-17 09:14 景莉 阅读(147) 评论(0) 推荐(0) 编辑