一、創建HTML5頁面
1、打開Visual Studio后,單擊文件菜單,選擇新建---->網站選項。
2、新建網站窗口中,創建一個空網站。
3、空白網站上右擊,選擇添加---->添加新項。
4、新建一個空白的html網頁,名稱為default。
5、網頁的編輯頁面中,單擊工具菜單中的選項。
6、選項窗口中,單擊文本編輯器中的文件擴展名。
7、擴展名中輸入html,右側選中HTML(WEB窗體)編輯器,添加此項。
8、保存并關閉文件后,重新打開,在工具欄的設計按鈕中選擇HTML5選項。
二、規劃和設置頁面大小
1、單擊表菜單中的插入表格選項,如下圖所示。
2、插入表格對話框中,設置好表格的行數和列數,指定寬度為480像素,高度為800像素。
3、根據淘寶頁面,設計好網頁表格布局。
三、制作仿淘寶頁面
1、輸入文本,在字體窗口中,設置好字體、字號、顏色等選項。
2、單擊格式菜單,選擇背景色選項。
3、其他顏色窗口中,設置好背景色。
4、工具箱中,選擇輸入文本工具。
5、在頁面頂部插入輸入文本框,作為搜索框。
6、在廣告區中,插入廣告圖片。
18、最后,按照淘寶手機端頁面,設計好自己的網頁。
以上就是vs2015編寫移動端仿淘寶頁面的教程,希望大家喜歡,請繼續關注VEVB武林網。
新聞熱點
疑難解答