国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > 做一個網(wǎng)站,可以在電腦PC端訪問,也可以在手機,IPAD等移動端訪問,需要怎么

做一個網(wǎng)站,可以在電腦PC端訪問,也可以在手機,IPAD等移動端訪問,需要怎么

時間:2024-01-28 14:25:01 | 來源:網(wǎng)站運營

時間:2024-01-28 14:25:01 來源:網(wǎng)站運營

做一個網(wǎng)站,可以在電腦PC端訪問,也可以在手機,IPAD等移動端訪問,需要怎么做?:
這里所說的三種方法主要指同一個網(wǎng)頁內(nèi)容同時適合手機、電腦、平板電腦瀏覽的三種方法。

第一種方法:電腦網(wǎng)頁綁定手機網(wǎng)頁

分別制作適合手機瀏覽和電腦瀏覽的網(wǎng)頁,然后在電腦網(wǎng)頁中綁定手機瀏覽的網(wǎng)頁。比如電腦網(wǎng)頁名稱為index.html,手機網(wǎng)頁為index_m.html,域名為 http://www.168318.com,當電腦上訪問http://www.168318.com /index.htm打開為電腦網(wǎng)頁,在手機上訪問同樣的http://www.168318.com /index.htm地址,就會自動切換到http://www.168318.com /index_m.html。 演示例子 例子下載

電腦網(wǎng)頁綁定手機網(wǎng)頁方法:任意選擇一個網(wǎng)頁中的控件,多次按ESC,則會打開網(wǎng)頁的屬性,在屬性列表中找到“對應的移動網(wǎng)頁”,填入對應的手機網(wǎng)頁名稱。如下圖:



第二種方法:同一網(wǎng)頁套電腦網(wǎng)頁模板和手機網(wǎng)頁模板

先把手機和電腦網(wǎng)頁共同的內(nèi)容制作好(制作成一個網(wǎng)頁),然后指定電腦瀏覽的父網(wǎng)頁模板和移動手機網(wǎng)頁瀏覽的父模板,生成網(wǎng)頁時軟件會分別生成手機網(wǎng)頁和電腦網(wǎng)頁。電腦網(wǎng)頁自動綁定手機瀏覽的網(wǎng)頁。形象的說法是:同一網(wǎng)頁,電腦瀏覽時戴上電腦網(wǎng)頁的模板作為外套,手機瀏覽時戴上的手機網(wǎng)頁的模板作為外套。 演示例子 例子下載

同一網(wǎng)頁套電腦網(wǎng)頁模板和手機網(wǎng)頁模板方法:假如要制作的網(wǎng)頁為 index.html(共同的內(nèi)容都在上面),電腦父模板為pc_mod.html,移動手機父模板為 mobile_mod.html。先打開index.html網(wǎng)頁,任意選擇一個網(wǎng)頁中的控件,多次按ESC,則會打開網(wǎng)頁的屬性,在屬性列表中找到“父網(wǎng)頁模板路徑_電腦”,填入“pc_mod.html”,再找到“父網(wǎng)頁模板路徑_移動”,填入“mobile_mod.html”。還可以通過“父網(wǎng)頁模板高度_電腦”、“父網(wǎng)頁模板高度_移動”分別設(shè)置這個網(wǎng)頁的高度。index.html網(wǎng)頁設(shè)置如下圖:



pc_mod.htm的設(shè)置方法:要在該模板中插入一個“插入網(wǎng)頁模板”控件,不用設(shè)置“模板路徑”,即保持為空,把該模板屬性“加載子模板”設(shè)置為“true”,“不加載自身”設(shè)置為“true”。表示把index.html的內(nèi)容插入到這個模板中,“插入網(wǎng)頁模板”控件放在哪個位置,就在哪個位置插入index.html的內(nèi)容。



mobile_mod.html的設(shè)置方法:同pc_mod.htm的設(shè)置方法。設(shè)置好后如下:



這樣設(shè)置好后,在模板index.hml生成網(wǎng)頁時,會生成兩個網(wǎng)頁:一個是“index.html”(供電腦瀏覽)、一個是“index_m.html”(供移動手機瀏覽)。index.html自動綁定index_m.html。

第三種方法:設(shè)置各元素適應不同分辨率,手機、電腦、平板電腦等多設(shè)備混合瀏覽。

只制作一個網(wǎng)頁,分別設(shè)置網(wǎng)頁中元素適應不同分辨率瀏覽。本站首頁就是這種方式設(shè)計。 本站源碼下載

設(shè)置各元素適應不同分辨率方法:如下圖,選中一個“文本框”控件,右邊屬性列表的屬性“按顯示設(shè)備設(shè)置位置、大小、字體大小”下面有“手機”、“平板電腦”、“超大屏設(shè)備”,再加上當前默認為電腦瀏覽共四種設(shè)置。這四種設(shè)置就是讓各個控件在不同大小的瀏覽器能適應顯示(在電腦瀏覽時可以手動改瀏覽大小就可以看到效果)。比如要使用“手機”這種設(shè)置,“啟用”要先設(shè)置“true”。視實際情況設(shè)置該控件的寬度、高度、左邊距,頂邊距、字體大小,可以設(shè)置為一個固定數(shù)字,也可以用設(shè)置為百分數(shù)。如圖中的“90%%”表示是正常網(wǎng)頁下的頂邊距的90%,如果設(shè)置的是“90%”就是父高度的90%。



總結(jié)

適應設(shè)備:第一種、第二方法只能制作適合電腦和非電腦(手機、平板)兩種網(wǎng)頁。第三種可以按不同分辨率(共四種設(shè)備)設(shè)置各個控件最佳顯示。
難易度:第一種、第二種設(shè)計起來相對簡單,適合兩種設(shè)備顯示的網(wǎng)頁差異大。第三種相對設(shè)計起來比較難,適合各種設(shè)備顯示差異不大的情況。






關(guān)鍵詞:訪問,移動,電腦

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉