2.表单
3,Dreamweaver8查找替换的技巧
一, 层叠样式表 (CSS) 是一系列格式设置规则,它控制 Web 页面内容的外观,使用 CSS 设置页面格式时,内容与表现形式是相互分开的,就是说CSS主要就是用来控制页面的外观的,比如说字体的大小,行间距,颜色等等,说CSS和表现形式是分开的意思,比如我们建立一个CSS样式表的时候,只要选中在页面中的对象应用就可以了,我们现在来实例操作一下,打开以前做过的about.html页面
然后在右下区域插入表格,表格的属性是
用百分比来定宽度,然后插入,选中刚插入的表格,让其居中,如图
这样我们就插入表格让其居中了,那么我们插入这个表格的作用是要在这个表格中输入公司简介内容,大家可以找一段公司简介,或者随便的文字放里面,2-3百字,
找一段文字粘贴进去,如图所示
那么在这里说一个技巧,如果想在顶头空格,你把光标放第一个字前面,敲空格是不能空开的,那么你把输入法变成“全角”在敲空格就空开了下面我们用CSS来定义,没有CSS面板的,可以在菜单“修改”/css样式,调出来,新建立一个CSS,在右边上面有一个CSS区块,
最右边的向下小箭头,然后在列表中选择“新建”,
新建CSS规则选
出现如上图所示,然后选择第一项,选择器起一个名字,然后确定,设置成字体大小是14,样式“正常”行高25,颜色也设置一下
然后确定,这样我们就建立了一个简单的CSS样式表,那么如何用那,选择刚才输入表格中的所以文字,然后点右键,在右键中选择”CSS样式“,”CSS样式“菜单下面再选择你刚才建立的CSS样式表,比如刚才你建立的CSS样式表叫”TT"那就选择TT,这样你选择的文字就应用了刚才你建立的CSS样式,出现效果如图所示,字体是14号的,行距是25,字体颜色是蓝色的。但是对我们的新手来说,这样好像也是比较困难的,有没有更好的方法那?答案是有,好,这就是CSS简单的应用,我不会建,但是我会偷,偷网络上已经建立好的CSS样式表。方法如下(这个才是我们要学的,特别大家要注意) 先打开一个现成的网站,比如,打开这个站,http://www.eepw.com.cn/bottom/company.aspx 都打开这个站,然后把这个“公司简介”保存到本地方法如下文件---另存为然后取名为1 然后保存保存到你的本地硬盘上,这样你就保存了这个公司简介的
页面,当你保存的时候也就把这个页面的CSS样式表也保存了,那么打开DREAVWEAVER 8,在刚才的
右边向下箭头中选择“附加样式表”,意思就是说要导入外部的CSS, 出现上图所示
然后在
浏览刚才你保存的文件,比如我的是保存到桌面上了,那么, 在你保存的1的时候, 会同时保存一个文件夹叫“1.files",点浏览的时候就选择1.files下面的bbs.css,选择OK后,会让你保存到本地站点,就是D:/WEB下面, 1.files里面有三个CSS,分别是bbs.css index.css head.css, 用同样的方法把另外两个导入, 添加的时候有两个选项,我们一般选择”导入“
这样我们就把这个公司简介的CSS样式表偷取了, 我们就可以应用到我们自己的页面中了, 包括,链接文字的时候的效果, 比如鼠标移上去的时候是红色,移开的时候就回原色, 这样是最快的,所以不需要大家很了解CSS,但是一定要知道怎么偷取应用到自己的页面中
{二, 下面我们讲一下 高级(ID、伪类选择器等)就是当我们在新建立一个CSS样式表的时候,如图
有一个高级选项, 这个高级选项主要是:为特定的组合标签定义层叠样式表,使用ID作为属性,以保证文档具有唯一可用的值。高级样式是一种特殊类型的样式,常用的有4种当你选择”选择器下拉表的时候会出现 四项
a:link 设定正常状态下链接文字的样式。
a:active 设定鼠标单击时链接的外观。
a:visited 设定访问过的链接的外观。
a:hover 设定鼠标放置在链接文字之上时,文字的外观。
这四项就是我刚才所说的链接样式, 你也可以在刚才偷来的CSS里面找到这四项,所以省了我们这些菜鸟很多劲,好了,CSS基本就讲怎么多,主要是学会偷取别人的应用自己的
三, 下来我们讲一下“整体替换” 当你拷贝来一个别人的站,一个整站, 里面有好多不是自己需要的文字或者图片,那么我们怎么办一次性替换完整个站上需要替换的东西, 比如说现在有一个站是叫紫杉随笔的书,里面有很多文章,就是很多网页组成的一个站点,但是每篇文章里面都是聊天记录,都是这样的格式:那么操作如下:先建立一个新站点,会出现下图
那么我们把”本地根文件夹“路径指向到你考来的站点,然后确定 替换一定要建立一个独立的站点,才能全部替换 那么我们打开其中一个网页,然后按CTRL+F,出现替换页面
查找范围选择”整个当前站点“,搜索选择“文本” 查找:紫杉宁(16222352)替换:小兵张噶(869107184)然后点“替换全部”,系统就会执行替换动作在这里需要说明的是
第一:如果你只替换当前页面,那么就选择
第二:如果你替换的不是页面而是”源代码“,那么选择”
而且特别要注意,把视图模式切换成代码模式,这样才可以完全替换代码模式下面的代码 举个例子比如说我们的下载火狐的站点,假如是我给你的下载火狐整站,但是里面是我的GOOGLE火狐下载PUB码,那么我就可以用代码模式替换成我的PUB码,而且不会出错
你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=6640148