0986.61.71.72

Thiết Kế Website Ninh Thuận

Hotline: 0986 61 71 72

Web Phan Rang Ninh Thuận

truongvietvu2102@gmail.com

Hướng dẫn làm web bán máy vi tính

Lượt xem: 168

Mình xin hướng dẫn các bạn các bước làm 1 website bán hàng công nghệ trên nền tảng thietkewebninhthuan.com, phiên bản 2017 (có thể áp dụng với bất cứ lĩnh vực nào các bạn muốn)

Bài viết dành cho các bạn lần đầu làm quen với Thiết Kế Web Ninh Thuận nên có 1 số chỗ các bạn có thể bỏ qua nếu đã thạo.

Website này được thiết kế theo dạng responsize, có thể co dãn theo độ rộng màn hình, điện thoại, các đơn vị độ rộng chủ yếu sẽ sử dụng đơn vị %

web mẫu http://mau-563188.thietkewebninhthuan.com/?dangkymau=1

các bạn có thể cài nhanh mẫu giao diện này bằng cách vào Giao diện > mẫu cài đặt nhanh, tìm mẫu này ở cuối mục máy tính & điện thoại

webmau_computer1

1. Đăng nhập quản trị 

gõ /dangnhap/ sau tên miền.vd http://computer1.mov.mn/dangnhap/

2. Nâng cấp lên phiên bản 2017 nếu chưa nâng cấp

nang_cap2017

3. Trong menu quản trị các bạn chọn Giao diện -> bố cục chức năng , chọn tab nền website & khung chính

screenshot_2

Ở mục font chữ bạn chọn các font tích hợp sẵn trên hệ thống hoặc những font bổ sung, các font bổ sung sẽ làm web load nặng hơn 1 chút, chọn font-size, mầu chữ chính. mặc định màu chữ là màu trắng FFF, ở VD này mình chọn màu đen xám đen mã 333333

Ở phần mầu chủ đạo chọn các mầu như hình, 3 mầu đầu nên là mầu đậm, 2 mầu cuối là mầu trắng để các chức năng khác trên website sẽ đi theo mầu chủ đạo này, khi thay đổi mầu chủ đạo thì toàn bộ website cũng đổi màu theo

4. Vào Tab bản PC trong mục Giao diện > bố cục chức năng để tạo giao diện cho bản PC

screenshot_3

Quay lại trang mẫu các bạn sẽ thấy phần ảnh dưới đây là phần trên cùng của tất cả các trang trên website, còn phần dưới là phần nội dung thay đổi tùy trang, giờ chúng ta sẽ làm phần này

phan_tren_co_dinh

Bước 1. Tạo chức năng ô chứa, chứa tất cả các chức năng này

screenshot_4

Chúng ta lại tiếp tục chia phần trên cùng của website làm 3 phần

- Phần 1 chứa 2 đoạn chữ

- Phần 2 chứa logo, ô tìm kiếm, giỏ hàng

- Phần 3 là menu

Trong admin ô chứa sẽ có màu xanh lá, các chức năng bình thường sẽ có màu xanh da trời

chia_lam_3_phan

Bước 2: Thêm 2 ô chứa và chức năng menu vào  trong ô chứa tạo ở bước 1 để tạo 3 phần trên

screenshot_5

Bước 3: Phần 1 chúng ta thấy 2 đoạn chữ, có thể dùng ô soạn thảo để làm 2 đoạn chữ này, tuy nhiên mình sẽ chọn cách tạo 2 chức năng khác nhau cho 2 đoạn chữ này

Mình sẽ thêm 2 chức năng Box HTML vào phần 1 ( trong quản trị là ô chứa, tab, slide 42 ), thêm 4 chức năng Ảnh & slide ảnh,  công cụ tìm kiếm , giỏ hàng, tài khoản vào ô chứa 13 ở dưới

screenshot_17

 

Bước 4: Chi cột ở ô chứa 42 thành 2 cột ,  cột box html 19 30% và box html 20 70%

screenshot_7

2 box trong admin sẽ tự thay đổi kích thước và kiểu hiện thị thành dạng cột inline

screenshot_11

Bước 5. Sửa box html 19

Nhập dòng chữ bạn muốn

screenshot_8

screenshot_9

Khi chia cột tự động thì kiểu hiện thị box sẽ chuyển thành inline, rộng thành 30% như mình đã nhập ở trên, các bạn chọn mầu chữ, mình sẽ chọn theo mầu chủ đạo để khi đổi mầu cả website thay đổi theo


Đặt kiểu hiển thị cho box này là Inline, rộng 30%, khi đặt kiểu hiển thị inline thì box sẽ không xuống dòng

Nhấn nút lưu thay đổi để save lại



Bước 6: sửa tiếp box HTML 20

screenshot_10

Nhấn Lưu cấu hình để lưu thay đổi và quay lại trang web, reload lại  ( ấn F5 ), nhấn tiếp vào hình dấu trừ để tạm ẩn thanh quản lý website 1

thanh_quan_tri_chua_thu_nho

Kết quả

ket_qua_1

Bước 7. Quay lại sửa chức năng ô chứa, tab slide 42 , nhấn vào hình bút chì để sửa

screenshot_13

Mình sẽ đặt tên cho ô chứa này là "chữ trên" để tiện chỉnh sửa, sau khi đặt tên chức năng thì phần sửa bố cục các bạn sẽ thấy tên  riêng của chức năng thay vì tên chung + số ID chức năng

Tiếp tục cấu hình như hình dưới

- rộng lớp nội dung : 90% , là độ rộng của nội dung ô chứa ( bao gồm 2 chức năng Box HTML ) so với cửa sổ trình duyệt

- độ rộng nội dung tối đa : 1200px: khi ở màn hình độ phân giải cao như  FULL HD 1920x1080 thì nội dung này chỉ rộng tối đa 1200px

- Căn ngang lớp độ rộng : Trái , ô chứa nội dung nằm giữa màn hình

- Đệm trong: tạo khoảng cách giữa nội dung và ô chưa: 10px 0 có nghĩa là cách trên, dưới 10px , cách phải, trái 0

- Đối tượng css cho box: border-bottom:1px solid #ccc;  tạo thuộc tính viền cho ô chứa này

screenshot_12

Kết quả thu được

o_chua_2_box_html

Bước 8. Sửa ô chứa Logo, đăng nhập, giỏ hàng ( ô chứa 42 ở bước 3 )

screenshot_14

Nhấn vào hình chữ T để sửa tên chức năng là "Logo, giỏ hàng, đăng nhập", sau đó quay lại trang sửa bố cục


Bước 9. Chia cột ô chứa Logo, tìm kiếm, giỏ hàng, đăng nhập

4_chuc_nang

screenshot_16

Liên hệ ngay Hotline của Thiết Kế Web Ninh Thuận để được tư vấn và nhận báo giá quảng cáo Google Adword chi phí tối ưu nhất!

Bạn nên xem thêm các dịch vụ khác tại Thiết kế web Ninh Thuận:

  • Dịch vụ thiết kế website chuẩn SEO Google
  • Dịch vụ chạy quảng cáo Facebook
  • Dịch vụ chạy quảng cáo Google Adword
  • Đào tạo Marketing Online
  • Dịch vụ SEO website lên TOP Google
  • Dịch vụ quản trị website
  • Dịch vụ thuê hosting giá rẻ
  • Dịch vụ đăng ký tên miền uy tín

Ngoài cung cấp dịch vụ Thiết kế web tại Phan Rang, công ty Thiết Kế Web Ninh Thuận còn thiết kế website tại các huyện như Thiết kế web huyện Ninh Sơn, huyện Ninh Hải, huyện Ninh Phước, huyện Bác Ái, huyện Thuận Nam, huyện Thuận Bắc.

dangkyngaythietkewebsitephanrangninhthuan

Thông tin liên hệ Thiết kế website giá rẻ, uy tín nhất tại Phan Rang Tháp Chàm, Ninh Thuận:

Thiết Kế Web Ninh Thuận

Địa chỉ: Đường 16/4, phường Mỹ Hải, TP Phan Rang Tháp Chàm, Ninh Thuận

Hotline: 0986 61 71 72 (Zalo, SMS)

Email: truongvietvu2102@gmail.com

Website: thietkewebninhthuan.com

 

Đánh giá

Kết nối với chúng tôi
Tư vấn thiết kế web
0986 61 71 72
Hỗ trợ kỹ thuật
0986 61 71 72
Gửi yêu cầu làm web
truongvietvu2102@gmail.com
CÔNG TY TNHH ĐẦU TƯ VÀ PHÁT TRIỂN TVN GROUP

logo_tvn

 

Địa chỉ: Đường 16/4, P. Mỹ Hải, TP Phan Rang Tháp Chàm, Ninh Thuận

 

ĐT: 0986 61 71 72

 

Email: truongvietvu2102@gmail.com

 

Website: www.thietkewebninhthuan.com

Thiết kế web giá rẻ, uy tín, chuyên nghiệp hàng đầu Phan Rang Ninh Thuận

BẢN ĐỒ

CÔNG TY THIẾT KẾ WEBSITE UY TÍN, GIÁ RẺ HÀNG ĐẦU TẠI PHAN RANG THÁP CHÀM, NINH THUẬN

Thiết Kế Web Ninh Thuận là công ty thiết kế web chuyên nghiệp uy tín tại 63 tỉnh thành trên cả nước. Chúng tôi thiết kế web theo chuẩn SEO, chuẩn di động. Áp dụng những công nghệ tiên tiến nhất hiện nay để thiết kế website như HTML5, CSS3, PHP nhằm mang lại sự hiệu quả thực sự cho khách hàng

 

Bản quyền 2011-2019 thuộc về Thiết Kế Web Ninh Thuận - Công ty TNHH Đầu Tư và Phát Triển T.V.N Group

1
Bạn cần hỗ trợ?