当前位置:新云网络网络学院网页设计HTML/CSS → 文章列表
文章标题关闭所有内容预览 | 展开所有内容预览
  • CSS语法缩写规则,减少CSS文件的大小 [内容预览] 10 | 2008-10-30 15:15:01
    使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:以下为引用的内容:#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:以下为引用的内容:property:value1;表示所有边都...

    [阅读全文]

  • XHTML+CSS兼容性解决方案小集 [内容预览] 10 | 2008-10-30 15:12:43
    使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找。1.在mozillafirefox和IE中的BOX模型解释不一致导致相差2px解决方法:div{margin:30px!important;margin:28px;}注意这两个...

    [阅读全文]

  • IE与Firefox的CSS兼容大全 [内容预览] 10 | 2008-10-30 15:10:54
    CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。常见兼容问题:1、DOCTYPE影响CSS处理2、FF:div设置margin-left,margin-right为auto时已经居中,IE不行3、FF:body设置text-align时,div需要设置ma...

    [阅读全文]

  • [图文] 万能播放器的DZ代码 [内容预览] 676 | 2008-04-06 10:59:03
    1.新增后台——帖子管理——Discuz!代码——新增:标签:vod图标文件:bb_media.gif之后在后面打上勾选可用。点击[详情]替换内容:<scriptlanguage="javascript">varLINK=newArray("{1}...

    [阅读全文]

  • CSS的学习应该注意学习方法 [内容预览] 487 | 2007-12-20 23:24:48
      css的学习和其他的学习一样,都需要特定的方法才能比较快的去掌握它.要想掌握CSS,首先要学会HTML,我刚开始是从零开始学习的,花了一个月时间学习HTML,没有老师,书就是我唯一的老师,也没有上网的条件!一个月过后,我就开始学习CSS,刚开始看的第一本CSS书是《CSS网页样式设计》看了几天后发现根本看不懂!,之...

    [阅读全文]

  • [组图] Dreamweaver入门 使用CSS设置页面格式 [内容预览] 4076 | 2006-12-30 03:40:46
    本文章介绍如何在Dreamweaver中使用层叠样式表(CSS)设置页面中的文本格式。您可以使用CSS以HTML无法提供的方式来设置文本格式和定位文本,从而能更加灵活自如地控制页面的外观。  了解CSS  层叠样式表(CSS)是一系列格式设置规则,它们控制Web页面内容的外观。使用CSS设置页面格式时,内容与表现形式是...

    [阅读全文]

  • [图文] Dreamweaver入门 如何远程发布你的站点 [内容预览] 1724 | 2006-12-30 03:40:35
      本文章说明如何使用MacromediaDreamweaver8设置远程站点,以及如何发布Web页。远程站点通常是运行Web服务器的远程计算机上保存本地文件副本的位置。用户在浏览器中查看您的页时,就是在访问在Web服务器上运行的远程站点。  了解远程站点  创建了Web站点后,下一步就是通过将文件上传到远程文件夹来发...

    [阅读全文]

  • [组图] Discuz!论坛“傻瓜式”安装教程 [内容预览] 965 | 2006-12-30 03:40:23
    平台:WINDOWSXPSP2+APMServ5.1.2  测试环境:PHP程序+asp程序+asp.net程序+cgi程序;  测试推荐:APMServ5.1.2组合服务器(这个组合是全能的)  程序版本:Discuz!4.10  一、安装Discuz!论坛  APMServ5.1.2的默认访问路径为\APMServ...

    [阅读全文]

  • [组图] 网页设计配色基础:RGB与HSB [内容预览] 616 | 2006-12-30 03:40:12
      在实用美术中,常有"远看色彩近看花,先看颜色后看花,七分颜色三分花"的说法。  这也就说明,在任何设计中,色彩对视觉的刺激起到第一信息传达的作用。因此,对色彩的基础知识的良好掌控,在网页设计中才能做到游刃有余。  为了使下面的网页配色分析更易于理解,我们先来了解色彩的RGB模式和HSB模式。  ■RGB  RGB是...

    [阅读全文]

  • [图文] 网页框架和网页框架集如何工作的 [内容预览] 11653 | 2006-12-30 03:40:00
      框架是浏览器窗口中的一个区域,它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。框架集是HTML文件,它定义一组框架的布局和属性。  要在浏览器中查看一组框架,请输入框架集文件的URL;浏览器随后打开要显示在这些框架中的相应文档。通常将一个站点的框架集文件命名为index.html,以便当访问者未指定...

    [阅读全文]

  • [图文] 网页设计中该如何决定是否使用框架 [内容预览] 1152 | 2006-12-30 03:39:49
    框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。  但是,框架的设计可能比较复杂;并且在许多情况下,您可以创建没有框架的Web页,它可以达到使用一组框架所能达到的许多同样效果。例如,如果您想让导航条显示在页面的左侧,则既可以用一组框架代替您的页面,也可以只是在站点中的每一...

    [阅读全文]

  • [图文] 网页设计中如何使用嵌套的框架集 [内容预览] 1920 | 2006-12-30 03:39:37
      在另一个框架集之内的框架集称作嵌套的框架集。一个框架集文件可以包含多个嵌套的框架集。大多数使用框架的Web页实际上都使用嵌套的框架,并且在Dreamweaver中大多数预定义的框架集也使用嵌套。如果在一组框架里,不同行或不同列中有不同数目的框架,则要求使用嵌套的框架集。  例如,最常见的框架布局在顶行有一个框架(框...

    [阅读全文]

  • [图文] 使用预定义框架集为网页添加框架 [内容预览] 555 | 2006-12-30 03:39:26
    通过预定义的框架集,您可以很容易地选择您要创建的框架集类型。  创建预定义的框架集有两种方法:通过插入栏,您可以创建框架集并在某一个新的框架中显示当前文档。“新建文档”对话框创建新的空框架集。  要创建预定义的框架集并在某一框架中显示现有文档,请执行以下操作:将插入点放置在文档中。执行下列操作之一:从"插入">"HTM...

    [阅读全文]

  • 如何控制网页框架页内中链接的目标 [内容预览] 3044 | 2006-12-30 03:39:15
    如何控制网页框架页内中链接的目标  要在一个框架中使用链接以打开另一个框架中的文档,您必须设置链接目标。链接的target属性指定在其中打开链接的内容的框架或窗口。  例如,如果您的导航条位于左框架,并且您希望链接的材料显示在右侧的主要内容框架中,则您必须将主要内容框架的名称指定为每个导航条链接的目标。当访问者单击导航...

    [阅读全文]

  • [图文] 用CSS层叠样式表实现文字变图象特效 [内容预览] 747 | 2006-12-30 03:39:04
      一段文字,当鼠标在文字上面单击,文字消失,原来文字的地方却立即变成了一张图片,当鼠标在图片上单击,图片又消失,原来的文字又重现了,像变魔术一样,是不是有意思?!这种效果用Dreamweaver的Behavirs功能也可实现,但那要增加一段Javascript程序,明显增加了不少代码。而用CSS来制作这种效果,增加的...

    [阅读全文]

  • 用CSS层叠样式表完成可以控制的闪烁效果 [内容预览] 315 | 2006-12-30 03:38:52
      一段文本或一张图片,它的周围有一圈光晕,这圈光晕每一秒钟闪烁一次,而当鼠标移到上面时,立即停止闪烁,当鼠标移开时又继续闪烁。这种效果用于那些需要特别引起别人注意的内容上(如:警示、报告新增内容等),能起到较好的效果。  上面这个示例就能实现上面所的效果,由于这里是抓取的一张图片,不能看到动态效果,只要按下面介绍的方...

    [阅读全文]

  • 如何用CSS层叠样式表控制鼠标显示的样式 [内容预览] 370 | 2006-12-30 03:38:41
    一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。  用css控制的语法如下:  文本或其它页面元素  把*换成如下15个效果的一种:  hand、crosshair、text、wait、default、help、...

    [阅读全文]

  • [组图] 深入浅出 HTML制作网页体验其中乐趣 [内容预览] 479 | 2006-12-30 03:38:30
    ·深入浅出HTML制作网页体验其中乐趣(1)众所周知,网站制作涉及到了各个方面的知识,包括平面设计、HTML页面制作、CSS样式定义、客户端脚本编写(JavaScrfipt/VBScript)、服务器端脚本编写(Asp/Asp.Net/PHP/JSP)等诸多内容。本期笔者从最基础的讲起,着重介绍怎样制作一个简单的HTM...

    [阅读全文]

  • [组图] 网页设计配色应用教程之各种色彩对比分析 [内容预览] 1884 | 2006-12-30 03:38:18
      网页页面中总是由具有某种内在联系的各种色彩,组成一个完整统一的整体,形成画面色彩总的趋向,称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围,是影响配色视觉效果的决定因素。  为了使网页的整体画面呈现稳定协调的感觉,以便充分的掌握其规律来更好的分析学习,上次我们介绍了视觉角色主次位置的几个概念,本节我们介绍色彩的...

    [阅读全文]

  • [组图] 网页设计配色应用教程之色彩的调和 [内容预览] 777 | 2006-12-30 03:38:06
      网页页面中总是由具有某种内在联系的各种色彩,组成一个完整统一的整体,形成画面色彩总的趋向,称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围,是影响配色视觉效果的决定因素。  为了使网页的整体画面呈现稳定协调的感觉,以便充分的掌握其规律来更好的分析学习,我们前面介绍了色调的视觉角色主次位置的几个概念,也介绍了色彩...

    [阅读全文]

  • [组图] 网页设计配色应用实例剖析之红色系讲解 [内容预览] 1418 | 2006-12-30 03:37:54
      红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的颜色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的颜色。在众多颜色里,红色是最鲜明生动的、最热烈的颜色。因此红色也是代表热情的情感之色。鲜明红色极容易吸引人们的目光。  红色在不同的明度、纯度的状态(粉红、鲜红、深红)里,...

    [阅读全文]

  • 搜索引擎不收录网站页面的16种原因 [内容预览] 286 | 2006-12-30 03:37:43
      1、网页使用框架:框架内的内容通常不在搜索引擎抓取的范围之内。  2、图片太多,文本太少。  3、提交页面转向另一网站:搜索引擎可能完全跳过这个页面。  4、提交太过频繁:一个月内提交2次以上,很多搜索引擎就受不了,认为你在提交垃圾。  5、网站关键词密度太大:不幸的是搜索引擎并没解释多高的密度是极限,一般认为10...

    [阅读全文]

  • [组图] 网页设计配色应用实例剖析之橙色系讲解 [内容预览] 1414 | 2006-12-30 03:37:31
      橙色具有轻快、欢欣、收获、温馨、时尚的效果,是快乐、喜悦、能量的色彩。  在整个色谱里,橙色具有兴奋度,是最耀眼的色彩。给人以华贵而温暖,兴奋而热烈的感觉,也是令人振奋的颜色。具有健康、富有活力、勇敢自由等象征意义,能给人有庄严、尊贵、神秘等感觉。橙色在空气中的穿透力仅次于红色,也是容易造成视觉疲劳的颜色。  在网...

    [阅读全文]

  • showModelessDialog()使用详解 [内容预览] 176 | 2006-04-18 22:03:03
    Javascript有许多内建的方法来产生对话框,如:window.alert(),window.confirm(),window.prompt().等。然而IE提供更多的方法支持对话框。如:showModalDialog()(IE4+支持) showModelessDialog()(IE5+支持)window.sho...

    [阅读全文]

  • html编辑器的回车换行问题解决方案 [内容预览] 679 | 2005-10-13 00:57:01
    在html编辑器中,一般默认按回车总是出现<p></p>,当然按shift+enter可以是直接加<br>,而很多人希望按回车就是<br>换行而不是分段。一直有人问我这个问题,而我没有写代码测试就认为在onkeydown里面判断event.keyCode==13就可以判断并解决,而后来发现似乎并没有人能用这种方法解决成...

    [阅读全文]

  • [图文] 网页设计中HTML常犯的五个错误 [内容预览] 419 | 2005-10-13 00:22:59
    1.网页背景色的设置犯错机率:很大  普遍性:较广  犯错可能性:懒/不知道  约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过。  绝大部分人的窗口背景颜色都是白色,但如果象我这样个性的人,就会把windows窗口的背景颜色改成灰色或其他色,这样一来,...

    [阅读全文]

  • 个性化表单五技巧 [内容预览] 364 | 2005-10-12 21:12:05
     1、表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()"onFocus="this.select()"代码到<textarea>中,一切就会变得简单多了,如:<textareaname=textarea...

    [阅读全文]

  • CSS技术在网页设计中的运用 [内容预览] 392 | 2005-10-08 20:48:24
    多层模式表单(CascadingStyleSheet,CSS)是一种为超文本置标语言(HyperText  MarkupLanguage,  HTML)提供增强补充服务的技术,可对每一个HTML的置标(tag)做精雕细刻的修饰。只用HTML制作的网页,对页面内各部分的修饰能力有限且语句烦锁,CSS正是弥补这一缺陷的有力...

    [阅读全文]

  • 初探 HTML 组件 - HTC 概述 [内容预览] 261 | 2005-10-08 20:41:45
    HTC概述从InternetExplorer5开始引入了HTML组件的概念,HTML组件也是InternetExplore5.5一个革命性的突破。Microsoft的目的是用它取代ActiveX控件。HTML组件是封装的对象,也像ActiveX控件一样是“自包含”的,可以在开发完后发布给任何人。HTC文件并不仅仅是将一...

    [阅读全文]

  • 提高页面显示速度的秘技 [内容预览] 548 | 2005-10-08 20:39:46
    在安排Web页面的布局时,最常用的方法之一是用HTML表格界定页面的结构。例如,假设Web页面由顶端的导航条和它下面的两栏(列)构成——左边的列是一个导航条,右边的列是实际安置内容的区域。对于这样一个页面,我们可以用一个两行、两列的大表格进行布局:在第一行中,合并两个列然后放上顶端导航表格;在第二个行中,左边的列放上一...

    [阅读全文]

  • 网页中多层效果的灵活使用 [内容预览] 428 | 2005-10-08 20:35:20
    动态的网页技术(DHTM)已经非常普及,本文强力向大家推荐一段完整并且是经典的网页多层代码,适用于IE及NETSCAPE游览器,可实现完善的二层网页功能,具体代码请见面文后程序。  该段代码功能:打开该网页文件之后,将在正常的网页之上,浮动另外一层网页内容,可用鼠标随意移动第二层网页在第一层上的位置,并且当屏幕滚动时,...

    [阅读全文]

  • [图文] 被遗忘的HTML元素 [内容预览] 309 | 2005-09-15 00:38:39
    众所周知,制作网页所用到的最基本的语言HTML主要是由著名的W3C组织来制定标准的。但由于IE和NetScape之间都在为击败对手不断地研究新的网页技术而竞争,就产生了不少新的HTML元素。这些新的HTML元素,有的被W3C组织所认证,发展成为所有的浏览器必须支持的HTML标准元素。但有的却仍不被别的浏览器所接受。特别...

    [阅读全文]

  • 增加网页曝光率的秘诀 [内容预览] 265 | 2005-09-11 19:06:17
    以下所提出的几项秘诀,虽然有助提高大家网站曝光率,但一个网站的内容,才是吸引人潮的最基本要素,大家切记、切记!  Title不可少  网站每一页都要标上Title,只在首页标明是不够的。<Title>也是全文检索的SearchEngines如AltaVista、Infoseek、Excite、Lycos等的搜索重点之一...

    [阅读全文]

  • 在主页中制作会移动的文字 [内容预览] 711 | 2005-09-06 20:04:26
    基本语法:  <marquee>需要移动的文字</marquee><direction=#>  1.方向#=left,right  例:<marqueedirection=left>从右向左移动</marquee>>  <marqueedirection=right>从左向右移动</marquee>>  2.次数<bi...

    [阅读全文]

  • [图文] 用好图像的作用区域标记—area [内容预览] 290 | 2005-09-06 19:41:38
    你见过“联想”机器上联想公司赠送的“我的办公室”软件的界面吗?在那幅办公室的图片上用鼠标点一下办公桌上的键盘,就启动一个“五笔字型”打字练习软件,点一下办公桌上的记事本就打开一个记事本软件,如此等等,即形象又方便。这种效果的实质是把一幅图片划分为不同的作用区域,再让不同的区域链接到做不同事情的软件上去,在HTML中也有...

    [阅读全文]

  • DHTML编写经得起考验的可移植代码 [内容预览] 255 | 2005-09-06 00:54:54
    动态HTML(DHTML)技术——实际上是多项技术的组合,包括CSS、DOM和JavaScript——为Web设计者提供了多种选择,能让他们向其网页中添加动态菜单和各种导航的小玩意。但是,这些技术也带来臃肿的代码,导致浏览器互不兼容的问题和向老平台移植性的丢失。简而言之,用于HTML代码编写的动态选择越多,出现错误代码...

    [阅读全文]

  • CSS入门教程之CSS的语法 [内容预览] 2153 | 2005-08-23 01:15:28
    1.基本语法    CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。  基本格式如下:  selector{property:value}  (选择符{属性:值})  选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE...

    [阅读全文]

  • 用CSS来控制网页背景 [内容预览] 456 | 2005-08-22 19:50:52
    ·背景颜色background-color我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的。这个的默认值是transparent(透明色)。例:body{background-color:yellow}H1{background-color:#000000}·背景图片bac...

    [阅读全文]

  • 用DHTML做的一个菜单特效 [内容预览] 775 | 2005-08-22 17:48:55
    源码:<!--样式表部分--><styletype=text/css>.menutd{font-size:12px;color:white;font-weight:bold;background:#336699;border:1pxsolid#336699;filter:blendtrans(duration=0.5)...

    [阅读全文]

  • [css]简明教程 SPAN和DIV的区别 [内容预览] 606 | 2005-08-18 09:10:29
    SPAN和DIV的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN是行内元素,SPAN的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。  下面以一个实例来说明这两个属性的区别。  代码:  <span>...

    [阅读全文]

  • [css] 简明教程 样式表的编辑和浏览 [内容预览] 249 | 2005-08-18 09:09:47
    CSS样式表编辑器  CSS是HTML语言的扩展,也是一种标记性语言,所以凡是可以用来编写HTML的编辑器都可以用来编写CSS。  不带格式的文本编辑器都支持对CSS的编辑,如:Windows自带的写字板和记事本,以及DOS下的EDIT。使用文本编辑器编写和修改CSS文档很方便、快捷,但前提是要记住所有的CSS标识,如...

    [阅读全文]

  • [css]简明教程 样式表中的类 [内容预览] 236 | 2005-08-18 09:09:07
    类  为了对网页格式的定义更为精确,有必要让相同的选择符也能分类,并能按照不同的类别来进行不同的样式设计。基本格式如下:  选择符.类别名{属性:值}  类别名将可以在HTML的标识符里引用:  <标识符class=类别名>网页内容  实例:  <html>  <head>  <title>CSS例子</title> ...

    [阅读全文]

  • [css]简明教程 样式表的书写格式 [内容预览] 468 | 2005-08-18 09:08:27
    一般来说,样式表的声明分为选择符(selector)和块{}(block),块里包含属性(properties)和属性的取值(value),基本格式如下:  选择符{属性:值}  其它格式1:  选择符1,选择符2,选择符3{属性1:值1;属性2:值2;属性3:值3}  有时候多个选择符将使用相同的设置,为了简化代码,...

    [阅读全文]

  • [css]简明教程 在HTML中添加样式表的方法 [内容预览] 423 | 2005-08-18 09:07:26
    CSS语句内嵌到HTML文档内的方法有四种。  1.最直接的方法是将CSS样式语句直接写在HTML的标识符(tag)里:  <Tagstyle=”properties”>文字内容</tag>  举个例子:  <pstyle=”color:blue;font-size:10pt”>直接嵌入CSS语句</p>  代码说明:...

    [阅读全文]

  • [css]简明教程 CSS样式表概述 [内容预览] 326 | 2005-08-18 09:06:35
    CSS(CascadingStylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,尤其是在设计者面对有数百个网页的站点时,大大减少了重复劳动的工作量。  W3C(TheW...

    [阅读全文]

  • 如何在网页中制作虚线表格 [内容预览] 2042 | 2005-08-18 01:08:18
    icech:在制作网页的时候,常常要遇到制作虚线表格的问题,下面的文章就能解决这个问题。方法一:作一个1X2的图。半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好。方法二:在CSS里面设定。如果你用DreamWeaver话,只要在CSS面板里new一个style,选择“redefine...

    [阅读全文]

  • 弹出网页窗口设计全攻略 [内容预览] 684 | 2005-08-18 01:06:09
    如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:1.弹启一个全屏窗口<html><bodyonload="window.open('http://www.pconline.com.cn','example01','fullscreen');">;...

    [阅读全文]

  • 利用CSS,链接下划线也玩自定义 [内容预览] 1181 | 2005-08-18 01:03:06
      由AListApart杂志及作者授权翻译。(TranslatedwiththepermissionofAListApartMagazineandtheauthor[s].)  说明:文章中“[补充]”内容系译者所补充添加(来自CSS2.0中文手册),目的是方便读者理解相关内容。  虽然网页设计师通常有大量的方法控制...

    [阅读全文]

  • 捷足先登学用CSS:HTML结构化 [内容预览] 267 | 2005-08-18 00:37:56
    你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习:第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。另一种原因是你对那些非常熟悉的表现层属性(例如:ce...

    [阅读全文]

  • [组图] 表单制作方式大比拼 [内容预览] 1776 | 2005-08-18 00:34:35
    回想自己从事Web方面的开发已经有6-7年,对于各种Web技术都已经非常熟悉.可是,身为程序员的我对于制作Web表单界面的事着实心痛。心痛1:很多后端代码和逻辑要写,可我还不得不费力的在各种网页制作工具中拖放控件放到美工提供的美术模板中。再配上css写上javascript。表单大一点够我弄上一整天。心痛2:表单这东西...

    [阅读全文]

 HTML/CSS   212   50   1/5页   首页   1   2   3   4   5      GO