精华内容
下载资源
问答
  • 常见的网页页面
    千次阅读
    2018-10-28 08:54:50

    头:header

    内容:content、container

    尾:footer

    导航:nav

    子导航:subnav

    侧栏:sidebar

    栏目:column

    页面外围控制整体布局宽度:wrapper

    左、右、中:left、right、center

    登录条:loginbar

    标志:logo

    广告:banner

    页面主体:main

    热点:hot

    新闻:news

    下载:download

    菜单:menu

    子菜单:submunu

    搜索:search

    友情链接:friendlink

    页脚:footer

    版权:copyright

    滚动:scroll

    内容:content

    标签页:tab

    文章列表:list

    提示信息:msg

    小技巧:tips

    栏目标题:title

    加入:joinus

    指南:guild

    服务:service

    注册:regsiter

    状态:status

    投票:vote

    合作伙伴:partner

    更多相关内容
  • 这是一个jQuery实现网页页面打开及弹窗的功能。在官网项目中比较常用;里面有两个类型的弹窗。都是可关闭的。小功能,更改起来比较方便简单。希望能帮助大家!
  • 网页加载时页面显示进度条(加载完成时显示网页内容),这种效果在浏览网页常见,本文也介绍一种实现方法,需要了解的朋友可以参考下
  • 浅谈网页页面尺寸 网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画 版来.这样才能方便设计. 网页的尺寸受限于两个因 :一个是显示器屏幕.显示器现在种类很多, 以 17 寸为主流, 正在朝 19 寸及宽屏的方向...
  • 结构元素 网页设计与制作 列表表格 及媒体元素 设计 制作 2 列表元素 文本层次语义元素 表格元素 结构元素 回顾 如果一个网页中的文字出现乱码可能是什么原因造成的 在网页中打开超链接页面在目标窗口中打开的常用两...
  • 媒体元素 网页设计与制作 列表表格 及媒体元素 设计 制作 2 列表元素 文本层次语义元素 表格元素 媒体元素 回顾 如果一个网页中的文字出现乱码可能是什么原因造成的 在网页中打开超链接页面在目标窗口中打开的常用两...
  • 网页设计中页面尺寸标准

    千次阅读 2021-06-11 02:56:17
    下面是小编为大家整理的网页设计中页面尺寸标准,欢迎参考~对于固定宽度的网站布局,设计师常用的.分辨率有:760px、780px、920px、950px等,如今大尺寸、宽屏幕的显示器越来越多,越来越普及,有些设计师也开始采用...

    网页设计中页面尺寸标准

    在刚开始进行美工设计的人,对网页设计页面尺寸一般多大,可能会有疑问。下面是小编为大家整理的网页设计中页面尺寸标准,欢迎参考~

    对于固定宽度的网站布局,设计师常用的.分辨率有:760px、780px、920px、950px等,如今大尺寸、宽屏幕的显示器越来越多,越来越普及,有些设计师也开始采用1000px、1003px这样的分辨率。

    页面最大化、满屏化的网站看着的确是舒服,但过高的分辨率在设计师显示器上合适,并不代表在浏览者的显示器上也合适。现在用的最多的分辨率还是1024*768,在这种分辨率下,含滚动条的页面最大宽度应不超过994px,所以一般页面宽度定位在990px以内比较适宜。

    这一讲主要来说说网页设计的标准尺寸

    一、在800*600分辨率下,页面宽度应在778px以内,这样不会出现横向滚动条,高度可以依据版面和内容而定。

    二、在1024*768分辨率下,页面宽度应在1003px以内,如果仅一屏显示的页面,高度在612px~615px之间,这样横向和纵向滚动条都不会出现。

    三、在photoshop中做800*600分辨率下仅一屏的网页时,尺寸可以设为740*560左右。

    页面标准按800*600分辨率制作,尺寸为778px*434px

    页面长度一般不要超过三屏,宽度不宜出现横向滚动条为宜

    每个标准页面为A4幅面大小,即8.5*11英寸

    全尺寸banner为468px*60px,半尺寸banner为234px*60px,小banner为88px*31px

    小图标的标准尺寸还有120px*90px、120px*60px等

    每个非首页静态页面含图片字节不超过60K,全尺寸banner不宜超过14k

    标准网页广告尺寸规格

    1、120*120,这种广告规格适用于产品或新闻照片展示。

    2、120*60,这种广告规格主要用于做LOGO使用。

    3、120*90,主要应用于产品演示或大型LOGO。

    4、125*125,这种规格适于表现照片效果的图像广告。

    5、234*60,这种规格适用于框架或左右形式主页的广告链接。

    6、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。

    7、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。

    8、88*31,主要用于网页链接,或网站小型LOGO。

    广告形式 像素大小 最大尺寸 备注

    BUTTON 120*60(必须用gif) 7K

    215*50(必须用gif) 7K

    通栏 760*100 25K 静态图片或减少运动效果

    430*50 15K

    超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果

    巨幅广告 336*280 35K

    585*120

    竖边广告 130*300 25K

    全屏广告 800*600 40K 必须为静态图片,FLASH格式

    图文混排 各频道不同 15K

    弹出窗口 400*300(尽量用gif) 40K

    BANNER 468*60(尽量用gif) 18K

    悬停按钮 80*80(必须用gif) 7K

    流媒体 300*200

    (可做不规则形状但尺寸不能超过300*200) 30K 播放时间小于5秒60帧(1秒/12帧)

    网页中的广告尺寸

    1.首页右上,尺寸120*60

    2.首页顶部通栏,尺寸468*60

    3.首页顶部通栏,尺寸760*60

    4.首页中部通栏,尺寸580*60

    5.内页顶部通栏,尺寸468*60

    6.内页顶部通栏,尺寸760*60

    7.内页左上,尺寸150*60或300*300

    8.下载地址页面,尺寸560*60或468*60

    9.内页底部通栏,尺寸760*60

    10.左漂浮,尺寸80*80或100*100

    11.右漂浮,尺寸80*80或100*100

    以上几种说法可能有点小的出入,大家可以探讨一下。

    【网页设计中页面尺寸标准】相关文章:

    展开全文
  • 常用网页版面布局设计
  • 超过10个常用网页模板,每个模板都是完整的,点击index.html即可运行,编写代码简洁,非常方便自己进行修改再使用,觉得OK的朋友点个赞哦~!
  • 单元3表格应用与制作购物车页面HTML5+CSS3网页设计与制作实用教程本章导读The chapters introduction 表格是常用页面元素之一过去制作网页时经常借助表格进行布局现在表格的主要功能是有序地排列数据本单元主要...
  • 网页设计在初始要界定出网页的尺寸大小。...另一个是浏览器软件,就是我们常用的ie,遨游,friefox等。高度:高度是可以向下延展的,所以一般对高度不限制。 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具...

    网页设计在初始要界定出网页的尺寸大小。就像绘画给出一块画版来。这样才能方便设计。

    网页的尺寸受限于两个因素:一个是显示器屏幕。显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展。但目前也有为数不少的15寸显示器。另一个是浏览器软件,就是我们常用的ie,遨游,friefox等。

    高度:

    高度是可以向下延展的,所以一般对高度不限制。 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。

    宽度:

    1、在ie6。0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。

    但值得注意的是ie6。0(或更低)无论你的网页多高都会有右侧的滚动条框。

    2、在firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005

    3、在opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001

    注:firefox或opear在内容少于浏览器高度时不显示右侧滚动条。

    所以如果是1024的分辨率,你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点。也方便做一些浮动层的设计。

    如果是800的分辨率一般都设成770。但也有设成760的。

    这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右,1024的设定990左右。

    网页设计标准尺寸:

    1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

    2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间。就不会出现水平滚动条和垂直滚动条。

    3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右

    4、在ps里做的图到了网上就不一样了,颜色等等方面,因为web上面只用到256web安全色,而ps中的rgb或者cmyk以及lab或者hsb的色域很宽颜色范围很广,所以自然会有失色的现象。

    页面标准按800*600分辨率制作,实际尺寸为778*434px

    页面长度原则上不超过3屏,宽度不超过1屏

    每个标准页面为a4幅面大小,即8。5x11英寸

    全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px

    另外120*90,120*60也是小图标的标准尺寸

    每个非首页静态页面含图片字节不超过60k,全尺寸banner不超过14k

    标准网页广告尺寸规格

    一、120*120,这种广告规格适用于产品或新闻照片展示。

    二、120*60,这种广告规格主要用于做logo使用。

    三、120*90,主要应用于产品演示或大型logo。

    四、125*125,这种规格适于表现照片效果的图像广告。

    五、234*60,这种规格适用于框架或左右形式主页的广告链接。

    六、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。

    七、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。

    八、88*31,主要用于网页链接,或网站小型logo。

    广告形式 像素大小 最大尺寸 备注

    button 120*60(必须用gif) 7k

    215*50(必须用gif) 7k

    通栏 760*100 25k 静态图片或减少运动效果

    430*50 15k

    超级通栏 760*100 to 760*200 共40k 静态图片或减少运动效果

    巨幅广告 336*280 35k

    585*120

    竖边广告 130*300 25k

    全屏广告 800*600 40k 必须为静态图片,flash格式

    图文混排 各频道不同 15k

    弹出窗口 400*300(尽量用gif) 40k

    banner 468*60(尽量用gif) 18k

    悬停按钮 80*80(必须用gif) 7k

    流媒体 300*200(可做不规则形状但尺寸不能超过300*200) 30k 播放时间 小于5秒60帧(1秒/12帧)

    网页中的广告尺寸

    1。

    首页右上,尺寸120*60

    2。首页顶部通栏,尺寸468*60

    3。首页顶部通栏,尺寸760*60

    4。首页中部通栏,尺寸580*60

    5。内页顶部通栏,尺寸468*60

    6。内页顶部通栏,尺寸760*60

    7。内页左上,尺寸150*60或300*300

    8。

    下载地址页面,尺寸560*60或468*60

    9。内页底部通栏,尺寸760*60

    10。左漂浮,尺寸80*80或100*100

    11。右漂浮,尺寸80*80或100*100。

    全部

    展开全文
  • Web系统中,从一个网页跳转到另一个网页,是LAMP项目中最常用的技术之一。页面跳转可能是由于用户单击链接、按钮等引发的,也可能是系统自动产生的。 此处介绍PHP中常用的实现页面自动跳转的方法。
  • 网页常用加载页面的实现原理

    千次阅读 2019-04-09 15:11:01
    根据网页上各种加载页面,大概总结了下面几种比较常用的实现方法: 1.利用定时器实现加载页面; 2.利用readyState判断实现加载页面; 3.利用滚动条+readyState判断实现加载页面; 4.利用滚动条+onload实现加载...

    本文主要是来分析加载页面的实现原理,因为好的加载页面可以提高用户访问的兴趣度,也能让用户远离枯燥的等待;根据网页上各种加载页面,大概总结了下面几种比较常用的实现方法:

    1.利用定时器实现加载页面;

    2.利用readyState判断实现加载页面;

    3.利用滚动条+readyState判断实现加载页面;

    4.利用滚动条+onload实现加载页面;

    5.利用百分比增加+onload实现加载页面。

    利用定时器实现加载页面

    html代码和css样式如下图,这一块比较简单,也不是本文重点,代码可自行查看下图。

    Tips:加载页面的动画效果是图标进行旋转,可根据实际情况修改成属于自己的动画效果(现在很多网页的动画效果都不错,可进行参考)。

    实现原理是利用了定时器(setTimeout)功能,对加载页面显示3s(3000),然后消失隐藏。

    Tips:缺点就是由于写死了显示时间,所以图片太大加载比较慢,会导致加载页面隐藏了,但是图片还未全部加载完;或者图片太小加载比较快,又会导致多等待时间。

    利用readyState判断实现加载页面

    html和css跟第一种方法共用,可自行查看上面的代码。

    实现原理是利用了页面加载状态改变时的事件(onreadystatechange),判断readyState的状态如果是载入完成(complete),则隐藏加载页面。

    利用滚动条+readyState判断实现加载页面

    html代码和css样式如下图,这一块比较简单,也不是本文重点,代码可自行查看下图。

    Tips:只贴出不同于第一种方法的css样式。

    实现原理是利用animate让滚动条先显示到90%(运行时间1s),然后判断readyState的状态如果是载入完成(complete),则让滚动条显示到100%并隐藏加载页面。

    Tips:适合于打开就想要一个交互体验的用户。

    利用滚动条+onload实现加载页面

    html和css跟第三种方法共用,可自行查看上面的代码。

    实现原理详细步骤如下:

    1.首先使用$.each方法遍历图片数组(imgArray)来获取图片的地址(val);

    2.然后使用Image的onload方法,每加载完一张图片数量就加1(count++);

    3.最后使用animate显示滚动条的宽度(Math.round(count / len * 100) + '%'),实现滚动条一个动态加载的过程;当全部图片加载完毕后(count >= len),隐藏加载页面。

    利用百分比增加+onload实现加载页面

    html代码和css样式如下图,这一块比较简单,也不是本文重点,代码可自行查看下图。

    Tips:百分比的外框利用round进行旋转。

    实现原理详细步骤如下:

    1.首先使用$.each方法遍历图片数组(imgArray)来获取图片的地址(val);

    2.然后使用Image的onload方法,每加载完一张图片数量就加1(count++);

    3.最后把计算出的百分比(Math.round(count / len * 100) + '%')替换span的html内容,实现百分比动态变化过程;当全部图片加载完毕后(count >= len),隐藏加载页面。

     

    展开全文
  • 网页开发】登录注册页面01

    万次阅读 多人点赞 2020-10-12 15:50:29
    可以进行滑动的登录注册
  • 一般运行 web 项目的时候大部分人选用的是 tomcat 服务器,今天在运行之前的一个项目的时候,遇到一个无厘头的问题,tomcat 启动项目没问题,但是页面却打不开,出现一片空白,404可怕吗?500 可怕吗?可怕!更可怕的是...
  • 在我们设计网页的时候,总会遇到一些不愉快的事情,最常见的莫过于在后台添加内容后才发现显示的页面被撑开,导致网页极度不美观。以前大家基本上都是设计表格,网上自然不少对于的解决方法,如今还有div css标准...
  • 网页过渡是指当浏览者进入或离开网页时,页面呈现的不同的刷新效果,比如卷动、百叶窗等。
  • HTML 网页常用标签

    2021-11-23 12:52:55
    网页常用标签
  • 这也是最近开发中常见的要求。怎么达到要求呢?请跟我往下看。。 2、做准备 想要在网页端唤起App。首先,你必须在App 中设置有 URL Schemes 。设置的位置如下图所示: 我们本次demo 就使用上图的 URL ...
  • 9、网页中除了以上几种最基本的元素之外,还有一些其它的常用元素,包括悬停按钮,Java特效,ActiveX等各种特效。3、动画:主要指由FLASH软件制作的动画,由于其是准流媒体文件,加上矢量动画,文件小,使其在网络...
  • 网页常用的除了导航栏就是这个固定在页面左右两侧的固定导航栏了;这个也是我在写官网项目的时候弄的。很简单的一个小功能,希望能帮到大家!
  • 常用网页代码

    千次阅读 2021-09-16 18:32:37
    网站标题 忘情Dplayer播放器 浏览器ico图标 滚动字 本页面主要作用是为了“挑选视频”,以便于在【忘情影视】里搜索观看 嵌入网页 手机端自适应 自动收录(不详) html随机弹链接 网页添加音乐代码 广告代码 js广告...
  • 常用的静态网页模板

    2018-01-23 23:23:02
    包含100多个前端页面模板,登录 ,web后台管理,extjs,easyui等模块,拿上手就能用
  • 常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印,而很少关注页面水印。刚去Google了一圈,关于页面水印的文章的数量为几乎为0. 本文中,流牛木马就与大家一起交流一下有关制作网页水印的心得。 ...
  • 用Bootstrap实现网页常见页面效果,首先要引入插件,引入的方式有两种,一种本地引入,一种是CDN引入。  第一种效果:静态模态框;    页面效果如下:    第二种效果:动态模态框;    页面效果如下:  ...
  • 很low的方法——直接使用定时器 常见网页进度条1 使用定时器的方法(不会判断页面加载,只是在定时器完成之后将也面显示出来) ** 这种方法是直接给一个时间,等结束以后,加载效果...
  • 目前项目中比较常用的第三方支付无非就是支付宝支付和微信支付。下面介绍一下Vue中H5页面如何使用支付宝支付。这篇文章主要介绍了Vue的H5页面唤起支付宝支付,需要的朋友可以参考下
  • 源码文件,讲述的是一些常用页面验证控件的使用。 谢谢谢谢谢谢谢
  • 常见网页布局

    千次阅读 2020-01-02 10:26:40
    一、网页常见布局 二、网页布局分类 1、固定布局: 以像素作为页面的基本单位,不管设备屏幕及浏览器宽度,只设计一套尺寸 2、可切换的固定布局: 以像素作为页面的基本单位,参考主流设备尺寸,设计几套不同...
  • 网页设计自习室

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 371,019
精华内容 148,407
关键字:

常见的网页页面