我们正在努力恢复Google Play商店上的Unionpedia应用程序
传出传入
🌟我们简化了设计以优化导航!
Instagram Facebook X LinkedIn

响应式网页设计

指数 响应式网页设计

響應式網頁設計(Responsive web design,通常縮寫为RWD),或稱自适应网页设计、回應式網頁設計、對應式網頁設計。 是一种网页设计的技術做法,该设计可使网站在不同的設備(从桌面电脑显示器到移动电话或其他流動產品裝置)上瀏覽時對應不同解析度皆有適合的呈現,减少使用者進行缩放、平移和滚动等操作行為。對於網站設計師和前端工程師來說,有別於過去需要針對各種設備進行不同的設計,使用此種設計方式將更易於維護網頁。此概念於2010年5月由國外著名網頁設計師Ethan Marcotte所提出。 采用 RWD 设计的网站使用CSS3 ,即一种对 @media 规则的扩展,以及流式的基于比例的网格和自适应大小的图像以适应不同大小的设备:.

目录

  1. 17 关系: AJAX字体排印学万维网联盟像素统一资源定位符网页浏览器無表格網頁設計非侵入式JavaScript顯示廣告營銷點 (印刷)HTML元素JQueryModernizrSass (样式表语言)Unobtrusive JavaScript横幅式广告渐进增强

  2. 2001年建立的网站
  3. 2010年代新創詞語
  4. 人機互動
  5. 可用性
  6. 用户界面
  7. 网页设计
  8. 行動網站

AJAX

AJAX即“Asynchronous JavaScript and XML”(非同步的JavaScript與XML技術),指的是一套综合了多項技術的瀏覽器端網頁開發技術。Ajax的概念由傑西·詹姆士·賈瑞特所提出。 传统的Web应用允许用户端填写表单(form),当送出表单时就向網頁伺服器发送一个请求。伺服器接收并处理传来的表单,然后送回一个新的网页,但这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML码往往是相同的。由于每次应用的沟通都需要向伺服器发送请求,应用的回應时间依赖于伺服器的回應时间。这导致了用户界面的回應比本機应用慢得多。 与此不同,AJAX应用可以仅向伺服器发送并取回必須的数据,并在客户端采用JavaScript处理来自伺服器的回應。因为在伺服器和浏览器之间交换的数据大量减少,伺服器回應更快了。同时,很多的处理工作可以在发出请求的客户端机器上完成,因此Web伺服器的负荷也减少了。 类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。虽然其名称包含XML,但实际上数据格式可以由JSON代替,进一步减少数据量,形成所谓的AJAJ。而客户端与服务器也并不需要异步。一些基于AJAX的“派生/合成”式(derivative/composite)的技术也正在出现,如AFLAX.

查看 响应式网页设计和AJAX

字体排印学

字体排印学(typography)又称为文字设计,是通过排版使得文字易认、可读和优美的技艺。排版,即安排活字的方式,包括字体与字号的选取、栏宽与行高的设定以及字距的调整等。在西方设计领域,这项技艺常常被喻为“二维的建筑”。字体排印侧重于对不同样式与大小的活字进行安排;与之相近的设计门类字体设计(type design),则是对字体本身形状的描绘。尽管字体设计有时也被视为字体排印的一部分,然而不同分工的设计师对“字体排印师(typographer)”和“字体设计师(type designer)”并没有相互认同。 印刷技术的演进对字体排印的传统与发展有着重要影响。排版的对象是活字。桌面出版技术引入的数字字体,又可以视作是数码活字。在桌面出版时代和计算机普及之前,印刷文字的排版一直由专门人员完成,如排字工人、字体排印师、平面设计师、漫画家等等。现代的文字编码与字体技术使得排版作为一项技艺的门槛降低。正如英国平面设计院院长,David Jury所言:“字体排印现已成为每个人都在做的事情。”.

查看 响应式网页设计和字体排印学

万维网联盟

万维网联盟(World Wide Web Consortium,W3C),又称W3C理事会,是全球資訊網的主要國際標準組織。.

查看 响应式网页设计和万维网联盟

像素

--,為影像顯示的基本單位,譯自英文「pixel」,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示「畫像元素」之意,有時亦被稱為pel(picture element)。每个这样的訊息元素不是一个点或者一个方块,而是一个抽象的取樣。仔细處理的话,一幅影像中的像素可以在任何尺度上看起来都不像分离的点或者方块;但是在很多情况下,它们采用点或者方块显示。每個像素可有各自的顏色值,可採三原色顯示,因而又分成紅、綠、藍三種子像素(RGB色域),或者青、品红、黄和黑(CMYK色域,印刷行业以及打印机中常见)。照片是一个个取樣点的集合,在影像没有经过不正确的/有损的压缩或相机镜头合适的前提下,單位面積内的像素越多代表解析度越高,所顯示的影像就會接近于真实物体。.

查看 响应式网页设计和像素

统一资源定位符

统一资源定位符(或称统一資源定位器/定位地址、URL地址等,Uniform Resource Locator,常缩写为URL),有时也被俗称为网页地址(網址)。如同在網路上的門牌,是因特网上标准的资源的地址(Address)。它最初是由蒂姆·伯纳斯-李发明用来作为万维网的地址。现在它已经被万维网联盟编制为因特网标准RFC 1738。 在網際網路的歷史上,統一資源定位符的發明是一個非常基礎的步驟。统一资源定位符的语法是一般的,可扩展的,它使用ASCII代码的一部分来表示因特网的地址。统一资源定位符的开始,一般會标志着一个计算机网络所使用的网络协议。 统一资源定位符的标准格式如下: 统一资源定位符的完整格式如下: 其中【访问凭证信息@;:端口号;?查询;#片段ID】都属于选填项。.

查看 响应式网页设计和统一资源定位符

网页浏览器

網頁瀏覽器(web browser),常被简稱為瀏覽器,是一種用於檢索並展示全球資訊網資訊資源的應用程式。這些資訊資源可為網頁、圖片、影音或其他內容,它們由統一資源標誌符標誌。資訊資源中的超連結可使使用者方便地瀏覽相關資訊。 網頁瀏覽器雖然主要用於使用全球資訊網,但也可用於獲取專用網絡中網頁伺服器之資訊或檔案系统內之檔案。 主流網頁瀏覽器有Mozilla Firefox、Internet Explorer、Microsoft Edge、Google Chrome、Opera及Safari。.

查看 响应式网页设计和网页浏览器

無表格網頁設計

無表格網頁設計(Tableless Web Design)是一個網頁設計的概念,指用層疊樣式表(CSS)而非HTML表格()进行頁面佈局。 層疊樣式表于1996年12月由萬維網聯盟(W3C)推出,是为改善網絡無障礙語義。二十世纪九十年代後期,隨著互聯網泡沫而快速增长了大量新媒體創作和網頁設計需求,人们開始普遍使用HTML表格的行與列控制整個網站的佈局。當中大多皆因下原因:.

查看 响应式网页设计和無表格網頁設計

非侵入式JavaScript

非侵入式JavaScript是一種將Javascript從HTML結構抽離的設計概念,避免在HTML標籤中夾雜一堆onchange、onclick等屬性去掛載Javascript事件,讓HTML與Javascript分離,依模型-视图-控制器的原則將功能權責清楚區分,使HTML也變得結構化容易閱讀。這個名称并不是正式定义,它的基本原则包括:.

查看 响应式网页设计和非侵入式JavaScript

顯示廣告營銷

#重定向 顯示廣告.

查看 响应式网页设计和顯示廣告營銷

點 (印刷)

点(point,pt),也音译磅因、磅,是印刷所使用的长度单位,用于表示字型的大小,也用于餘白(字距、行距)等其他版面构成要素的长度。1 点的长度曾经有过各种定义,当代最通行的是广泛应用于桌面排版软件的 DTP 点,72 点等于 1英寸(1 point.

查看 响应式网页设计和點 (印刷)

HTML元素

HTML中,一个HTML元素是HTML文件的一个基本组成单元。HTML文件采用采用树形结构安排HTML元素。更进一步的说,一个HTML元素是一个满足一项或多项DTD要求的元素。HTML元素可以拥有属性和内容,可以是标题、段落、链接、列表、嵌入媒体或者其他的任何符合DTD要求的格式。.

查看 响应式网页设计和HTML元素

JQuery

jQuery是一套跨瀏覽器的JavaScript函式庫,简化HTML與JavaScript之間的操作。由約翰·雷西格(John Resig)在2006年1月的BarCamp NYC上釋出第一個版本。目前是由Dave Methvin领导的开发团队进行开发。全球前10,000个访问最高的网站中,有65%使用了jQuery,是目前最受歡迎的JavaScript函式庫。.

查看 响应式网页设计和JQuery

Modernizr

Modernizr是一套JavaScript 函式庫,用來偵測瀏覽器是否支持HTML5與CSS3等規格。如果浏览器不支持,Modernizr会使用其他的解决方法来进行模拟。.

查看 响应式网页设计和Modernizr

Sass (样式表语言)

#重定向 Sass.

查看 响应式网页设计和Sass (样式表语言)

Unobtrusive JavaScript

#重定向 非侵入式JavaScript.

查看 响应式网页设计和Unobtrusive JavaScript

横幅式广告

横幅式广告(web banner、banner ad)又称旗帜广告,通常横向出现在网页中,最常见的尺寸是468×60和468×80,目前還有728x90大尺寸型。是网络广告比较早出现的一种广告形式。以往以jpg或者gif格式为主,伴随網際網路的发展,swf格式的旗帜广告也比较常见了。.

查看 响应式网页设计和横幅式广告

渐进增强

渐进增强(Progressive enhancement)是网页设计的一种策略,强调可访问性,语义HTML标记,外部样式表和脚本技术。渐进增强使用Web技术以分层的方式,允许所有人访问网页的基本内容和功能,使用任何浏览器或互联网连接,同时还给更先进的浏览器软件或更大的带宽提供了这些页面的一个增强版本。.

查看 响应式网页设计和渐进增强

另见

2001年建立的网站

2010年代新創詞語

人機互動

可用性

用户界面

网页设计

行動網站

亦称为 RWD,Responsive web design。