導航:首頁 > 萬維百科 > 用html做手機版的購物網頁設計

用html做手機版的購物網頁設計

發布時間:2021-03-15 08:21:35

1、基於HTML5製作一個簡單的購物網站要有資料庫,能做的留聯系方式


他可以

2、請教手機版本的網頁製作

你完全可以用html寫手機版網頁,用Opera Mobile Emulator調試,注意CSS樣式盡量選用百分比,你可以用js判斷是否為pc端啊
eg:
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
window.location.href=B頁面;
}
}
browserRedirect();

3、怎麼製作手機網頁 如何製作一個手機html頁面

這個還用說,其實道理和PC端網站是一樣的道理。因為現在用戶慢慢轉向移動端,所以擁有一個移動網站也是很必要的。

其實自助建站自己做網站都是不成問題了,不管你懂不懂代碼,都可以做的。

首先,注冊一個凡科帳號,這是開始建站的第一步

第二,登錄帳號後,會有建站、互動、微傳單三塊,一個帳號都可以用,你選擇「網站建設」這一塊;

第三,進入後台之後,選擇自己喜歡的手機網站模板。

第四,就可以開始設計自己的網站,排版、欄目、文字、圖片等設計。第五,無論是否完全做好,先保存,再退出。第六,網站做好後,可以為網站添加需要的功能,拖拽就可以實現添加。

4、html5做手機app和做手機網頁一樣嗎

不一樣,需增加自適應標簽來保持一樣。

代碼如下:

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

解釋:Viewport指用戶網頁的可視區域,content中的「width」指的是虛擬窗口寬度,上面代碼意為虛擬窗口/頁面寬度初始比例為1,最小比例為1,最大比例為1,用戶不可擴展,頁面不可縮放。

(4)用html做手機版的購物網頁設計擴展資料:

HTML5的事件屬性和異常處理

事件屬性

HTML 5 元素可擁有事件屬性,這些屬性在瀏覽器中觸發行為,比如當用戶單擊一個HTML 5元素時啟動一段 JavaScript。下面列出的事件屬性,可以把它們插入 HTML 標簽來定義事件行為。

HTML 5 中的新事件屬性:

onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。

5、網頁設計html5和製作手機app的軟體用法一樣嘛?有什麼區別?

不一樣吧,HTML是超文本語言,也是一種計算機語言,編程的一種語言,而手機軟體的語言好像是Java語言,當然,現在有那種無需會編程就能生成手機軟體的工具,不過這局限很大。

6、手機html網頁和電腦上的html網頁在製作上有什麼區別

1.導航設計

手機端頁面導航應當包括用戶必要的內容,刪除屏幕上不必要的鏈接,假如鏈接的詳細頁面內容不是用戶想要的,用戶不會點擊,也就沒必要設置。其中建立導航功能鍵的時候,其中以回到首頁、回到上一頁這兩個最為重要。

2.網站名稱或logo的設計

手機網頁的頂部沒有標題欄或地址欄,相應地,也就沒有網站標題和圖標。所以設計頁面的時候應該讓用戶知道,他們現在所瀏覽的網站名稱或logo,這對塑造品牌也很重要。 

3.頁面排版

從用戶角度來說,他們希望閱讀所有的內容,所以我們進行內容呈現,只是用隔斷、重組、引語、線條或其他視覺方案來讓這些內容更容易訪問,使這些板塊顯得更都雅。

4.利用手機的天生優勢

手機有著許多傳統電腦所沒有的優勢,其中最大的優勢就是移動力,因此手機版網頁應該要特別發揮這些特性,讓手機網頁具有一般網頁更多的優勢。如:

移動定位:大部分的智能設備都有導航、定位的機制,可以讓客戶主動找到企業的位置。

移動聯系:如果用使用的是行動電話,可以立即發話;或者直接跳轉到通訊工具在線聊天;

鄰近地點:如果企業有很多據點,請告訴用戶,在他附近有哪一些地點是便於他能夠抵達的。

7、如何用HTML5製作網頁

html5標簽掌握了,從上到下從左到右,標簽合理使用,先把框架搭好,再結合css3做效果,先花時間把html5 css3看兩遍,再看網頁設計html5製作教程就ok了

當然這只是最簡單的

8、關於手機端網頁設計html

要不你得把所有代碼發出來,大家看下才知道,要不你上傳到空間,網址發出來大家看一下,這樣子是看不出什麼問題的

9、JSP大作業 求一個 用HTML 做的 簡單的購物網站

package ssc.web.controller;  
  
import java.io.IOException;  
import java.io.PrintWriter;  
  
import javax.servlet.ServletException;  
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
  
import ssc.domain.Book;  
import ssc.domain.Cart;  
import ssc.service.BusinessService;  
  
//完成書籍購買  
public class BuyServlet extends HttpServlet  
{  
  
    public void doGet(HttpServletRequest request, HttpServletResponse response)  
            throws ServletException, IOException  
    {  
        String id = request.getParameter("id");  
        BusinessService service = new BusinessService();  
        Book book = service.findBook(id);  
          
        //添加用戶的購物車  
        Cart cart = (Cart) request.getSession().getAttribute("cart");  
        if (cart==null)  
        {  
            cart = new Cart();  
            request.getSession().setAttribute("cart", cart);  
        }  
          
        //把書加入到購物車,完成購買  
        cart.add(book);  
          
        request.getRequestDispatcher("/WEB-INF/jsp/listcart.jsp").forward(request, response);  
    }  
  
    public void doPost(HttpServletRequest request, HttpServletResponse response)  
            throws ServletException, IOException  
    {  
        doGet(request, response);  
    }  
}

這是我寫的購物車

與用html做手機版的購物網頁設計相關的知識