Thiết kế web đơn giản với HTML ( Phần 2)

[webdt_my]

Hệ thống quảng cáo SangNhuong.com

Phần 2: Đinh dạng xác định cho trang html đơn giản mà hiệu quả

Hì đầu tin mình giới thiệu về công ty mình nhé.Công ty 123CORP chúng tôi là chuyên gia trong lĩnh vựcthiết kế web chuyên nghiệp với hơn 700 khách hàng đã và đang dùng dịch vụ tại chúng tôi.Thiết kế website uy tín Với các dịch vụ vế thiết kế web bao gồm thiết kế web bán hàng, rao vặt, trưng bày….. ngoài ra bao gồm dịch vụ về domain và hosting.



Trong phần một tôi đã giới thiệu và tả cho các bạn thấy cấu trúc trang html đơn giản nhất, phần này tôi sẽ diễn giải với mọi người cách định dạng văn bản cho đẹp mắt với người dùng.

1. Đinh dạng danh sách:

Phần một tôi đã chỉ dẫn cách tạo một danh sách thường ngày UL, Thiết kế web responsive Phần này tôi sẽ hướng dẫn trình với các bạn danh sách thực đơn(Menu) OL.

Với thẻ OL chúng ta có cú pháp sau:

• Muc thu nhat
  
• Muc thu hai
  
• Muc thu ba
  
  
  
  Trong đó:
  
  UL TYPE =1 Các mục được sắp đặt theo thứ tự 1, 2, 3...
  
  =a Các mục được sắp đặt theo trật tự a, b, c...
  
  =A Các mục được sắp xếp theo thứ tự A, B, C...
  
  =i Các mục được xếp đặt theo thứ tự i, ii, iii...
  
  =I Các mục được sắp đặt theo thứ tự I, II, III...
  
  LI TYPE = disc Chấm tròn đậm
  
  = circle Vòng tròn
  
  = square Hình vuông
  
  2. Các thẻ định dạng ký tự:
  
  Trong phần 1 mình đã mô tả các bạn các thẻ , , . Bài viết này tôi sẽ trình
  
  bày các thẻ định dạng ký tự sa:
  
  Strong = b : In đậm
  
  EM = I : In nghiêng
  
  S = STRIKE: Chữ bị gạch ngang
  
  BIG: Chữ lớn hơn thường ngày
  
  Small: chữ nhỏ hơn thường ngày
  
  SUP: Đinh nghĩa chỉ số trên
  
  SUB: Chỉ số dưới
  
  BASEFONT: Định nghĩa kích tấc font chữ.
  
  FONT: Kiểu chữ hiển thị.

Chữ được canh giữa





3. dùng màu sắc trong thiết kế các trang Web

Một màu được tổng hợp từ ba thành phần màu chính, đó là: Đỏ (Red), Xanh lá cây (Green),

Xanh nước biển (Blue). Trong HTML một giá trị màu có định dạng như sau:

#RRGGBB

Bảng màu cơ bản:

Đỏ/RED: #FF0000

Đỏ sẫm/DARKRED: #8B0000

Xanh lá cây/GREEN: #00FF00

Xanh nhạt/LIGHTGREEN: #90EE90

Xanh nước biển/BLUE: #0000FF

Vàng/YELLOW: #FFFF00

Vàng nhạt/LIGHTYELLOW: #FFFFE0

Trắng/WHITE: #FFFFFF

Đen/BLACK: #000000

Xám/GRAY: #808080

Nâu/BROWN: #A52A2A

Tím/MAGENTA: #FF00FF

Tím nhạt/VIOLET: #EE82EE

Hồng/PINK: #FFC0CB

Da cam/ORANGE: #FFA500

Màu hải quân/NAVY: #000080

Trong HTML đinh dạng màu sác thường đi kèm với một thẻ khác ví dụ:
color”>,













…

Được rồi hiện nay mình sẽ thực hiện: thiết kế trang web báo giá thiết kế web của công ty

thiết kế web 123CORP sử dụng các thẻ đã bộc lộ ở trên. bạn mở chương trình

notepad và nhập vào đoạn html sau:




















































































Báo giá thiết kế web






TÍNH NĂNG CÁC GÓI THIẾT KẾ WEB:

• Gói thiết kế web 1: 200 USD:
  • Trang Chủ( Hiệu ứng flash nhẹ).
    
  • Modul Giới thiệu.
    
  • Modul Sản phẩm đa cấp( Modul tùy biến, không giới hạn phân
    
    cấp).
    
  • Modul Dịch vụ_ khuyến mãi.
    
  • Trang liên tưởng.
    
  • hỗ trợ trực tuyến
    
  • Công cụ kiêng.
    
  • Bộ đếm người truy cập.
    
  • Tặng 1 domain quốc tế.
    
  • Tặng 1 tháng cập nhật web miễn phí.
    
  • tham mưu truyền bá website miễn phí 1 tháng sau khi web
    
    online.
    
• Gói thiết kế web 2: 495 USD:
  • Trang chủ( Banner flash)
    
  • Modul Giới thiệu
    
  • Modul Sản phẩm đa cấp: ( Modul tùy biến, không giới hạn phân
    
    cấp).
    
  • Modul Sản phẩm tiêu biểu, Sản phẩm mới.
    
  • Modul Giỏ hàng
    
  • Modul Dịch vụ - khuyến mãi.
    
  • Modul tin tưởng.# - Sự kiện
    
  • Modul Banner quảng cáo.
    
  • Modul kết liên website.
    
  • Trang liên quan
    
  • hỗ trợ trực tuyến
    
  • phương tiện tầm.
    
  • Bộ thống kê tình hình hoạt động website
    
  • Bộ đếm người truy cập.
    
  • Tặng 1 domain quốc tế.
    
  • Tặng 1 tháng cập nhật web miễn phí.
    
  • tham vấn quảng bá website miễn phí 1 tháng sau khi web
    
    online.
    
• Gói thiết kế web 3: 895 USD:
  • Bao gồm các tính năng:
    
  • Trang chủ( Banner flash hiệu ứng đẹp, mềm mại)
    
  • Modul Giới thiệu
    
  • Modul Sản phẩm đa cấp: ( Modul tùy biến, không giới hạn phân
    
    cấp).
    
  • Modul Sản phẩm điển hình, Sản phẩm mới.
    
  • Modul đếm số lượng sản phẩm.
    
  • Modul Giỏ hàng.
    
  • Modul Dịch vụ_ khuyến mãi
    
  • Modul Tin tức_ Sự kiện
    
  • Hệ thống lấy tin tự động.
    
  • Modul Banner lăng xê.
    
  • Modul kết liên website.
    
  • Modul tiện ích (Quý Khách có thể lựa chọn 1 trong nhiều tiện
    
    ích: Thư viện ảnh, video clip, hệ thống SMS, Newletter)
    
  • Trang liên hệ
    
  • Bộ bình chọn
    
  • dụng cụ lớp.
    
  • Bộ thống kê tình hình hoạt động website
    
  • Bộ đếm người truy cập.
    
  • Tặng 1 domain quốc tế.
    
  • Tặng 1 tháng cập nhật web miễn phí.
    
  • Tư vấn truyền bá website miễn phí 1 tháng sau khi web
    
    online.
    
  • quảng bá website miễn phí 1 tháng trên các trang web có số
    
    lượng người truy cập nhiều, hiệu quả.
    
• Thiết kế web theo yêu cầu:
  

Công ty thiết kế website ITPS thành tâm cảm ơn Quý Khách Hàng đã

quan hoài và ủng hộ Chúng tôi trong thời kì qua!












































Bạn có thể đổi thay các giá trị để trang được đẹp mắt hơn lưu lại với tên bất kỳ rồi mở bằng

trình duyệt.

Những điểm hạn chế

- Chưa hỗ trợ Object-Relational Mapping (ORM) : ORM là một kỹ thuật lập trình, trong đó các bảng của cơ sở dữ liệu được ánh xạ thành các đối tượng trong lập trình. Kỹ thuật này giúp cho việc thực hiện các thao tác trong cơ sở dữ liệu (Create Read UpdateDelete – CRUD) dễ dàng, mã nguồn ngắn gọn hơn.

- Chưa tương trợ AJAX (Asynchronous Javascrip and XML) : AJAX đã trở thành một phần chẳng thể thiếu trong bất kỳ ứng dụng web 2.0 nào. AJAX giúp nâng cao tính tương tác giữa người dùng và hệ thống, giúp cho người dùng có cảm giác như đang sử dụng desktop vì các thao tác đều diễn ra tức khắc. ngày nay, CodeIgniter vẫn chưa có thư viện dựng sẵn nào hỗ trợ xây dựng vận dụng AJAX. Lập trình viên phải sử dụng các thư viện bên ngoài, như JQuery, Script.aculo.us, Prototype, hay Mootools,…

- Chưa tương trợ một số module thông dụng : So với các framework khác, CodeIgniter không có các module thực thi một số tác vụ thường gặp trong quá trình xây dựng ứng dụng web như chứng nhận người dùng (User Authorization), trình phân tích RSS (RSS Parser) hay trình xử lý PDF,…

- Chưa hỗ trợ Event Driver Programming – EDP : EDP là một nguyên lý lập trình, trong đó các luồng xử lý của hệ thống sẽ dựa vào các sự kiện, chẳng hạn như click chuột, gõ bàn phím,… Đây không phải là một lỗi lớn của CodeIgniter vì ngày nay chỉ có một số ít Framework hỗ trợ EDP bao gồm Prado, QPHP, Yii.