网页制作第4页

offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLe

注释1：上图整个大背景是这个网页的全部尺寸，中间的小框才是浏览器中的可见尺寸。这幅图就是针对为文档（document）的各个height、width、top、left所做的说明。注释

Web数据存储浅析 Cookie、UserData、SessionStorage、WebSqlDa

Cookie它是标准的客户端浏览器状态保存方式，可能在浏览器诞生不久就有Cookie了，为什么需要Cookie这个东东？由于HTTP协议没有状态，所以需要一个标志/存储来记录客户

HTML页面编写的点点感受小结

进入口碑也已经有三四个月的时间了，感觉在工作过程中收获最大的是在编写HTML页面上，从视觉稿到网页DEMO，没办法，基本都在做这样的工作。从最初的wap整站、杭州首页

编写Web前端代码的注意事项小结

1.最好在html标签之前添加一句类似于的代码，该代码表示遵循W3C的某一套标准

三谈Iframe自适应高度代码

在构建B/S系统界面的时候，经常会遇到主页面index.html中嵌套其他页面的情况，虽然已经有的库已经提供了控件(例如jQueryeasyUI),但是有时候iframe的使用是不可避免

IE环境规定div高度必须大于字体高度的问题

复制代码代码如下:...经搜索得知，原来IE规定div框的高度必须高于该框的字体

DIV建站、Table建站以及XHTML建站的区别分析说明

网站建设，简单的来说，就是“这个人长的怎么样”和“这个人内心怎么样”。一部分是外观所展示出来的“视觉效果”、另一部分是藏在

美工自我培养的几点经验总结

随着公司影响力的壮大和产品的不断提升，相关的形象设计要逐步跟得上，需要逐渐提升，所以就招一个应届生美工，算是一块成长。应届生有拼劲、肯学，但也好高骛远，起点

让你的网站IE8浏览自动用IE7兼容模式

前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观，IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式，文件兼容性使你能够在IE呈现你的网页时选择

HTML页面输出应该遵循的几点原则小结

1、不能少了DOCTYPE，浏览器根据你申明的DOCTYPE决定页面渲染规则，如果不声明，不同的浏览器显示效果可能不一样。2、在之前加上标签说明页面所用的编码。否则可能导

网页前端开发小细节

1select标签必须闭合2左右布局的时候可以让一方浮动，浮动的一方设置width，另一方设置margin=float一方的width+实际的margin，如下所示：.top.top_left{width:250px

关于门户网站焦点图设计的一些总结

焦点图，集图片、文字、动态交互效果于一体的内容呈现方式，在吸引眼球(所谓焦点)、页面排版优化等等诸多方面具有十分重要的作用。这点在内容至上的门户型网站中尤

Blog设计网页设计之处女作

笔者设计的第一个网页，如下图:入行7年了，一直做程序和项目管理，美工这水是从来没趟过，但是每天被美工耳濡目染，再加上嵌套页面时被IE6、Firefox等浏览器的兼容折磨

960 Grid System 基本原理及使用方法

当然，还有很多人持相反意见，认为CSS并没有这么高级以至于要涉及到框架！在这里要讲解一下目前在国外很热门的一个框架，严格讲是网格系统，那就是960GridSystem。通过

编制网站首页的基本原则

1、编制网站首页的超文本文档的组织结构应清晰，条理分明，重点突出，可读性强，尽可能吸引用户的注意力。2、说明文字应简明扼要，切中要害，每项内容介绍尽可能简单明

网站开发人员应该知道的61件事

通常情况下，你需要把所有人的发言从头到尾读一遍。但是，StackOverflow有一个很贴心的设计，它允许在问题下方开设一个wiki区，让所有人共同编辑一个最佳答案。于是，

网页制作需要掌握的6种能力小结

不得不说一个网页设计师就是个杂学家。平面设计师可以随心所欲的使用各种特殊的字体、使用不规则的排版、等等，而由于网页的某些局限性使得网页设计师需要在些特殊

页面中防止缓存的解决方法

解决方案：在中加上以下代码，复制代码代码如下:<metahttp-equiv='Cache-Control'content='no-cache

你需要知道的18个Web可用性原则

你可以有世界上最好的视觉设计能力，但如果你建立一个不允许访问者舒适地一页一页或一项一项访问的网站，那你就理解错了好的网站的核心点了。因此，在今天的文章我会

制作手机上浏览的网页心得

考虑到现在很多人使用智能机，所以手机网页的写法基本和普通的网页制作差不多。手机页面的宽度最好控制在240px以内，因为这样可以在不移动屏幕的情况下进行一系列的

提高网站可用性和转化率的25个工具

对于网站来说，可用性是指用户能否有效地找到所需的信息或完成他的任务，效率如何以及是否让人有愉快满意的感受。如果网站可用性较差，会浪费用户的时间，大大降低网

HTTP 状态代码整理介绍

此状态代码提供了有关请求状态的信息，且为Googlebot提供了有关您网站和请求的网页的信息。一些常见的状态代码为：200-服务器成功返回网页404-请求的网页不存在503

去掉点击链接时出现的虚线框的几个方法

在这介绍几种去除的方法：直接给链接加是onfocus=”this.blur()”.链接CSS实现复制代码代码如下:a{blr:expression(this.onFocus=this.cl

Web设计10个在线开发工具介绍

1.在线文本生成器BlindTextGenerator：对设计师来说，这是一个简单又好用的文本生成小工具。内含许多种字体，可设置字符的大小，数量，样式，段落的数量及对齐方式等，还

对于大流量网站的解决方案

第一:首先，确认服务器硬件是否足够支持当前的流量。普通的P4服务器一般最多能支持每天10万独立IP，如果访问量比这个还要大，那么必须首先配置一台更高性能的专用服

CSS中浏览器对尺寸和宽高解释差异的解决方法

先看一个例子复制代码代码如下:<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit

网页变灰的笔记细节问题处理

1、在IE中，如果用了相对定位，即，那个背景图片无法变灰。2、在火狐或者谷歌浏览器中，如果某个元素通过js变换了className，那么变换后的className样式无法显示出来，

页面中marquee与flash同时存在时的冲突解决方案

冲突的症状主要表现在FLASH按钮一直跳动，不稳定，影响网页美观及正常访问。解决方案为在FLASH属性中加入一行：即可。在百度中还搜索到通过iframe嵌入marquee与flas

提高网站访问速度的六种方法

1.把你的.js库文件地址替换成GoogleCDN的地址：(googleapis目前在中国地区访问不是很稳定，不是很建议使用这条。)随着jquery和mootools等js库的使用需要加载的.js文

新鲜出炉的有用图标集25组国外下载

1、电子商务E-CommerceIcons2、IconSweets23、移动设备MobilePhoneIconPack4、国旗2400FlagIconSet5、IconsforDesigners6、MobileIcons7、Boolean8、Linkdeck9、

新手建站教程十天学会做网站

十天学会做网站教程采用最通俗易懂的语言、从最基本的开始，带领大家开始建站。教程由许耀鹏历时半年时间写成。是非常好的新手建站入门教程。在这里给予推荐。十天

新手建站入门教程建站需要的条件和工具

今天，我就来回答这些新手的问题：建立自己的网站很简单，只要你勇于学习就足够。现在我就来说一下建立一个属于自己的网站所需要的条件和工具：1），一个域名；域名是什

新手建站入门教程域名的解析与绑定

那么有了注册了域名和购买了虚拟主机以后，怎么样才能在IE里输入你的域名就能打开你的站呢？这就需要将域名解析到空间，同时空间也需要绑定域名。今天我们就来讲一下

新手建站入门教程③ 别名(CNAME)记录和URL转发

①、别名(CNAME)记录的使用方法：在上一贴中的域名解析里只是讲到了A记录的解析，A记录适合空间是电信或者网通这样的单线程的空间，这样的空间一般只提供了一个IP，所

新手建站入门教程④：如何绑定子目录

要弄清楚这是什么意思，就要先知道什么叫子目录，那什么叫子目录呢？其实子目录是相对于你网站的根目录还说的。用FTP软件登陆空间，首先会看到一般有三个文件夹，如下

新手建站入门教程⑤：网站备案很简单，快速备案秘籍

买过空间和建过站的朋友应该都知道，网站在正式开放之前都必须备案，如果没有备案严重的空间商会暂停你的空间使你的网站无法访问；轻点的空间商会告诉你没有备案的不

FlashFXP ftp客户端软件的注册破解方法

FlashFXP的下载地址为：https://www.jb51.net/softs/9543.html这款FlashFXP软件是绿色免安装破解版，下载后将压缩包解压即可使用。现在说一下破解的方法：首先，解压

新手建站入门教程⑥：FlashFXP详细使用方法

今天我将为大家介绍FlashFXP最基本的功能，设置站点，上传网站等。1）、打开FlashFXP，点击“站点”>“站点管理器”；或者按快捷键F4。2）、在&ld

新手建站入门教程帖⑦：做一个漂亮的网站就这么简单

我曾经承诺过会一直写下去，一直写到让从来没有做过网站的人看完了我的新手建站的帖子，也可以独立做一个网站为止。男人说出去的每一句话都是掷地有声的、是铿锵有

新手建站入门教程⑧：轻松打造一个文章站

上一次的帖子我讲到的是如何去做一个网页，而网站就是有很多个网页组成的，所以你要做的就是用前一贴中讲到的方法，重复的去做多个页面然后让这些页面互链就可以了，

新手建站入门教程⑨：如何建一个门户网站

而且用博客程序建立的文章网站永远看上去都是个博客，可自定义的东西不是那么多，比如有的人比较想做一个大一点的门户网站，改怎么来做呢？今天我就来告诉你。其实要

新手建站入门教程初期总结篇

写完这六篇文章的时候，我开始有点迷茫了。接下来我不知道该往哪方面去写了，有了域名、有了空间、也知道绑定和解析了、所有的工具都准备好了……按照

重复提交、重复刷新、防止后退的问题以及处理方式分析

一。前言你在任何一个比较专业的BBS都会看到这样的问题，即使你Google一下，也会发现有很多的人在关注和询问，但大家给出的解决方法却都是千差万别，（有的人主张采用

网页防复制功能实现方法(附破解方法)

通过右键查看源文件发现如下代码:1、firefox下可以通过css来禁止选择复制功能CSSCode复制内容到剪贴板body{-moz-user-select:none;-webkit-user-select:n

网页设计中要关注的搜索优化知识

一、新站首页的链接布置1、链接布置的位置：链接布置的位置决定了链接的权重分配，一般来说，链接靠近头部和底部的链接是权重最高的链接，尤其是头部，“龙头凤尾

30个网页设计色彩搭配的优秀案例分享

今天，本文搜集了30个优秀的色彩运用案例与大家分享，希望这些案例能带给你灵感！NetlifeResearchCollisionInstagalleryFIFeTheMaterialGroupWVA2011OrangeSprocket

缩短页面的渲染时间让页面跑的更快些

怎样尽可能的缩短浏览器上页面渲染的时间，文章从以下几方面着手：写出高效的css代码避免使用css表达式把css文件放在页面顶部指定页面图片的尺寸页面头部标明文档编

最新36款高质量免费英文字体分享

01.Infinity字体下载02.Banda字体下载03.RollUp字体下载04.Movavi字体下载05.BoskoBlock(RegistrationRequired)字体下载06.DOCK11字体下载07.Candal字体下载0

盲人站长深恶痛绝的onfocus=”this.blur()”

在谈到读屏软件操作页面时，他对我们前端的同学特别的强调：他最深恶痛绝的就是页面链接上有onfocus=”this.blur()”这句代码，这从何说起呢？(图一)各位同

分享20个优秀的网页表单设计案例

SophieHardachClydeQuayWharf37EastSoapboxRxBalanceEEHarborContrastSVN2FTPAllyCreativeThinkVitaminMembershipScribble&TweakBarnt&ArnstTheBull

28个经过重新设计的著名博客案例全集

1.WebDesignerWall2.Veerle’sBlog3.Tutorial94.UXBooth5.InspiredMagazine6.LordLikely7.FudgeGraphics8.WorkAwesome9.LINE2510.SimpleB

最新18个绿色风格网页设计作品欣赏收集

ToyStory3OnlineMarketingWebsiteZenMobilIrontoIronSproutFundVersionsBaseCampHQdconstructComfortBrothersAmbassadorsforLIFEBordInchooPla

最佳20款免费英文手写字体推荐

JellykaBeesAntiqueHandwriting*JellykaCuttyCupcakesLHFJamiBlazingItalicTruffle-ShuffleWaterBrushROBJellykaCastle’sQueenWindsongJaneAu

非常棒的Web标准学习资源收集推荐

这些规范是专门为了那些在网上发布的可向后兼容的文档所设计，使其能够被大多数人所访问。近年来，这个术语也时常和一套建立网站的标准化的最佳实践方法、网页设计

小屏幕移动设备网页设计需要注意的事项

原因是这类网页起源于一个叫WAP的无线协议。WAP能够运行于各种无线网络之上，如GSM、GPRS、CDMA等。WML是无线注标语言（WirelessMakeuplanguage）的英文缩写。支持W

Web 前端性能优化

Web前端优化最佳实践之内容篇Web前端优化最佳实践之Server篇Web前端优化最佳实践之Cookie篇Web前端优化最佳实践之CSS篇Web前端优化最佳实践之JavaScript篇Web前端

编写HTML和CSS的6种最有效的方法

本文分享了6中最有效的方法，希望能提供你的效率，为你节约时间。1.DynamicCSS（动态CSS）如果你想加速你的CSS代码编写，那么你需要学习并掌握动态CSS。大部分的动态C

两款网站页面翻译插件分享

TranslateThis网址：http://translateth.isGoogle翻译网址：http://translate.google.cn/translate_tools?hl=zh-CN&sl=zh-CNTranslate复制代码代码如下:<divid="go

常用的几个单页应用程序网站分享

CSS3Please这个网站自己看吧，改变参数，打开关闭CSS3效果，就可以获得你要的式样Border-Radius一个改变参数来获得你要的CSS3边框效果，还可以直接复制代码，特别方便

在IE6，IE7 中DIV容器固定高度的使用技巧

IE6和IE7对CSS的解释存在很多差别，今天谈其中一点：height。例子：复制代码代码如下:IE6下：如果DIV里的内容高度不超过50px，DIV的高度就是50px，如果超过了设定的值，

如何解决IE6/7绝对定位元素神秘消失或被遮挡的方法

1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时，以及没有清除浮动时，IE6/7，FF中显示一致；2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时，有清除浮动时，I

ie6 select无法被div遮盖的bug解决方法

使用div制作蒙版或模拟弹出窗口，但在IE6下，当div下方有下拉列表框select元素的时候，下拉列表框会划破div显示在div之上，不论z-index设为何值均会出现此问题，可能由

css自动截取指定长度字符串，结尾显示... 支持FF浏览器

复制代码代码如下:<!--.div1{width:200px;}.div1span{white-space:nowrap;text-overflow:ellipsis;/*forinternetexplorer*/overf

搜索引擎免费收录网站入口小集

一：百度网站登录入口网址：http://www.baidu.com/search/url_submit.html说明：一个免费登录网站只需提交一页（首页），百度搜索引擎会自动收录网页。符合相关标准您提

通常CSS错误及解决办法技巧

复制代码代码如下:区别IE6与FF：background:orange;*background:blue;区别IE6与IE7：background:green!important;background:blue;区别IE7与FF：background:orange;

RGB配色表小集

RGB配色表顏色英文名稱RGB16色Snow255250250#FFFAFAGhostWhite248248255#F8F8FFWhiteSmoke245245245#F5F5F5Gainsboro220220220#DCDCDCFloralWhite255250240#FFFA

css样式div或li在ie6下背景平铺及border边框断线解决技巧

css样式div或li在ie6下背景平铺或边框断线解决办法给父级样式一个高度比如height:100%;或height:1%;

合理使用h1，h2，h3标签

在制作网页的过程中，难免会用到,,标签。合理的使用,,标签对网站的优化起着重要的作用。标签，在网页中可以当做标题使用，通常我们把关键字放入标签中。注意：标签在

切勿用数字开头来命名css伪类名

新手在div+css开发的时候，需要命名css伪类名称，如.ggg，#ccc，这样的格式。但是有些新手在命名css伪类的时候往往想简单，便直接使用数字命名，或以数字开头命名css选

CSS 连接地址后面加上问号(?)表示什么意思?

举例来说:facebook上的css连接后面都跟了个参数..这是表示什么意思呢？可

网站标准开发流程图

网站标准之Flash页面如何通过校验的方法分享

1.embed是非法的标签是Netscape的私有标签，虽然标签应用广泛存在，但是从HTML3.2,HTML4.0到XHTML1.0，W3C都没有收录这个标签。使用标签的页面将不能通过W3C校验。2

css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览

部分代码:复制代码代码如下:脚本之家<ahref="about_webintro.h

小型分页的设计

让我们的用户可以选择是否继续前行或者后退，去找到他想要的东西。比如我们在淘宝搜索“衬衣”，这时通常会有100页的信息（当然不止100页，只是其实用户通

支付宝新首页的几点前端实践小结

当然，也包括个人在页面性能优化上的一些经验。这里只挑几点说说。一、HTML5标签的应用HTML5的应用不仅仅是标签的应用，但她可以从标签的应用开始。打开你的浏览器

空路径对页面性能影响的解决方案

前几天在GoogleReader中看到玉伯博客的分享——空路径对页面性能的影响。确实，在写CSS的时候，用background:url(#)还是会对页面进行多一次请求的。不过

给web设计的新手们建议一些有用的学习资料

也有很多人问我学习时就看哪些书，下面我想想新手推荐一些书（也是我学习时看过的，捡有用的给大家推荐一下），这些都是我开始学习时看的！其实很多内容都差不多,就看你

关于div+css及Web标准网页的好处

div元素是用来为html文档内大块（block-level）的内容提供结构和背景的元素。div的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由

HTML,CSS的命名习惯总结

CSS命名规则头：header内容：content/containe尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftrightcenter登录条：loginbar

web前端工程师入门须知推荐

先说下web前端工程师的价值，目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端工程师去做web前端工程师是设计加开发的综合体，web前端

编写高质量代码 Web前端开发修炼之道书摘精要

(P4)Web标准由一系列标准组合而成，其核心理念是将网页的结构、样式和行为分离开来，所以它可以分为三大部分：结构标准、样式标准和行为标准。样式标准—&mdas

20个国外优秀的网页色彩搭配案例分享

这篇文章搜集了20个优秀的网页色彩搭配案例与大家分享，希望这些案例能带给你灵感！espaciocreativo10yearsintypeBrooks–ShoeAdvisorShoppubTheNeighbourhoo

网页无法打开原来是元素div缺少结束标记

一开始以为是速度的问题，后来把所有图片链接请求都连接到站内，不再跨站连接，问题依然存在。但是令人费解的是，同一套代码，其他页面打开是正常的，为何就这页有问题

如何优化一个网站使之提高访问速度更新

最近公司开始考核企业站下所有站点，首先从itpub开始进行。为此，开始学习关于如何优化一个网站使之提高访问速度这方面的知识。得知pagespeed是个不错的工具，就下载

js、css、html判断浏览器的各种版本

利用正则表达式来判断ie浏览器版本判断是否IE浏览器if(document.all){alert("这个是ie浏览器");}判断是否IE6浏览器方法一：if(/MSIE6.0/ig.test(navigator.appVer

IE下utf8编码页面无端端空出一行及utf8页面无法显示的解决方法

原因是全部采用utf8编码，包含文件的时候，最后的二进制流中包含了多次UTF8BOM标记，IE不能正常解析包含多个UTF8BOM标记的页面，直接替换成实际显示的回车，这样导致一

25条div+css编程提醒及小技巧整理

1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时

IE8兼容视图(IE7 mode)与独立IE7的区别详解

一．IE8兼容视图概述为了解决新版浏览器不兼容旧网站的问题，IE8浏览器增加了一种叫做“兼容性视图”的功能，可以让网页以IE7的代码规范来显示，这样，就能

18套精美的苹果风格免费图标素材分享

AppleMugIconsandExtrasHDStorageBox–addonpackSabreSnowMacUSBIconsAluminiumMacBookProOSXHydroPRO-HP-MacEditionCapitalIconSuite

键盘上各种特殊符号的英文读法(知识普及)

键盘字符英文`backquote~tilde!exclam@at#numbersign$dollar%percent^caret&ersand*asterisk(parenleft)parenright-minus_underscore=equal+plus[bracketleft

font-family 中文字体的英文名称小结

CSS中使用font-family属性引用中文字体时，经常采用三种方式定义字体：直接写中文英文别名Unicode码直接使用中文名称时，在不支持中文的系统或编码的页面就有可能会

5个步骤实现响应式Web设计方法与瀑布模式说”再见”(图文教程

恭喜你终于使领导们信服：你的下一个Web设计项目需要进行响应式设计。虽然说服他们相信是一件非常艰难的事情，但是你现在不能在荣誉上休息。现在项目最关键的问题是

朋友网手机客户端下载页面的设计分享(图文)

先让我们来看看一些简单的数据：据谷歌发布的报告显示，①97%的中国城市已拥有手机，其中35%拥有智能手机;②在电视与智能手机两者之间，50%的受访者表示宁愿放弃电视

25个CSS框架、工具、软件及样板分享

SpriteCow下载CSSLint下载Prefixr下载The1140pxCSSGridSystem下载holmes.css下载CSSTerminal下载Columnal下载Normalize.css下载Spritemapper下载LessFra

我们能从Google的全新UI中学到的知识(图文)

2011年网站变化最显著的就是Google，其一系列产品启用了全新的用户界面。这篇文章将探索决定Google用户界面设计背后的思维过程，或许我们能从中学到值得借鉴的方法

谈谈网页设计中的Less和More(图)

LessisMore是很多设计师的口头禅，它最早是由建筑大师LudwigMiesvanderRohe提出，是一种提倡简单，反对过度装饰的设计理念。在此基础上，不断的有设计师对这个思想加

关于音乐播放App(应用软件)的分析与重设计如何设计出漂亮的音

一直对无线交互很感兴趣，这次就来练练手~本次分析评测基于iOS平台，选取了两款有代表性的音乐播放器，QQ音乐和豆瓣FM。由于这两款产品在web端就有着庞大的用户基础

通往优秀UI(用户界面)设计师之路的20个路标

导读：界面设计师JoshuaPorter在自己的博客中发表了这篇文章，文章中列举了20条用户界面的设计原则，这些原则是设计师们在设计工作中需要遵循的，它们能够给设计师们

走进工具型网站对工具型网站的释义及典型案例分析(图文)

提到工具型网站，我们首先会有个疑问：大千网络网站众生，究竟什么样的网站才算是工具型网站?它的特征是什么，与其他网站有什么不同?从网上搜索相关信息，了解到关于该

关于网页配色中的叠柔配色法的详解

本文没有咬文嚼字的地方，只是一个配色技巧的分享，十分简单，简单到流泪，但或许对你来说又十分实用，实用到无语。原本就是天然的馈赠，你我只是顺手采撷之......网页

首页 1 2 3 4 5 6 7 8 9 10 末页共101页

www.zqyou.com 大旗谷资源网

139,976影音资源

144,792福利资源

21,817软件资源

631,128技术资源

网页制作第4页

更新日志

友情链接

网页制作 第4页

更新日志

友情链接

网页制作第4页