時間: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)頁中的控件,多次按ESC,則會打開網(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è)備設(shè)置位置、大小、字體大小”下面有“手機”、“平板電腦”、“超大屏設(shè)備”,再加上當前默認為電腦瀏覽共四種設(shè)置。這四種設(shè)置就是讓各個控件在不同大小的瀏覽器能適應顯示(在電腦瀏覽時可以手動改瀏覽大小就可以看到效果)。比如要使用“手機”這種設(shè)置,“啟用”要先設(shè)置“true”。視實際情況設(shè)置該控件的寬度、高度、左邊距,頂邊距、字體大小,可以設(shè)置為一個固定數(shù)字,也可以用設(shè)置為百分數(shù)。如圖中的“90%%”表示是正常網(wǎng)頁下的頂邊距的90%,如果設(shè)置的是“90%”就是父高度的90%。
適應設(shè)備:第一種、第二方法只能制作適合電腦和非電腦(手機、平板)兩種網(wǎng)頁。第三種可以按不同分辨率(共四種設(shè)備)設(shè)置各個控件最佳顯示。
難易度:第一種、第二種設(shè)計起來相對簡單,適合兩種設(shè)備顯示的網(wǎng)頁差異大。第三種相對設(shè)計起來比較難,適合各種設(shè)備顯示差異不大的情況。
關(guān)鍵詞:訪問,移動,電腦
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。