1. Trang chủ
  2. » Giáo án - Bài giảng

Giáo trình thiết kế web đa nền tảng

30 26 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Cấu trúc

  • GIÁO TRÌNH

  • Thành phần của HTML5

  • 1. Phạm vi sử dụng

  • 2. Tổng quan cú pháp của HTML5

  • 3.Các thành phần / thẻ mới của HTML5

    • Ví dụ :

  • 4. Một số thành phần CSS3 mới:

  • BÀI 2: GIỚI THIỆU RESPONSIVE

  • 1. Khái niệm về Responsive Web Design

  • 2. Độ phân giải màn hình

  • BÀI 3: VIEWPORT TRONG THIẾT KẾ RESPONSIVE

  • 1. Khai báo meta viewport

  • 2. Các giá trị trong khai báo thẻ meta viewport

  • BÀI 4: MEDIA QUERIES

  • 1. Media CSS là gì?

  • 2. Sử dụng @media với các thiết bị di động và máy tính

    • a. Desktop First

    • b. Mobile First

  • BÀI 5: CSS GRIDVIEW

  • 1. Grid-View là gì?

  • 2. Xây dựng 1 Responsive Grid-View

  • 3. Thiết kế website responsive với menu

    • Bước 1: Code HTML (index.html)

    • Bước 2: Thêm CSS (responsive.css)

      • Cấu hình thanh menu

      • Cấu hình các mục (link) trên thanh menu

      • Tạo hiệu ứng khi di chuyển chuột đến các mục của menu

      • Ẩn icon (đóng mở menu) khi ở màn hình rộng

      • Ẩn các mục của menu khi màn hình nhỏ

      • Hiển thị menu khi người dùng nhấn vào icon phía bên phải

      • Kết quả

    • Bước 3: Xử lý Javascript (responsive.js)

Nội dung

Ngày đăng: 07/01/2021, 10:15

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w