Mô tả các tiêu chuẩn đầu ra

Topic
ID Type Short Desc / Level Outcome Criteria
(hashtag)
ATTx_o1 Attitude Self-help Task descipline Chịu khó chủ động tự học và thực hành
những nội dung trong bài học
ATTx_o2 Attitude Self-help Self-help mindset Tự mình xoay sở tìm giải pháp đến cùng
trước khi nhờ đến sự trợ giúp của người
khác
WEB101x_o1 Knowledge HTML Basic Level Hiểu cách thức hoạt động, cấu trúc và các
thành phần của website

WEB101x_o2 Knowledge HTML Basic Level Hiểu được cú pháp HTML

WEB101x_o3 Hard Skill HTML Basic Level Tạo được trang web (html) trên máy tính
cá nhân và chạy thử được

WEB101x_o4 Hard Skill HTML Basic Level Tạo được trang web (html) trên một bộ
soạn thảo online và chạy thử được

WEB101x_o5 Hard Skill HTML Basic Level Chèn các thành phần HTML cơ bản vào
trang web
WEB101x_o6 Knowledge HTML Basic Level Thiết lập được các thuộc tính thông tin
cho trang web
WEB101x_o7 Knowledge HTML Basic Level Thiết lập được mã encoding tiếng Việt cho
trang web
WEB101x_o8 Hard Skill HTML Basic Level Biết cách sử dụng thành phần container
phù hợp cho nội dung
WEB101x_o9 Hard Skill HTML Basic Level Đưa được các thành phần media vào
trang web
WEB101x_o10 Hard Skill HTML Basic Level Đưa được các thành phần cấu trúc nội
dung của trang web
WEB101x_o11 Hard Skill HTML Basic Level Thay đổi được kích thước, định dạng ảnh

WEB101x_o12 Hard Skill HTML Basic Level Nhúng được trang web từ các dịch vụ
khác
WEB101x_o13 Hard Skill HTML Basic Level Nguyên tắc thiết kế web
WEB101x_o14 Knowledge HTML Advanced Level Hiểu cơ bản về HTML5

WEB101x_o15 Hard Skill HTML Advanced Level Sử dụng được các thành phần media của
HTML5
WEB101x_o16 Knowledge CSS Basic Level Hiểu cú pháp định nghĩa CSS
WEB101x_o17 Hard Skill CSS Basic Level Biết cách sử dụng CSS selector
WEB101x_o18 Hard Skill / CSS Basic Level Hiểu và áp dụng coding convention cho
Soft Skill việc đặt tên file, CSS selector
WEB101x_o19 Hard Skill CSS Basic Level Biết cách áp dụng các thuộc tính định
dạng cơ bản của text
WEB101x_o20 Hard Skill CSS Basic Level Biết cách định dạng cơ bản với ảnh
WEB101x_o21 Hard Skill CSS Basic Level Cách nhúng mã CSS trong trang web
dạng inline
WEB101x_o22 Hard Skill CSS Basic Level Cách nhúng mã CSS trong trang web
dạng internal
WEB101x_o23 Hard Skill CSS Basic Level Cách đưa mã CSS ra file riêng dạng
external
WEB101x_o24 Hard Skill CSS Basic Level Cách định kiểu một phần tử HTML
WEB101x_o25 Hard Skill CSS Basic Level Cách định kiểu cho nhiều phần tử cùng
loại dạng
WEB101x_o26 Hard Skill CSS Advanced Level Hiểu và sử dụng Box model
WEB101x_o27 Hard Skill CSS Advanced Level Thêm khả năng responsive cho trang
WEB101x_o28 Hard Skill CSS Advanced Level Cách tạo bố cục 2 cột cho trang web
WEB101x_o29 Hard Skill CSS Advanced Level Cách tạo bố cục 3 cột cho trang web
WEB101x_o30 Hard Skill CSS Advanced Level Cách sử dụng một thư viện CSS cho
trang web
WEB101x_o31 Knowledge CSS Advanced Level Hiểu cơ bản về CSS3
WEB101x_o32 Hard Skill CSS Advanced Level Sử dụng CSS3 cho một số thao tác động
WEB101x_o33 Hard Skill CSS Advanced Level Sử dụng công cụ Developer trên trình
duyệt
WEB101x_o34 Hard Skill Website Basic Level Đăng ký domain và hosting
Administration
WEB101x_o35 Hard Skill Website Basic Level Trỏ domain về hosting trả phí
Administration
WEB101x_o36 Hard Skill Website Basic Level Dùng công cụ FTP upload website lên
Administration hosting
WEB101x_o37 Hard Skill Website Basic Level SEO cơ bản cho trang web thông qua
Administration phần head
WEB101x_o38 Hard Skill Website Basic Level Thông báo cho Google để indexing trang
Administration web
WEB101x_o39 Hard Skill Website Advanced Level Tích hợp Google Analytics vào website và
Administration theo dõi kết quả
WEB101x_o40 Hard Skill Website Advanced Level Đặt quảng cáo Google Adsense trên trang
Administration
Explanation Severity Note
Học online đòi hỏi tính chủ động học hỏi rất cao, đặc biệt việc tự thực hành 3
để hiểu và nhớ sâu kiến thức/kỹ năng
Sinh viên phải tự mình nỗ lực suy nghĩ, tìm kiếm giải pháp trên google, qua 3
bạn bè thân trước khi hỏi chuyên gia mentor

Hiểu môi trường hoạt động của trang web trên trình duyệt, cấu trúc trang 3
web (file, thư mục, loại file, URL tương đối, tuyệt đối) và các thành phần của
website (trang web, ảnh, media...)
Hiểu được cú pháp cơ bản cho các thành phần HTML như thẻ, thuộc tính, 3
trình tự...

Tiêu chuẩn này giúp sinh viên có thể tự tạo trang web trên máy tính cá nhân 3
và thử nghiệm mà không cần có mạng Internet.
Công cụ: bất cứ text editor nào (notepad, notepad++, textpad, komodo...)
Tiêu chuẩn này nhằm trang bị cho sinh viên khả năng làm việc online, làm 3
việc nhóm, tránh việc phải tự thiết lập môi trường lập trình.
Có thể sử dụng dịch vụ c9.io hoặc koding.com hoặc jsfiddle
Các thành phần cơ bản như head, paragraph,... 3

Thiết lập trong thẻ head các thông tin như tiêu đề trang, thẻ keyword, 2
description...
Thiết lập encoding để hiện được ngôn ngữ trên trang web cho đúng 3

Phân biệt được giữa thẻ inline và block qua các thẻ div, p, span,... 3

Đưa các thành phần media (ảnh, hyperlink, video, map,...) và tùy chỉnh các 3
thuộc tính cơ bản
Các thành phần cấu trúc nội dung như bảng, list, blockquote... 2

Ngoài ra phân biệt được ưu nhược của các định dạng ảnh khác nhau. Thay 2
đổi kích thước ảnh dùng MS Paint hoặc dịch vụ online
Nhúng thêm script và iframe, ví dụ các dịch vụ youtube, google docs, 2
subiz...
Những nguyên tắc cơ bản trong thiết kế web 3
Giới thiệu ý nghĩa và các thành phần cơ bản của HTML5 2

Hướng dẫn sử dụng những thành phần media cơ bản nhất (video, audio, 1
media)
Các thành phần và cú pháp định nghĩa các thuộc tính CSS, cách thức tra 3
cứu các thuộc tính này
Phân biệt được các loại selector cho tag, id, class, nested element 3
Biết cách áp dụng nguyên tắc coding convention cơ bản nhất trong việc đặt 2 Đáp ứng tốt
tên file HTML, CSS, đặt tên CSS selector yêu cầu Fsoft
Các thuộc tính text như màu sắc, font chữ, kích thước, kiểu... 3
Định dạng ảnh nền, kích thước... 2
Thiết lập định dạng trực tiếp trong thẻ HTML 2
Định nghĩa phần style ở thẻ <style> trong thẻ <head> 3
Đưa định nghĩa style ra file .css để tách biệt mã cấu trúc HTML và mã trình 3
bày CSS
Đề cập sâu hơn về cách định kiểu dạng inline và id cho một phần tử HTML 3
Đề cập sâu hơn về cách định kiểu dạng class cho nhiều phần tử HTML 3
cùng loại
Thay đổi các thành phần liên quan đến Box Model như margin, padding, 3
border
Khả năng trang phản ứng lại thay đổi kích thước của trang web. Thích hợp 3
cho trang khi thiết kế hiển thị trên cả thiết bị mobile
Tạo bố cục phân trang web thành 2 phần cột nội dung. 3
Tạo bố cục phân trang web thành từ 3 phần cột nội dung trở lên. 2
Hiểu để có thể tự nghiên cứu, áp dụng những ví dụ cơ bản nhất. Ví dụ dùng 2
framework bootstrap
Hiểu những nâng cấp của CSS3 so với CSS2, mức cơ bản để sinh viên có 2
thể tự nghiên cứu nếu quan tâm
Khai thác và ứng dụng một số tính năng hữu ích (transition, animation) 2
được bổ sung trong CSS3
Dùng để dò mã, debug và test trang web 2
Cách thức đăng ký domain và hosting cho cả trường hợp trả phí và miễn 3
phí
Hướng dẫn cách trỏ domain về hosting có trả phí (miễn phí thì thường sẽ 3
không phải tự cấu hình)
Dùng công cụ FTP đơn giản nhất là FireFTP là plugin của Firefox. Sinh viên 3
phải upload website của mình lên host
SEO cơ bản thông qua một số kỹ thuật đơn giản như chỉnh lại keyword cho 2
trang
Báo cho Google biết sự hiện diện hay cập nhật của trang web 2
Tích hợp mã Google Analytics và theo dõi tình hình truy cập website 2
Tích hợp mã của Google Adsense để hiện quảng cáo kiếm trên trên website 2
Đối chiếu outcome với bài học
Phần giới
thiệu Phần 1. Tạo cấu trúc trang web

ID Outcome Criteria
Bài 1 Bài 2 Bài 3
Nguyên tắc HTML căn HTML căn
thiết kế web bản 1 bản 2
ATTx_o1 Chịu khó chủ động tự học và thực hành
những nội dung trong bài học
ATTx_o2 Tự mình xoay sở tìm giải pháp đến cùng
trước khi nhờ đến sự trợ giúp của người
khác
WEB101x_o1 Hiểu cách thức hoạt động, cấu trúc và các
thành phần của website
WEB101x_o2 Hiểu được cú pháp HTML
WEB101x_o3 Tạo được trang web (html) trên máy tính cá
nhân và chạy thử được

WEB101x_o4 Tạo được trang web (html) trên một bộ soạn

thảo online và chạy thử được

WEB101x_o5 Chèn các thành phần HTML cơ bản vào

trang web
WEB101x_o6 Thiết lập được các thuộc tính thông tin cho
trang web
WEB101x_o7 Thiết lập được mã encoding tiếng Việt cho
trang web
WEB101x_o8 Biết cách sử dụng thành phần container phù
hợp cho nội dung
WEB101x_o9 Đưa được các thành phần media vào trang
web
WEB101x_o10 Đưa được các thành phần cấu trúc nội dung
của trang web
WEB101x_o11 Thay đổi được kích thước, định dạng ảnh
WEB101x_o12 Nhúng được trang web từ các dịch vụ khác

WEB101x_o13 Nguyên tắc thiết kế web

WEB101x_o14 Hiểu cơ bản về HTML5
WEB101x_o15 Sử dụng được các thành phần media của
HTML5
WEB101x_o16 Hiểu cú pháp định nghĩa CSS
WEB101x_o17 Biết cách sử dụng CSS selector
WEB101x_o18 Hiểu và áp dụng coding convention cho việc
đặt tên file, CSS selector
WEB101x_o19 Biết cách áp dụng các thuộc tính định dạng
cơ bản của text
WEB101x_o20 Biết cách định dạng cơ bản với ảnh
WEB101x_o21 Cách nhúng mã CSS trong trang web dạng
inline
WEB101x_o22 Cách nhúng mã CSS trong trang web dạng
internal
WEB101x_o23 Cách đưa mã CSS ra file riêng dạng external
WEB101x_o24 Cách định kiểu một phần tử HTML
WEB101x_o25 Cách định kiểu cho nhiều phần tử cùng loại
dạng
WEB101x_o26 Hiểu và sử dụng Box model
WEB101x_o27 Thêm khả năng responsive cho trang
WEB101x_o28 Cách tạo bố cục 2 cột cho trang web
WEB101x_o29 Cách tạo bố cục 3 cột cho trang web
WEB101x_o30 Cách sử dụng một thư viện CSS cho trang
web
WEB101x_o31 Hiểu cơ bản về CSS3
WEB101x_o32 Sử dụng CSS3 cho một số thao tác động
WEB101x_o33 Sử dụng công cụ Developer trên trình duyệt
WEB101x_o34 Đăng ký domain và hosting
WEB101x_o35 Trỏ domain về hosting trả phí
WEB101x_o36 Dùng công cụ FTP upload website lên
hosting
WEB101x_o37 SEO cơ bản cho trang web thông qua phần
head
WEB101x_o38 Thông báo cho Google để indexing trang
web
WEB101x_o39 Tích hợp Google Analytics vào website và
theo dõi kết quả
WEB101x_o40 Đặt quảng cáo Google Adsense trên trang

Đáp ứng hoàn toàn

Đáp ứng một phần
trúc trang web Phần 2. Định dạng và bố cục trang web Phần 3. Xây dựng website nâng cao
Bài 11
Bài 6 Thiết kế
Bài 4 Bài 5 Cách dùng Bài 7 Bài 8 responsive
HTML căn Giới thiệu về selector Mô hình hộp Chỉnh bố cục Bài 9 Bài 10 cho trang
bản 3 CSS trong CSS (Box model) bằng CSS HTML5 CSS3 web
website nâng cao Phần 4. Quản trị website
Bài 14
Bài 12 Tích hợp các
Sử dụng thư Bài 13 công cụ tiện Bài 15 Bài 16
viện Đưa website ích cho Xử lý ảnh Kiếm tiền
Bootstrap lên mạng website cho web từ website