当前位置：71code站长站 → 站长学习 → 网站开发 → HTML DIV+CSS → 站长学习列表
站长学习标题关闭所有内容预览 | 展开所有内容预览
-
关于iframe的透明背景
[内容预览]
36 | 2006-03-31 13:52:04
注意：以下效果必需IE5.5以上版本才支持 在transparentBody.htm文件的<body>标签中，我已经加入了style="background-color=transparent"通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解：<IFRAMEID="...
[阅读全文]
-
取消网页各种禁止功能的解决方案
[内容预览]
33 | 2006-03-31 13:51:59
各位开发过Html网页的都知道，在<body>标签中加入一些代码，能有效的防止页面内容被复制、选择、拖拉以及禁止右键鼠标功，如：<bodyoncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"onselect="...
[阅读全文]
-
[组图] 表格边框应用魔鬼教程（１）
[内容预览]
24 | 2006-03-31 13:51:46
一、表格中单元格之间分隔线的隐藏方法这个表格去掉了单元格之间的纵向分隔线这个表格去掉了单元格之间的横向分隔线这个表格去掉了单元格之间的纵向分隔线和横向分隔线 其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到<TABLE>标签中都有rules。它有三个参数(col...
[阅读全文]
-
[组图] 表格边框应用魔鬼教程（２）
[内容预览]
20 | 2006-03-31 13:51:44
三、表格边框代码：<tableborder="1"width="200"cellpadding="0"cellspacing="0"><tralign="center"><td>普</td><td>表</td></tr><tralign="center"><td>通</td><td>格</td></tr></tab...
[阅读全文]
-
[组图] 表格边框应用魔鬼教程（３）
[内容预览]
27 | 2006-03-31 13:51:42
代码：<tableborder="1"bordercolorlight="#ffffff"bordercolordark="#ffffff"width="200"cellpadding="0"cellspacing="0"><tralign="center"><tdbgcolor="#B7B7B7"bordercolo...
[阅读全文]
-
页面美工设计需要注意的几点
[内容预览]
16 | 2006-03-31 13:51:37
1、注意页面的分块。 着手设计一个页面的时候，你必须根据所掌握的内容，以及其风格，对页面的整体进行分块。分块是一个非常必要且难以掌握的技巧。对于一般杂志来说，它们是有边的，这意味着杂志美工设计师有边可循，依靠边来形成立体感，依靠边来产生未尽的意韵；但是对于web页面，边的概念被淡化了，屏幕可以上下左右的拖动。所以...
[阅读全文]
-
制作虚线效果的水平线
[内容预览]
17 | 2006-03-31 13:51:34
在网页中，一般要实现虚线效果。制作方法很多，在我们网站中，也介绍使用Fireworks制作虚线的效果。如果我们改用水平线制作虚线效果呢？制作方法就是使用CSS定义： 在<head>中预先定义好CSS：<STYLEtype=text/css>.dotline{BORDER-BOTTOM-STYLE:dotted;B...
[阅读全文]
-
请不要做浮躁的人--告诫学做网站的朋友们
[内容预览]
14 | 2006-03-31 13:51:29
1.不要看到别人的回复第一句话就说：给个代码吧！你应该想想为什么。当你自己想出来再参考别人的提示，你就知道自己和别人思路的差异。2.初学者请不要看太多太多的书那会误人子弟的，先找本系统的学，很多人用了很久都是只对部分功能熟悉而已，不系统还是不够的。3.看帮助,不要因为很难而自己是初学者所以就不看；帮助永远是最好的参考手...
[阅读全文]
-
HTML 基本语法
[内容预览]
21 | 2006-03-31 13:51:26
1.1一般标记 一般标记是由一个起始标记(OpeningTag)和一个结束标记(EndingTag)所组成，其语法为：<x>受控文字</x> 其中，x代表标记名称。<x>和</x>就如同一组开关：起始标记<x>为开启(ON)的某种功能，而结束标记</x>(通常为起始标记加上一个斜线/)为关(OFF)功能，受控制...
[阅读全文]
-
[图文] HTML中的图象标签
[内容预览]
11 | 2006-03-31 13:51:25
图象可以使网页更加生动美观。浏览器可以显示JPEG和GIF图象，其中GIF图象最多只能使用256种颜色（即只能保存为8位颜色），而JPEG格式可保存为24位，对具体连续色调的图象有最佳效果。不过，GIF图象虽然在图象质量上不及JPEG图象，但其所占的存储空间下，下载速度快。因此应视不同情况而决定使用哪种格式的图象。在H...
[阅读全文]
-
批量消除超链接虚线框
[内容预览]
19 | 2006-03-31 13:51:23
各位想必都知道，onfocus=”this.blur()”这条代码能消除链接时的虚线框，但你有没有想过，如果你的网页上有几个甚至上百个链接，而你又想要去掉上面那些讨厌的虚线框，难道你还一个个去Ctrl+C、Ctrl+V，天哪！这对一个正常人来说绝对是个恶梦。也许你会说，用DW或其它文本编辑器里的“查找/替换”功能就...
[阅读全文]
-
HTML中Access Key（存取键）的用法
[内容预览]
32 | 2006-03-31 13:51:17
所谓“存取键”就像windows应用程序中的Alt快捷键，同时按Alt键和某个字母键，可以快速切换到文本框、按钮等页面对象上。(1)、文本框的AccessKey：<FORM><LABELFOR="Namebox"ACCESSKEY="N"><U>N</U>ame:</LABEL><INPUTTYPE="TEXT"ID=...
[阅读全文]
-
改变浏览者的鼠标型状
[内容预览]
23 | 2006-03-31 13:51:14
怎么我的鼠标变了？在网上经常有很多网站，在进去后，你的鼠标指针会变成一个小图片指针，你可能觉得很奇怪吧。 要实现这个效果很容易，只需在你的网页文件的之间加上：<styletype="text/css"><!--body{CURSOR:url('mouse.ani')}--></style> 当然你需要找到一个你...
[阅读全文]
-
[图文] 网页制作中的小秘诀
[内容预览]
22 | 2006-03-31 13:51:13
1、给主页添加视频动画只要把下面这段代码添加到你的网页中，就可以在主页中添加Windows视频动画或其他RralMedia格式的视频动画。<imgdynsrc=/test.avistart="fileopen"width="360"height="190"alt="test.avi(40M字节)"controlshsp...
[阅读全文]
-
用meta标签来增强网页功能
[内容预览]
15 | 2006-03-31 13:51:11
meta是什么？习惯了用Frontpage2000等工具来制作网页的设计者们，说不准还真的回答不出来呢！熟悉html语法的用户就知道了，meta其实是html语言head区的一个辅助性标签。在几乎所有的网页里，我们都可以看到类似下面这段html代码：有人要说，这段代码好象可有可无，没有多大实际作用嘛！其实不是没用，而是...
[阅读全文]
-
[组图] 制作三维表格效果
[内容预览]
16 | 2006-03-31 13:51:09
曾经有位网友问我：“你主页带立体效果左边菜单是图片还是用按钮软件做的？”其实它根本不是什么按钮工具做图形，而完全是利用表格（TABLE）标签的两个元素属性borderColorDark、borderColorLight而做出来的，另外还要加上对bgcolor元素属性以及对色彩的较好把握。HTML表格带立体效果的三维表格...
[阅读全文]
-
给网页文字加上即时提示
[内容预览]
21 | 2006-03-31 13:51:04
即时提示是Windows应用软件的一种富有人情味的特色设计。当用户不知道一个文字或图片按钮的功能时，只要把鼠标移动到这个按钮，就会出现一个即时提示短语。在制作网页时,同样可以借助HTML语言给网络文档加上即时提示功能。我们在开发英语网络教材时，就利用了即时提示功能给每个生词加上中文注释。在本例中，对初三英语课文中的“C...
[阅读全文]
-
[图文] 让浏览者记住你的主页
[内容预览]
29 | 2006-03-31 13:51:02
提示加入收藏夹收藏夹是浏览器最基本的记录网址工具，虽然浏览器中有方便的收藏夹管理功能，但如果你在网页中放上加入收藏夹的按钮，会大大提高收藏率。可采用以下三种网页设计方法：提示用户按下ctrl＋d。当你用IE浏览器浏览某个网页时，按下ctrl＋d会把当前页加入收藏夹，你可以在网页上用文字提示用户按下该组合键。采用文字链接...
[阅读全文]
-
创造收藏夹中的个性化图标
[内容预览]
20 | 2006-03-31 13:51:00
现在在浏览网页的时候，你会发现很多网站都会有“将我加入收藏夹”的选项，也许你的网站中同样有这样的选项，因为这确实是让浏览者记住网站的一个好方法。但是，当收藏夹中的网站越来越多，所有的网站都是一个丑丑的蓝色IE小图标加上一个网站名，让人感到无所适从。怎样才能在这众多的网站中脱颖而出呢？正当你麻木地盯着那堆看起来一模一样又...
[阅读全文]
-
实现网页的动态过渡效果
[内容预览]
15 | 2006-03-31 13:50:58
FrontPage通过“格式”菜单中的“网页过渡”选项，可以为网页的进入或退出设置不同的动态效果。但Dreamweaver中并没有这个特效选项，需另外安装插件。其实，要实现这一效果，用如下方法便可轻松获得：打开网页源代码，若你想实现网页以垂直百叶窗的方式打开，可以在源代码的〈head〉与〈/head〉之间加入如下语句〈...
[阅读全文]
-
让网页里的提交按钮变得更靓丽
[内容预览]
17 | 2006-03-31 13:50:56
你是不是觉得自己的主页不够靓丽，想让它有所改变呢？听说过样式表格吗？就是CSS，它就是那个能让你更为准确地控制网页的东东。让我们先来看两个例子：1、把按钮的背景由灰色变成黄色，下面是代码：〈formmethod="POST"〉〈inputtype="button"value="按钮"name="B1"style="ba...
[阅读全文]
-
[图文] Cool Web Scrollbars - 定制网页的滚动条
[内容预览]
26 | 2006-03-31 13:50:55
之前笔者曾经介绍过用Dreamweaver插件改变IE浏览器滚动条，现在已经有人写出了快速制作此种代码的小软件，让不懂CSS（层叠样式表）的网友轻松上手，让熟悉CSS的网友解除繁琐的代码敲打。CoolWebScrollbars拥有简单的明了的操作界面，让人看了一目了然：下载网址：http://www8.pconline...
[阅读全文]
-
HTML语言的语法基础及规则
[内容预览]
24 | 2006-03-31 13:50:48
HTML的主要语法是元素和标签。元素是符合DTD（文档类型定义）的文档组成部分，如title（文档标题）、IMG（图象）、table（表格）等等。元素名不区分大小写的。HTML用标签来规定元素的属性和它在文档中的位置。标签分单独出现的标签和成对出现的标签两中。大多数的标签是成对出现的，有首标签和尾标签组成。首标签的格式...
[阅读全文]
-
“画中画”效果--谈IFRAME标签的使用
[内容预览]
19 | 2006-03-31 13:50:45
纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了，有没有办法，让这些雷同的东西一次下载后就不用再下载，而只下载那些内容有变化区域的网页内容呢？ 答案很...
[阅读全文]
-
HTML文档中meta的大作用
[内容预览]
23 | 2006-03-31 13:50:43
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签用于网页的＜head＞与＜/head＞中，meta标签的用处很多。meta的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上...
[阅读全文]
-
防止空连接#返回到页面顶端
[内容预览]
21 | 2006-03-31 13:49:50
如果你的网页中有<ahref=“#”>.......</a>这样的连接，而且已经出现的滚动条，并且下拉了一些，那么当点击这个连接的时候就会返回页面顶部，很是讨厌。以下几中方法可以防止这个问题:1.将<ahref=“#”>.......</a>改为<ahref=“javascript:;”>.......</a>2.将<...
[阅读全文]
-
Meta -- 容易被忽视的HTML元素
[内容预览]
22 | 2006-03-31 13:49:45
随着FrontPage及Dreamweaver等可视他的网页编辑器的流行，不懂HTML也可以做一个具有专业水平的网页已经不是一个梦。但是这些主页制作工具都不能自己生成一个好的头部，这就需要我们来了解一下可用在中的元素了。<Title>已经是众所周知的了，在这里我们要看的就是头部里的另一个重要元素<Metab>了。首先，...
[阅读全文]
-
使用Web标准建站第6天：CSS入门
[内容预览]
42 | 2005-11-26 01:24:39
在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节，直接进入下一节。 CSS是CascadingStyleSheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语...
[阅读全文]
-
[图文] 使用Web标准建站第9天：自适应高度
[内容预览]
59 | 2005-11-26 01:24:36
如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方便对齐三列；而用div布局，三列独立分散，内容高低不同，就很难对齐。其实我们完全可以嵌套div，把三列放进一个DIV中，就做到了底部对齐。下面是实现例子(白色背景框模拟一个...
[阅读全文]
-
[图文] 采访Eric Meyer的10个问题
[内容预览]
50 | 2005-11-26 01:24:24
译者：阿捷原文：webstandardsgroup.org译者对EricMeyer的介绍EricA.Meyer从1993年开始做网络方面的工作，受雇于Netscape公司做标准设计培训师。Eric在这个行业中相当有名，他经常就web标准、跨浏览器兼容性、CSS和web设计等方面在各种会议上发言。作为一个西方预科大学的网...
[阅读全文]
