第一篇：網(wǎng)頁(yè)頁(yè)面適應(yīng)不同客戶端瀏覽器和分辨率

網(wǎng)頁(yè)頁(yè)面適應(yīng)不同客戶端瀏覽器和分辨率

上回 說(shuō)到“大屏幕瀏覽頁(yè)面的良好體驗(yàn)，本就應(yīng)該用戶自己調(diào)整窗口。”

根據(jù)屏幕不同大小，縮小窗口出橫向滾動(dòng)條在所難免，但理想情況下，頁(yè)面應(yīng)該能適應(yīng)不同客戶端瀏覽器和分辨率。實(shí)際操作通常又有三種情況：版面自適應(yīng)、視覺(jué)自適應(yīng)、內(nèi)容自適應(yīng)。

在windows系統(tǒng)任務(wù)欄空白處單擊右鍵，有如下圖的菜單，分別提供有“橫向平鋪窗口、縱向平鋪窗口”的功能，根據(jù)激活窗口個(gè)數(shù)按需切分屏幕。如果沒(méi)記錯(cuò)的話，自win2000就已經(jīng)用了，更早沒(méi)試過(guò)。雖然那會(huì)我們用的顯示器大些才17′，但在多窗口工作時(shí)確實(shí)方便。

版面上自適應(yīng)

Information Architects Japan在06年提出 web設(shè)計(jì)95%是排版 的觀點(diǎn)，如果精確理解，指呈現(xiàn)部分信息架構(gòu)之下“信息設(shè)計(jì)”的范疇，俗稱排版。因?yàn)槲覀兌剂私鈴V義上的web design不僅要看還得有動(dòng)，其實(shí)有個(gè)很大的 知識(shí)框架 做支撐。

web排版相較平面的優(yōu)勢(shì)在于數(shù)據(jù)靈活性，理論上可以實(shí)現(xiàn)只維護(hù)單個(gè)頁(yè)面，然后通過(guò)web技術(shù)來(lái)實(shí)現(xiàn)多種排版表現(xiàn)。在實(shí)踐中獲取點(diǎn)滴信息設(shè)計(jì)基礎(chǔ)之后再來(lái)看這個(gè)問(wèn)題，感觸頗深。

現(xiàn)實(shí)網(wǎng)站中，越重要的頁(yè)面模塊越多，排版難度也就越大。比如門戶網(wǎng)站首頁(yè)，我很少看到自適應(yīng)的，大概是雅虎網(wǎng)站改版開(kāi)了先河。分別使用narrow layout和wide layout兩種模式，適應(yīng)800和1024px分辨率，根據(jù)客戶端請(qǐng)求分析再輸出，即在自定義基礎(chǔ)上實(shí)現(xiàn)了自適應(yīng)。

視覺(jué)上自適應(yīng)

視覺(jué)上的處理相對(duì)簡(jiǎn)單，通過(guò)超大圖形先適應(yīng)大分辨率，然后向下兼容。即可以實(shí)現(xiàn)在不同分辨率下看到不同的整體效果。如果處理得當(dāng)，在小分辨率下將更顯大氣，用戶某天突然用大屏幕也許會(huì)有額外驚喜的良好體驗(yàn)。

Phofa.net 是日本搞藝術(shù)的網(wǎng)站，下圖分別為首頁(yè)在1024*768和1680*1050兩種分辨率下的截圖對(duì)比。多屏拼接而成，可以清楚看到整體表現(xiàn)視覺(jué)風(fēng)格與VI體系的完美融合，簡(jiǎn)潔有力。

還有我 06年設(shè)計(jì)的個(gè)人網(wǎng)站 例子，頂部平鋪其實(shí)是張1600*345規(guī)格的天空?qǐng)D案，中間沒(méi)有循環(huán)，因此比較逼真。只有在更大分辨率上才露出馬腳，比如下圖是在1680*1050中的效果。

更早這個(gè) 05年設(shè)計(jì)的個(gè)人網(wǎng)站 是半成品，通過(guò)黃金分割比例實(shí)時(shí)自適應(yīng)，可以在任何分辨率下都有最佳視覺(jué)效果。當(dāng)時(shí)主要研究使用div做高級(jí)布局保證可訪問(wèn)性，向下兼容良好，設(shè)計(jì)理念現(xiàn)在也不過(guò)時(shí)，前不久還看到有文章探討黃金分割。

內(nèi)容上自適應(yīng)

其實(shí)關(guān)于過(guò)寬、過(guò)窄我想很早已被設(shè)計(jì)師注意，因?yàn)镃SS2中專門有針對(duì)高寬的min和max定義，只不過(guò)因之前很多瀏覽器支持不好而用的少。尤其max-width, min-width語(yǔ)法的優(yōu)勢(shì)，在自適應(yīng)中排版中可以得到充分發(fā)揮，當(dāng)然也還有其他方案。

也許有同行記得，曾經(jīng)讓所有瀏覽器支持max-width還是重要解決方案。當(dāng)處理完外層容器寬度問(wèn)題后，里邊就等同于主流分辨率場(chǎng)景。要做自適應(yīng)，必然有個(gè)模塊的內(nèi)容不能固定寬度，關(guān)鍵處理好里邊信息的呈現(xiàn)即可?？偨Y(jié)起來(lái)有如下三類：

沒(méi)有寬度控制，比如Google Picasa

有寬度底線，但沒(méi)上限，比如Google Images Search

有寬度上限，但沒(méi)底線，比如Google Reader

注意，舉例中寬度底線不是以出橫向滾動(dòng)條為判斷準(zhǔn)則，因?yàn)槿萜饔斜粡?qiáng)制撐開(kāi)的情況。Google產(chǎn)品線處理相對(duì)較好，更多案例可以參考Junyu 總結(jié)的寬屏幕下的Web設(shè)計(jì)。

其實(shí)還有類寬度同時(shí)有底線和上限控制的特殊情況，但向下兼容和維護(hù)是個(gè)問(wèn)題，比如05年底的這個(gè) 最窄770px最寬1024px 經(jīng)典布局。同時(shí)靈活意味著控制成本，也因此成熟案例少見(jiàn)。

第二篇：瀏覽器無(wú)法打開(kāi)網(wǎng)頁(yè)的解決方案

瀏覽器無(wú)法打開(kāi)網(wǎng)頁(yè)的解決方案

故障現(xiàn)象：

瀏覽器無(wú)法打開(kāi)網(wǎng)頁(yè)

原因分析：

1.網(wǎng)絡(luò)設(shè)置的問(wèn)題：這種原因比較多出現(xiàn)在需要手動(dòng)指定IP、網(wǎng)關(guān)、DNS服務(wù)器聯(lián)網(wǎng)方式下，及使用代理服務(wù)器上網(wǎng)的造成IE無(wú)法打開(kāi)。

2.DNS設(shè)置錯(cuò)誤的問(wèn)題：當(dāng)IE無(wú)法打開(kāi)時(shí)，可先嘗試用IP地址來(lái)訪問(wèn)，如果可以訪問(wèn)，那么應(yīng)該是DNS的問(wèn)題。

3.IE本身的問(wèn)題：當(dāng)IE瀏覽器本身出現(xiàn)故障時(shí)，自然會(huì)影響到瀏覽了；或者IE被惡意修改破壞也會(huì)導(dǎo)致無(wú)法打開(kāi)網(wǎng)頁(yè)。

4.網(wǎng)絡(luò)防火墻的問(wèn)題：如果網(wǎng)絡(luò)防火墻設(shè)置不當(dāng)，如安全等級(jí)過(guò)高、不小心把IE放進(jìn)了阻止訪問(wèn)列表、錯(cuò)誤的防火墻策略等。

5.HOSTS文件的問(wèn)題 ：當(dāng)用戶在瀏覽器中輸入一個(gè)需要登錄的網(wǎng)址時(shí)，系統(tǒng)會(huì)首先自動(dòng)從Hosts文件中尋找對(duì)應(yīng)的IP地址，一旦找到，系統(tǒng)會(huì)立即打開(kāi)對(duì)應(yīng)網(wǎng)頁(yè)，如果沒(méi)有找到，則系統(tǒng)再會(huì)將網(wǎng)址提交DNS域名解析服務(wù)器進(jìn)行IP地址的解析。因此HOSTS文件被修改，也會(huì)導(dǎo)致瀏覽的不正常。

6.病毒的問(wèn)題：系統(tǒng)感染病毒也會(huì)導(dǎo)致瀏覽器無(wú)法打開(kāi)網(wǎng)頁(yè)。

解決方案：

1.首先檢查IP及網(wǎng)關(guān)、DNS等參數(shù)配置是否正確，查看方法：通過(guò)右鍵單擊網(wǎng)絡(luò)連接，在彈出的右鍵菜單中選擇“屬性”，在“網(wǎng)絡(luò)連接屬性”對(duì)話框中雙擊“Internet協(xié)議（TCP/IP）”（圖1），修改IP、網(wǎng)關(guān)、DNS等參數(shù)（圖2）

2.查看瀏覽器的代理配置是否正確，單擊“工具”菜單中“Internet選項(xiàng)”，在“Internet選項(xiàng)”窗口中選擇“連接”標(biāo)簽中的“局域網(wǎng)設(shè)置”（圖3），在“局域網(wǎng)設(shè)置”中修改代理服務(wù)器配置為正確（圖4）

3.修復(fù)IE: 3.1.1重置IE: 單擊“工具”菜單中“Internet選項(xiàng)”，單擊“高級(jí)”選項(xiàng)卡。在“重置 Internet Explorer 設(shè)置”下，單擊“重置”。（圖3）

3.1.2然后再次單擊“重置”。（也可以勾選“刪除個(gè)性化設(shè)置”，以將相應(yīng)的個(gè)性化信息重置為默認(rèn)設(shè)置。）

3.1.3 完成重置設(shè)置后，單擊“重置 Internet Explorer 設(shè)置”對(duì)話框中的“關(guān)閉”。

4.禁用加載項(xiàng)：?jiǎn)螕簟肮ぞ摺卑粹o，單擊“工具”菜單中“Internet選項(xiàng)”，在“Internet選項(xiàng)”對(duì)話框中選擇“程序”標(biāo)簽中的“管理加載項(xiàng)”。（圖5）

4.1 在“顯示”列表中，單擊“Internet Explorer 已經(jīng)使用的加載項(xiàng)”以顯示所有加載項(xiàng)。單擊要禁用的加載項(xiàng)，然后單擊“禁用”。（圖6）

5.通過(guò)工具修復(fù)IE：以360安全衛(wèi)士為例：

5.1 單擊工具列表中的系統(tǒng)修復(fù)，選擇“電腦門診”（圖7）

5.2選擇“我的瀏覽器不能正常工具”

5.3 選擇“網(wǎng)頁(yè)打不開(kāi)，但QQ、MSN等聊天工具能上”點(diǎn)擊“下一步”，即可進(jìn)行自動(dòng)修復(fù)。

6． 防火墻：一般默認(rèn)情況下防火墻都不會(huì)阻止瀏覽器，但是有可能是誤操作導(dǎo)致防火墻阻止了瀏覽器，首先關(guān)閉防火墻測(cè)試是否可以正常打開(kāi)網(wǎng)頁(yè)，如果可以正常打開(kāi)的話，只需要將瀏覽器加入防火墻的白名單即可。

7.HOSTS文件：在“%Systemroot%System32DriversEtc”文件夾下找到HOSTS文件，使用記事本將HOSTS文件打開(kāi)，只保留原始的內(nèi)容，將多余部分刪除。(圖8)8.進(jìn)入安全模式將殺毒軟件升級(jí)至最新病毒庫(kù)，對(duì)所有分區(qū)進(jìn)行病毒查殺，避免因病毒導(dǎo)致的瀏覽器無(wú)法使用。9.無(wú)法打開(kāi)二級(jí)鏈接：處理的方法是重新注冊(cè)如下的DLL文件： 在開(kāi)始菜單中的“運(yùn)行”中輸入： regsvr32 Shdocvw.dll regsvr32 Shell32.dll regsvr32 Oleaut32.dll regsvr32 Actxprxy.dll regsvr32 Mshtml.dll regsvr32 Urlmon.dll regsvr32 Msjava.dll regsvr32 Browseui.dll

第三篇：萬(wàn)村網(wǎng)頁(yè)頁(yè)面更新操作指南

萬(wàn)村網(wǎng)頁(yè)頁(yè)面更新操作指南

一、登陸管理系統(tǒng)：

1、打開(kāi)廣德先鋒網(wǎng)（http://004km.cn/），在頁(yè)面右側(cè)中部“安徽先鋒網(wǎng)電子政務(wù)系統(tǒng)”欄輸入登陸賬號(hào)密碼。

點(diǎn)擊確定后進(jìn)入“安徽先鋒網(wǎng)電子政務(wù)系統(tǒng)”

2、點(diǎn)擊左側(cè)主菜單內(nèi)的“村級(jí)模板系統(tǒng)”。右側(cè)出現(xiàn)該用戶所在鄉(xiāng)鎮(zhèn)（村級(jí)用戶登陸顯示所屬村）。

3、點(diǎn)擊鄉(xiāng)鎮(zhèn)名稱，出現(xiàn)村列表，然后點(diǎn)擊需要管理的村后面的“進(jìn)入管理”（可以在“進(jìn)入管理”上點(diǎn)擊鼠標(biāo)右鍵選擇“在新窗口中打開(kāi)”，這樣避免再管理其他村時(shí)需要重新登陸）。

進(jìn)入村級(jí)管理頁(yè)面如下：

二、欄目管理：

點(diǎn)擊左側(cè)菜單中的欄目管理，頁(yè)面出現(xiàn)現(xiàn)有欄目列表。

1、欄目排序：列表中順序列可以輸入序號(hào)，點(diǎn)擊“重新排序”后，欄目按照輸入的序號(hào)排序。

2、新建欄目：點(diǎn)擊“新建”，彈出新建欄目窗口。

輸入欄目名稱、序號(hào)，選擇相應(yīng)的顯示類型，一般為默認(rèn)的條目文章。點(diǎn)擊“提交”，欄目新建成功。

三、內(nèi)容管理：

點(diǎn)擊左側(cè)菜單中“內(nèi)容管理”下面的相應(yīng)欄目，右側(cè)出現(xiàn)該欄目已有內(nèi)容條目列表，直接點(diǎn)擊現(xiàn)有條目后面“修改”、“刪除”即可對(duì)現(xiàn)有內(nèi)容進(jìn)行修改和刪除操作。列表前面的序號(hào)同欄目管理一樣可對(duì)

其進(jìn)行重新排序。

增加內(nèi)容：點(diǎn)擊列表上面的“增加”，出現(xiàn)增加內(nèi)容對(duì)話框，輸入標(biāo)題和內(nèi)容，文字內(nèi)容最好先在word內(nèi)排版（確定字體、字號(hào)、段落縮進(jìn)，并將行間距設(shè)置為固定值，不要使用單倍行距），完成后拷貝黏貼到內(nèi)容框。若要插入圖片，請(qǐng)先點(diǎn)擊內(nèi)容區(qū)需要插入圖片的位置，再點(diǎn)擊編輯條上的插入圖片圖標(biāo)，出現(xiàn)圖片上傳窗口（該功能不支持ie8瀏覽器），點(diǎn)瀏覽找到指定的圖片（圖片寬度控制在500像素以內(nèi)），點(diǎn)確定上傳圖片，編輯完成后點(diǎn)“提交”，文章添加成功。

注：“本村概況”是單頁(yè)面欄目，只能在首頁(yè)顯示最上面的一條內(nèi)容，不建議添加多條，需要增加內(nèi)容是請(qǐng)修改原來(lái)的條目。

第四篇：怎樣適應(yīng)不同的環(huán)境

怎樣學(xué)會(huì)適應(yīng)不同的環(huán)境

隨著現(xiàn)代社會(huì)的不斷發(fā)展，越來(lái)越發(fā)現(xiàn)適應(yīng)不同的環(huán)境是多么重要。作為現(xiàn)代社會(huì)的一份子，必須明白一個(gè)真理：“適者生存”。

但我所說(shuō)的適應(yīng)環(huán)境，并不是盲目跟風(fēng)。

一個(gè)人要想在現(xiàn)代社會(huì)站穩(wěn)腳跟，必須要有一個(gè)自己的準(zhǔn)則。這個(gè)準(zhǔn)則因人而異。大多數(shù)的我們都在學(xué)校受了十幾年的教育，我們認(rèn)識(shí)到的社會(huì)，是充滿正能量的，而當(dāng)我們踏入社會(huì)的時(shí)候，現(xiàn)實(shí)中社會(huì)給了我們太多的失落感。這時(shí)候，我們應(yīng)該做的不是一味的感嘆惆悵，而是面對(duì)現(xiàn)實(shí)，認(rèn)識(shí)現(xiàn)在的社會(huì)。知道它與你想像中的不同，而你處在這樣的社會(huì)中對(duì)自己的要求是什么，你追求夢(mèng)想的步驟是什么······慢慢地，把自己該做的一步步弄清楚，千萬(wàn)不能亂了陣腳，因?yàn)樯鐣?huì)很難靠個(gè)人的力量去改變，所以你只能選擇以自己的方式去更好的適應(yīng)它。

無(wú)論面對(duì)什么樣的境況，對(duì)自己的真實(shí)定位都是必要的。比如說(shuō)我吧，我以后的目標(biāo)就是當(dāng)一名負(fù)責(zé)任的老師，我現(xiàn)在要做的就是安心把自己的專業(yè)學(xué)好，多參加各種活動(dòng)鍛煉自己的能力，我相信自己是屬于那片講臺(tái)的，我有信心自己可以做好，所以不論有多少我不知道的規(guī)則，無(wú)論結(jié)果是好是壞，盡過(guò)自己的全力就好。難道說(shuō)，因?yàn)楝F(xiàn)在有很多人走后門，我們就要跟著走嗎？

有準(zhǔn)則的做自己，闖社會(huì)才是我們?cè)撟龅摹?/p>

第五篇：會(huì)議活動(dòng)要適應(yīng)不同口味

會(huì)議一般要為與會(huì)者及其隨行家屬安排一次或幾次特別活動(dòng)。特別活動(dòng)可以是在會(huì)議正在召開(kāi)時(shí)組織與會(huì)者家屬進(jìn)行的項(xiàng)目，也可以是會(huì)議期間專門安排的與會(huì)者及其家屬共同參加的活動(dòng)。

了解與會(huì)者的身份：

為與會(huì)者安排活動(dòng)之前要了解他們的身份背景。他們是否與去年的與會(huì)者一樣？今年的新的與會(huì)者，可以為他們安排以前成功的活動(dòng)嗎？

如果與會(huì)者還是去年那一群人，那麼活動(dòng)不必比去年的更大或更好，但卻必須與去年的活動(dòng)有所不同。

由于不同會(huì)議的與會(huì)者有不同的性格特點(diǎn)，所以在此主要的責(zé)任就是你所計(jì)劃的活動(dòng)要適合與會(huì)者的口味。

會(huì)議期間可以安排的特別活動(dòng)一般有：觀光旅游、宴會(huì)、、乘船游覽、看地方戲曲、欣賞民族歌舞演出、垂釣、水上活動(dòng)、海邊晚會(huì)、聚餐、主題晚會(huì)、參加地方傳統(tǒng)節(jié)日活動(dòng)。