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)