| MÔN 1: THIẾT KẾ GIAO DIỆN WEB CĂN BẢN BẰNG HTML & CSS | ||
| Tên bài học (Video) | Mô tả nội dung bài học | Thời gian |
| Cài đặt phần mềm Dreamweaver CS4 - HTML5 - CSS3 (Bài 1) | Hướng dẫn các cài đặt phần mềm Adobe Dreamweaver CS4, HTML5 và CSS3 ... | 10 phút |
| Tạo và quản lý website trong Dreamweaver CS4 (Bài 2) | Hướng dẫn cách quản lý website tĩnh trong Dreamweaver CS4 | 14 phút |
| Làm quen với giao diện chương trình Adobe Dreamweaver CS4 (Bài 3) | Làm quen với giao diện phần mềm thiết kế web Dreamweaver CS4 | 12 phút |
| Cấu trúc cơ bản của một trang web HTML4 và HTML5 (Bài 4) | Tìm hiểu cấu trúc cơ bản của một trang web phiên bản HTML4 và HTML5 khác nhau như thế nào | 17 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 1 (Bài 5) | Giới thiệu cách dùng các thẻ HTML cơ bản: P, BR, B, STRONG, I, EM | 28 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 2 (Bài 6) | Giới thiệu cách sử dụng các thẻ HTML cơ bản: S, STRIKE, U, FONT trong việc thiết kế trang web | 15 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 3 (Bài 7) | Giới thiệu cách sử dụng các thẻ tạo danh sách có thứ tự (Order Sort List) OL, LI vv... | 15 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 4 (Bài 8) | Hướng dẫn sử dụng thẻ tạo danh sách không có thứ tự (UnOrder Sort List) - UL,LI vv... | 19 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 5 (Bài 9) | Hướng dẫn cách dùng thẻ tạo tiêu đề đoạn H1, H2, H3, H4, H5, H6 trong việc thiết kế trang web vv... | 15 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 6 (Bài 10) | Hướng dẫn cách dùng thẻ HTML IMG để chèn hình ảnh vào trang web vv... | 25 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 7 (Bài 11) | Hướng dẫn sử dụng thẻ A để tạo các siêu liên kết dạng Internal Link & External Link vv... | 30 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 8 (Bài 12) | Hướng dẫn dùng thẻ A để tạo siêu liên kết dùng để gửi thư (email link). | 8 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 9 (Bài 13) | Hướng dẫn cách tạo bảng đồ hình ảnh (Hotpot Link) cho trang web. | 13 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 10 (Bài 14) | Hướng dẫn tạo liên kết trong cùng một trang web (Bookmark Link). | 9 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 11 (Bài 15) | Hướng dẫn cách dùng thẻ TABLE để lưu dữ liệu dạng bảng trong trang web vv... | 22 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 16 (Bài 16) | Hướng dẫn cách chèn Table vào trong trang web ở chế độ Design trong Dreamweaver | 16 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 17 (Bài 17) | Hướng dẫn cách sử dụng thẻ IFRAME để lấy các thông tin cần thiết từ các website khác vv... | 15 phút |
| Giới thiệu các thẻ HTML cơ bản - Phần 18 (Bài 18) | Hướng dẫn sử dụng thẻ IFRAME, MARQUEE, BLOCKQUOTE, SUB, SUP, chèn ký tự đặc biệt vào web. | 20 phút |
| Ôn tập (Bài 19) | ||
| Hướng dẫn tạo biểu mẫu cho trang web (Bài 20) | Giới thiệu các thẻ HTML dùng để tạo biểu mẫu cho trang web: FORM, INPUT, SELECT, TEXTAREA | 32 phút |
| Hướng dẫn tạo biểu mẫu đăng ký thành viên (Bài 21) | Hướng dẫn cách tạo trang form đăng ký thành viên từ các thành phần của form. | 21 phút |
| Cách kiểm tra hợp lệ cho biểu mẫu form (Bài 22) | Hướng dẫn cách tạo hợp lệ cho form khi người dùng không nhập thông tin vào form. | 11 phút |
| Kỹ thuật định dạng trang web bằng CSS - Phần 1 (Bài 23) | Hướng dẫn sử dụng kỹ thuật Internal CSS để định dạng trang web & cách sử dụng thẻ SPAN. | 26 phút |
| Kỹ thuật định dạng trang web bằng CSS - Phần 2 (Bài 24) | Hướng dẫn sử dụng thẻ STYLE để định dạng giao diện CSS cho trang web. | 26 phút |
| Kỹ thuật định dạng trang web bằng CSS - Phần 3 (Bài 25) | Giới thiệu kỹ thuật định dạng giao diện trang web bằng tâp tin CSS bên ngoài (External CSS) | 26 phút |
| Kỹ thuật định dạng trang web bằng CSS - Phần 4 (Bài 26) | Hướng dẫn định dạng trang web bằng CSS, định dạng CSS cho các siêu liên kết. | 40 phút |
| Kỹ thuật định dạng trang web bằng CSS - Phần 5 (Bài 27A) | Hướng dẫn cách áp dụng CSS cho các đối tượng để định dạng giao diện trang web. | 20 phút |
| Kỹ thuật định dạng trang web bằng DIV CSS (Bài 27B) | Hướng dẫn cách sử dụng thẻ DIV trong việc thiết kế giao diện trang web vv... | 23 phút |
| Tạo menu ngang 3 cấp cho website bằng công nghệ Spry (Bài 28) | Hướng dẫn cách tạo menu ngang cho website 3 cấp bằng công nghệ SPRY | 26 phút |
| Tạo menu dọc 3 cấp cho website bằng công nghệ Spry (Bài 29) | Hướng dẫn cách tạo menu dọc 3 cấp cho website bằng công nghệ SPRY. | 13 phút |
| Tạo Tab Panel cho website bằng công nghệ Spry (Bài 30) | Hướng dẫn cách tạo Tab Panel cho website bằng công nghệ SPRY. | 14 phút |
| Tạo Accordion Panel cho website bằng công nghệ Spry (Bài 31) | Hướng dẫn cách tạo Accordion Panel cho webiste bằng công nghệ Spry. | 13 phút |
| Tạo Go menu và Jump Menu cho website (Bài 32) | Hướng dẫn cách tạo Go menu & Jump menu cho website. | 11 phút |
| Hướng dẫn tạo Menu Bar cho website (Bài 33) | Giới thiệu kỹ thuật tạo Menu Bar cho Website bán hàng trực tuyến. | 17 phút |
| Ôn tập | Tổng hợp các kiến thức HTML & CSS đã học thiết kế giao diện website bán hàng Online | |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 34) | Hướng dẫn tạo giao diện website bán hàng trực tuyến bằng DIV, HTML, CSS2 | 19 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 35) | Hướng dẫn cách định thuộc tính CSS cho các thẻ DIV trong giao diện website bán hàng trực tuyến. | 15 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 36) | Hướng dẫn cách tạo Menu Bar & Menu Popup cho giao diện website bán hàng trực tuyến. | 29 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 37) | Hướng dẫn tạo Banner Slideshow Jquery cho giao diện website bán hàng trực tuyến. | 21 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 38) | Thiết kế giao diện Module sản phẩm bán chạy và phần Footer trong giao diện website bán hàng trực tuyến. | 31 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 39) | Hướng dẫn thiết kế phần nội dung cho cột Sidebar Left, Sidebar Right & phần sản phẩm mới. | 18 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 40) | Thiết kế nội dung giao diện phần Sdidebar Right trong website bán hàng trực tuyến. | 25 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 41) | Thiết kế giao diện Module Login, Module giỏ hàng cho webiste bán hàng trực tuyến | 30 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 42) | Thiết kế giao diện module Tìm kiếm, Hỗ trợ trực tuyến, Thống kê truy cập cho webiste bán hàn trực tuyến. | 26 phú |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 43) | Hướng dẫn cách tạo Slideshow cho Module quảng cáo trong website bán hàng trực tuyến. | 20 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 44) | Hướng dẫn cách chèn bảng đồ Google Map vào website bán hàng trực tuyến. | 24 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 45) | Hướng dẫn thiết kế giao diện Module Khách hàng liên hệ cho website bán hàng trực tuyến. | 30 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 46 - Phần 1) | Hướng dẫn thiết kế giao diện Module giới thiệu cho website bán hàng trực tuyến. | 21 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 46 - Phần 2) | Thiết kế giao diện Module Tuyển dụng cho website bán hàng trực tuyến. | 12 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 47) | Hướng dẫn thiết kế giao diện phần Module sản phẩm cho website bán hàng trực tuyến. | 10 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 48 - Phần 1) | Hướng dẫn cách tạo hiệu ứng động JQUERY khi di chuyển chuột vào hình ảnh. | 22 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 48 - Phần 2) | Hướng dẫn cách tạo hiệu ứng động JQUERY khi di chuyển chuột vào hình ảnh. | 11 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 48 - Phần 3) | Hướng dẫn cách tạo hiệu ứng động JQUERY khi di chuyển chuột vào hình ảnh. | 15 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 49 - Phần 1) | Hướng dẫn thiết kế giao diện Module Dịch vụ cho website bán hàng trực tuyến. | 11 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 49 - Phần 2) | Hướng dẫn thiết kế giao diện Module Dịch vụ cho website bán hàng trực tuyến với hiệu ứng Jquery. | 19 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 50) | Hướng dẫn thiết kế giao diện Module Tin tức trong website bán hàng trực tuyến. | 18 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 51) | Hướng dẫn thiết kế Logo và banner cho website bán hàng trực tuyến bằng Adobe Fireworks CS6. | 30 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 52) | Hướng dẫn cách tạo cửa sổ Popup quảng cáo góc phải website bằng JQUERY. | 8 phút |
| Thiết kế giao diện website bán hàng trực tuyến (Bài 53) | Hướng dẫn cách tạo thanh cuộn cho website ấn tượng bằng JQUERY. | 10 phút |
| Xem demo kết quả sau khi học xong Môn 1 (Lưu ý: Sau khi kết thúc Môn 1 webiste tạo ra chỉ chạy được trên Desktop chưa chạy được trên Mobile & Tablet) Bản demo này chạy được cả trên Desktop, Mobile & Tablet sau khi học xong Môn 7 về công nghệ RWD (Responsive Web Design thì sẽ làm được) |
||