Phần 2: Xây dựng giao diện web HTML5 & CSS3, JQUERY
Thời lượng: 30h~10 buổi


học facebook ads

học seo ở đâu

học adwords tphcm




Mục đích môn học

• tự tín phân tách được giao diện web layout (Photoshop) để dựng và chọn lựa thẻ HTML ăn nhập cho nội dung trang web.
•Nắm rõ nguyên tắc dựng giao diện HTML với khung DIV và các thành phần HTML chuẩn.
•Tạo được các thành phần web bằng HTML5 - CSS3 (Menu, Slide, Tab, Button, …)
•Cắt được đầy đủ giao diện HTML5 - CSS3 từ giao diện web layout Photoshop một cách dễ dàng.
•Biết giới hạn của HTML5, CSS3 và những phần việc HTML5 - CSS3 làm được khi thiết kế 1 website.


Nội dung bộc lộBuổi 1
- Tìm hiểu HTML5 và hệ thống thẻ HTML5 (nhận dạng giao diện và chọn thẻ HTML5 hợp giao diện)
Buổi 2
- Phương pháp xây dựng bố cục nội dung web bằng hệ thống thẻ HTML5
+ Nguyên tắc chọn thẻ
+ Nguyên tắc đặt tên
+ Nguyên tắc lồng thẻ
- Định dạng giao diện bằng CSS3
Buổi 3
- Phương pháp áp CSS vào HTML
- Mô hình đồ hoạ Model Box trong CSS
Buổi 4

- Cách phân tích, nhận dạng và định dạng đồ hoạ HTML theo thiết kế bằng Model Box

Buổi 5
- CSS Selector và các phương pháp tuyển lựa HTML5
- Định dạng văn bản bằng CSS3
Buổi 6
- Nhận dạng Display các thành phần CSS3
- Nhận dạng Position các thành phần CSS3
Buổi 7
- áp dụng tạo các thành phần web (button, menu, tab, grid,...)
Buổi 8
- Công nghệ CSS Sprite bằng Background
- Vẽ hình và dùng Font Icon trong CSS
- Tìm hiểu về Web Responsive (nguyên tắc, cài đặt), Sass/less
Buổi 9
- áp dụng Responsive xây dựng trang web thân thiện Mobile
Buổi 10
- Tìm hiểu form HTML5 và vận dụng
- Định dạng form HTML5 bằng CSS3
rà soát
Bài rà hết môn



ANIMATION& INTERACTIVE (jQuery)
Thời lượng: 21h ~7 buổi

Mục đích môn học

•Hiểu bản tính jQuery là gì và sử dụng nó khi nào.
•Chuyển đổi được các giao diện tĩnh (HTML5 - CSS3) tương tác động khi bổ xung thêm jQuery.
•Tạo đầy đủ các thành phần giao diện cần phải có sự hỗ trợ của jQuery (Menu xổ, slide, gallery hình ảnh, Tag, accordition, form validation)

Nội dungmiêu tảBuổi 1
- Làm chuyển động Transition bằng CSS3
- áp dụng tạo trạng thái biến đổi đơn giản
- Tạo kịch bản chuyển động với CSS Animation
Buổi 2
- Ứng dụng tạo banner quảng cáo bằng CSS3
- Công nghệ tương tác jQuery (khái niệm, nguyên tắc, cài đặt)
Buổi 3
- Ẩn hiện các thành phần web với jQuery + vận dụng
- Tác động nội dung động HTML bằng jQuery + áp dụng
- Điều chỉnh thành phần HTML với jQuery + vận dụng
Buổi 4
- Tác động tính chất HTML với jQuery + vận dụng
- Làm chuyển động với jQuery
Buổi 5
- vận dụng tạo One Page với jQuery
Buổi 6
- Tạo Mobile Menu bằng jQuery
- Tương tác Form với jQuery
- Áp dụng Plugin jQuery
Buổi 7
- Ứng dụng Slide show, Popup,...
soát
Bài thẩm tra hết môn HTML và jQuery