網(wǎng)站和網(wǎng)頁(yè)設(shè)計(jì)(編輯修改稿)
2024-11-03 11:55 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 的硬件 、軟件和插件 。 盡管創(chuàng)建新的硬件和軟件能夠支持的最具有動(dòng)態(tài)和交互性的網(wǎng)站是極具誘惑力的 ， 但大多數(shù) Web用戶并不追求最高端的設(shè)計(jì) 。 在為大眾設(shè)計(jì)時(shí) ， 一個(gè)好的指導(dǎo)方針是為最小公分母 (lowest mon denominator)設(shè)計(jì) 。考慮如下內(nèi)容 : 大多數(shù)用戶使用 15寸或更小的監(jiān)視器 。 許多用戶使用的分辨率是 640?480。 大多數(shù)用戶使用 。 大多數(shù)用戶測(cè)覽器的版本是 。 極少數(shù)用戶會(huì)花時(shí)間下載插件 。 總是存在例外。許多用戶正在升級(jí)到 56Kb/s的 MODEM，并使用 800?600的屏幕分辨率設(shè)置。但是，留心這些慣例將指導(dǎo)你創(chuàng)建大多數(shù)用戶可以使用或者瀏覽的網(wǎng)站。 有效的 Web頁(yè)面布局 想想自己喜歡的報(bào)紙布局 。 首頁(yè)有前導(dǎo)故事 (lead story)，有一邊包括一列 ， 它給出了報(bào)紙中故事的其他特征 。 這是如何影響閱讀體驗(yàn)的呢 ?該布局不會(huì)強(qiáng)迫你閱讀首頁(yè)的故事然后再翻頁(yè)尋找你所感興趣的其他內(nèi)容 。 如果看了故事摘要 ， 并且還想深人地閱讀 ， 那么一個(gè)頁(yè)號(hào)或者 鏈接 會(huì)將你引導(dǎo)到整個(gè)故事所處的位置 。 該布局通常被比做一個(gè)翻轉(zhuǎn)的金字塔 。 該樣式首先給用戶提供了一個(gè)故事摘要列表 ， 然后是對(duì)細(xì)節(jié)的鏈接或者引用 。Web是此類傳送的一個(gè)理想媒體 。 使用超級(jí)鏈接 ， 可以給用戶發(fā)送任何數(shù)量的關(guān)于主題 、 故事 、 新聞 、 產(chǎn)品或者服務(wù)的細(xì)節(jié) 。 也可以提供到文檔或者相關(guān)信息的鏈接 ， 這些是報(bào)紙由于缺少空間 、 時(shí)間和資源而不能提供的 。 如果用戶需要更多的信息 ， 他們可以根據(jù)自己的判斷去測(cè)覽 。 否則他們可以轉(zhuǎn)移到別的地方去 。 網(wǎng)頁(yè)布局元素 在網(wǎng)站制作過(guò)程開(kāi)始前，考慮一下網(wǎng)站的外觀和結(jié)構(gòu)。必須從視覺(jué)和技術(shù)的角度理解組成整個(gè)頁(yè)面的元素以及它們之間是如何交互的。然后，應(yīng)該在整個(gè)網(wǎng)站上貫徹所選擇的元素。這些網(wǎng)頁(yè)元素包括布局、字體、顏色、圖像以及其他多媒體。 頁(yè)面布局指的是網(wǎng)站設(shè)計(jì)人員向用戶展示信息的方式 。 格式應(yīng)該是有邏輯性的和易于理解的 。像在文檔或者報(bào)告中一樣 ， 結(jié)構(gòu)格式將幫助分類 、 簡(jiǎn)化和闡明信息 。 作為網(wǎng)站設(shè)計(jì)人員 ， 你必須規(guī)劃出一個(gè)結(jié)構(gòu) ， 并遵守它 ， 使用戶體驗(yàn)是有意義和富有成果的 。 在計(jì)劃網(wǎng)頁(yè)布局時(shí)考慮以下項(xiàng)目： Frameset(框架集 ) 允許同時(shí)顯示多個(gè)頁(yè)面 Margin(頁(yè)邊距 ) 控制顯示內(nèi)容距測(cè)覽器窗口邊界的距離 Border(邊界 ) 為 HTML表和框架提供可見(jiàn)的邊界 Color(顏色 ) 提供網(wǎng)站組織的整體感覺(jué) ， 增加可讀性 Navigation(導(dǎo)航 ) 控制用戶在網(wǎng)站內(nèi)的移動(dòng) Rule(規(guī)則 ) 將頁(yè)面內(nèi)容分成相關(guān)的部分 White space(空白 ) 減少頁(yè)面元素混亂 ， 分開(kāi)頁(yè)面上的元素 Table(表 ) 在頁(yè)面上分布放置元素 ， 將數(shù)據(jù)排成行和列 List(列表 ) 組織并強(qiáng)調(diào)某些信息條目 Paragraph(段落 ) 在頁(yè)面上分組文本字符 Headinglevel(標(biāo)題級(jí) ) 通過(guò)和頁(yè)面上大多數(shù)內(nèi)容不同尺寸和風(fēng)格的文本在視覺(jué)上組織內(nèi)容 Image(圖像 ) 提供視覺(jué)吸引 、 信息和導(dǎo)航 決定網(wǎng)站上包括哪些內(nèi)容可以幫助集中開(kāi)發(fā)過(guò)程 。 如果不在開(kāi)發(fā)過(guò)程的早期考慮這些 ， 你可能會(huì)浪費(fèi)資源去改正以后開(kāi)發(fā)中的問(wèn)題 。 公共布局格式 網(wǎng)站設(shè)計(jì)人員在網(wǎng)站上使用一些公共基本元素來(lái)執(zhí)行某些重要的導(dǎo)航功能 。 通過(guò)測(cè)覽幾個(gè)站點(diǎn) ， 可以看到這些公共特性 —— 頁(yè)面結(jié)構(gòu) 、 按鈕 、文本和圖像 。 當(dāng)用戶訪問(wèn)網(wǎng)站時(shí) ， 他們應(yīng)該知道希望看到什么 。 這不是說(shuō)他們應(yīng)該知道你提供的所有內(nèi)容或者產(chǎn)品 ， 但是他們能夠容易地判斷出如何使用網(wǎng)站 。 網(wǎng)站布局可以由導(dǎo)航元素放置的方式分類 。 主要是根據(jù)內(nèi)容的類型和總量來(lái)決定選擇的布局類型 。 例如 ， 通常導(dǎo)航元素被放置在左邊和上邊空白處 。 導(dǎo)航元素的背景通常和剩余 頁(yè)面的顏色或者外觀不同 。 附加的導(dǎo)航特征通常位于頁(yè)面底部 。 白背景上的黑色文本是常見(jiàn)的 ， 公司的標(biāo)志常放置在左上角顯示 。 因?yàn)榻?jīng)常使用這些 ， 對(duì)用戶而言 ， 格式技術(shù)可以讓導(dǎo)航更具直觀性 。 下面是幾種常見(jiàn)的布局類型 。 傳統(tǒng)的是左邊空白布局的 ， 在左邊空白處可以看到導(dǎo)航元素 。 上邊空白布局 ， 導(dǎo)航元素放在頁(yè)面上部 。 最常使用的布局 ， 分布式左邊和上邊空白布局 。 較少使用的是右邊空白布局 。 分布式布局適于內(nèi)容較多的網(wǎng)站。 2020年 1月份的世界編程語(yǔ)言排行榜 tiobe公布了到 2020年 1月份為止世界編程語(yǔ)言排行榜，與 1年前相比，前三名沒(méi)有什么變化，vb和 php互換了一下， php下降 1位，排第 5。 Python沒(méi)有什么變化， Ruby飆升了 11位排在12位。最近一直在關(guān)注 Ruby和 Python這兩種語(yǔ)言，這時(shí)兩種非常有前途的語(yǔ)言，非?？春?。 前幾名中 C++的前景不容樂(lè)觀， C在一些底層應(yīng)用，如嵌入式，還能一展所長(zhǎng)。 Java估計(jì)已經(jīng)快到了他的巔峰期。 升的最快的是 D語(yǔ)言，簡(jiǎn)單的講它是 C++的一種修改版，前途難以確定。 Position Jan 2020 Position Jan 2020 Delta in Position Programming Language Ratings Jan 2020 Delta Jan 2020 Status 1 1 = Java % % A 2 2 = C % % A 3 3 = C++ % % A 4 5 (Visual) Basic % +% A 5 4 PHP % % A 6 6 = Perl % % A 7 7 = C % % A 8 8 = Python % +% A 9 10 JavaScript % +% A 10 21 11 Ruby % +% A 11 11 = SAS % +% A 12 9 3 Delphi % +% A 1
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1