Về kiÁn thāc: - Trình bày đ°ợc mát số kiÁn thāc c¢ bÁn về thẻ, cÃu trúc thẻ, nguyên tắc sử dụng thẻ; - Trình bày đ°ợc mát số chāc nng và cú pháp thẻ đo¿n vn, thẻ hình Ánh, thẻ liên kÁt,
Giói thiệu Internet và dòch vụ WWW
Tổng quan về công nghệ Web
Giao thāc HTTP
Xỏc đò nh th ò lo ¿i trang web (tĩnh - đỏ ng)
Thăc hành, thí nghiám, thÁo luÁn, bài tÁp Kiểm tra
Trăc ti¿p Trăc tuy¿n Trăc ti¿p Trăc tuy¿n Internet và công nghá Web
1.1 Giói thiệu Internet và dòch vụ
1.2 Tổng quan về công nghệ Web 2 1 1
Đònh vò tài nguyờn trờn Internet
1.5 Các lo¿i siêu vn bÁn và mô hình dòch vụ t°Âng āng
2 Ch°¢ng 2: Ngôn ngā HTML 32 7 12 11 2
2.1 Giãi thiệu ngôn ngÿ HTML
2.2 Cách t¿o và ch¿y mát tÁp tin
2.6 Cỏc thẻ đònh d¿ng vn bÁn 3 1 2
2.7 Các thẻ chèn Ánh (img) 3 1 2
3 Ch°¢ng 3 Đánh d¿ng CSS 20 5 3 11 1
3.2 Bá chán Selector cÿa phÅn tử 2 2
3.3 CÃu trúc phÅn tử trong CSS 2 1 1
3.4 Đònh d¿ng vn bÁn trong CSS 6 2 4
Ch°¢ng 1: Táng quan vÁ Internet và công nghá Web Thời gian: 8 giờ
- Trỡnh bày đ°ợc Internet, cỏc mụt hỡnh dòch vụ t°Âng āng, cỏc lo¿i siờu vn bÁn
1.1 Giói thiệu Internet và dòch vụ WWW
1.2 Tổng quan về công nghệ Web
1.2.1 Khái niệm web đáng, Web tĩnh
1.4 Đònh vò tài nguyờn trờn Internet
Cách t¿o và ch¿y mát tÁp tin HTML
CÃu trúc c¢ bÁn HTML
CÃu trúc cÿa thẻ HTML
Thăc hành, thí nghiám, thÁo luÁn, bài tÁp Kiểm tra
Trăc ti¿p Trăc tuy¿n Trăc ti¿p Trăc tuy¿n Internet và công nghá Web
1.1 Giói thiệu Internet và dòch vụ
1.2 Tổng quan về công nghệ Web 2 1 1
1.4 Đònh vò tài nguyờn trờn Internet
1.5 Các lo¿i siêu vn bÁn và mô hình dòch vụ t°Âng āng
2 Ch°¢ng 2: Ngôn ngā HTML 32 7 12 11 2
2.1 Giãi thiệu ngôn ngÿ HTML
2.2 Cách t¿o và ch¿y mát tÁp tin
Cỏc thẻ đònh d¿ng vn bÁn
2.7 Các thẻ chèn Ánh (img) 3 1 2
3 Ch°¢ng 3 Đánh d¿ng CSS 20 5 3 11 1
3.2 Bá chán Selector cÿa phÅn tử 2 2
3.3 CÃu trúc phÅn tử trong CSS 2 1 1
3.4 Đònh d¿ng vn bÁn trong CSS 6 2 4
Ch°¢ng 1: Táng quan vÁ Internet và công nghá Web Thời gian: 8 giờ
- Trỡnh bày đ°ợc Internet, cỏc mụt hỡnh dòch vụ t°Âng āng, cỏc lo¿i siờu vn bÁn
1.1 Giói thiệu Internet và dòch vụ WWW
1.2 Tổng quan về công nghệ Web
1.2.1 Khái niệm web đáng, Web tĩnh
1.4 Đònh vò tài nguyờn trờn Internet
1.5 Cỏc lo¿i siờu vn bÁn và mụ hỡnh dòch vụt°Âng āng
Ch°¢ng 2: Ngôn ngā HTML Thời gian: 32 giờ
Trỡnh bày và sử dụng đ°ợc chāc nng cỳ phỏp cỏc thẻ HTML, thẻ đònh d¿ng đo¿n, thẻ hỡnh Ánh, thẻ liờn kÁt, cỏc kiòu dÿ liệu trong form và bÁng đò dāng khung trong
- Sử dụng đ°ợc cỏc thẻ đònh d¿ng, thẻ đo¿n vn, thẻ hỡnh Ánh, thẻ liờn kÁt, thẻ bÁng;
- ThiÁt lÁp đ°ợc cỏc đònh d¿ng thẻ, đònh d¿ng viền, đònh d¿ng hỡnh Ánh;
2.1 Giãi thiệu ngôn ngÿ HTML
2.2 Cách t¿o và ch¿y mát tÁp tin HTML
2.6 Cỏc thẻ đònh d¿ng vn bÁn
2.7 Các thẻ chèn Ánh (img)
Ch°¢ng 3 Đánh d¿ng CSS Thời gian: 20 giờ
- Trỡnh bày và sử dụng đ°ợc cÃu trỳc cỏc phÅn tửtrong CSS, đònh d¿ng vn bÁn và đònh d¿ng đ°ồng viền trong CSS;
- Āng dụng đònh d¿ng CSS đò thiÁt lÁp đ°ợc trang Web tin tāc
3.2 Bá chán Selector cÿa phÅn tử
3.3 CÃu trúc phÅn tử trong CSS
3.4 Đònh d¿ng vn bÁn trong CSS
IV ĐiÁu kián thăc hián môn hãc:
1 Phũng hỏc chuyờn mụn húa/nhà x°ỗng: Phũng hỏc lý thuyÁt, phũng mỏy vi tính
2 Trang thiÁt bò mỏy múc: mỏy tớnh, mỏy chiÁu, cỏc thiÁt bò trợ giÁng khỏc
3 Hỏc liệu, dụng cụ, nguyờn vÁt liệu: Giỏo trinh, đề bài tÁp thāc hành, kiòm tra
4 Các điều kiện khác: không
V Nòi dung và ph°Âng phỏp, đỏnh giỏ:
- Trình bày đ°ợc các thẻ đo¿n vn, thẻ Ánh, thẻ liên kÁt, thẻ bÁng trong HTML;
- Trỡnh bày đ°ợc cỏch liờn kÁt sang CSS, đònh d¿ng thẻ, đònh d¿ng đo¿n vn, đònh d¿ng Ánh, đònh d¿ng liờn kÁt trong HTML
- ThiÁt lÁp và đònh d¿ng đ°ợc cỏc thẻ HTML c bÁn: đo¿n vn, thẻ Ánh, thẻ liờn kÁt, thẻ bÁng;
- Āng dụng liờn kÁt đ°ợc sang CSS, đònh d¿ng thẻ, đònh d¿ng đo¿n vn, đònh d¿ng Ánh, đònh d¿ng liờn kÁt trong HTML đò thiÁt lÁp đ°ợc trang Web tin tāc
1.3 Nng lāc tā chÿ và chòu trỏch nhiệm:
- Sử dụng hiệu quÁ nguồn hác liệu trên Internet;
- Có khÁ nng làm việc theo nhóm
2 Ph°¢ng pháp đánh giá:
- Kiòm tra th°ồng xuyờn: Là điòm trung bỡnh chung cỏc bài kiòm tra trờn Hệ thống quÁn lý hác tÁp LMS và kÁt quÁ các bài thÁo luÁn, bài tÁp nhóm
- Thi kÁt thúc môn hác:
+ Hình thāc thi: Thāc hành
+ Điều kiện dā thi kÁt thỳc mụn hỏc: Tham dā≥ 80% thồi gian cÿa mụn hỏc và điòm trung bỡnh chung cỏc điòm kiòm tra ≥ 5,0 theo thang điòm 10
VI H°áng d¿n thăc hián môn hãc:
1 Ph¿m vi áp dụng môn hác: Ngành Công nghệ thông tin (Āng dụng phÅn mềm) trình đá trung cÃp
2 H°ãng d¿n về ph°¢ng pháp giÁng d¿y, hác tÁp môn hác:
2.1 Đối vói nhà giỏo: Chuẩn bò tốt cỏc tài liệu minh hỏa và ỏp dụng linh ho¿t cỏc ph°Âng phỏp giÁng d¿y đò phỏt huy tớnh chÿ đỏng, tớch cāc cho ng°ồi hỏc nh°:
- ThuyÁt trình, giÁng giÁi, phát vÃn;
- Nêu vÃn đề, giao bài tÁp nhóm, bài tÁp thāc hành;
- Tổ chāc thÁo luÁn nhúm cho lóp đò ng°ồi hỏc tā rỳt ra kÁt luÁn
2.2 Đối vói ng°ồi hỏc: Chỳ ý lắng nghe bài giÁng, rốn luyện kỹ nng xử lý, chÿ đỏng nghiờn cāu cỏc tài liệu, chÿ đỏng tỡm hiòu thāc tÁ
3 Nhÿng tráng tâm cÅn chú ý:
- Các thẻ đo¿n vn, thẻ Ánh, thẻ liên kÁt, thẻ bÁng trong HTML;
- Cỏch liờn kÁt sang CSS, đònh d¿ng thẻ, đònh d¿ng đo¿n vn, đònh d¿ng Ánh, đònh d¿ng liên kÁt trong HTML
[1] Th¿c Bỡnh C°ồng, Vũ Thò HÁu Giỏo trỡnh thiÁt kÁ web Nhà xuÃt bÁn giỏo dục, 2007
[2] Đ¿ng Ngác Bình, ThiÁt kÁ Web siêu tốc, APPNET - Trung tâm Đào t¿o Digital Marketing - Đ¿i hác Bách Khoa TPHCM, nm 2015
[3] Patrick Carey, Create web pages with html and dymamic HTML
[4] Steven Suehring, Janet Valade PHP, MySQL, JavaScript & HTML5 All-in- one for dummies Wiley Pulishing, 2013
5 Ghi chú và giÁi thích (nÁu có):
CH¯¡NG 1: TàNG QUAN VÀ INTERNET VÀ CÔNG NGHà WEB
- Trình bày đ°ợc khái niệm Internet
- Cỏc dòch vụ trờn Internet
- Quy trình xây dāng web
- Tỡm hiòu web đỏng và web tĩnh
1.1 Giái thiáu Internet và dách vā WWW
Trang web là nơi lưu trữ thông tin trên Internet, được gọi là World Wide Web (WWW) Các trang thông tin này cung cấp nội dung đa dạng, bao gồm văn bản, hình ảnh, video và âm thanh, với mục đích chung là cung cấp thông tin và kiến thức cho người dùng.
Nhÿng thụng tin này cú thò là thụng tin th°Âng m¿i, du lòch, thồi sā, kinh tÁ Do đú, tuỳ theo yêu cÅu cÿa tổ chāc, c¢ quan, doanh nghiệp hay thÁm chí là cá nhân nào đó mà nái dung cÿa cỏc trang web cú thò khỏc nhau CÅn phÁi xỏc đònh mục tiờu cÿa hệ thống website đò bỏm sỏt nú
Tr°ãc khi xây dāng website cÅn phÁi:
Xác định đối tượng truy cập website là bước quan trọng trong thiết kế website, vì những đối tượng khác nhau có cách nhìn nhận khác nhau Điều này ảnh hưởng trực tiếp đến cấu trúc giao diện trang web, ngôn từ cũng như bố cục nội dung trang web.
Xác định mục đích của website: PhÁi nắm đ°ợc website chāa đāng nhÿng nái dung gì Nó s¿ cung cÃp nhÿng thông tin gì cho đối t°ợng truy cÁp website Nhÿng thông tin nào là chính và thông tin nào là phụ
Thiết lập cỏc chủđề của website: Mòi nhúm thụng tin khỏc nhau mà website cung cÃp cho đối t°ợng truy cÁp chính là mát chÿ đề cÿa website Hãy phân chia các chÿ đề cho phù hợp vãi mục đích cÿa website
Xây dựng các khối thông tin mà website cung cấp theo chủđềđã xác lập: PhÁi thu thÁp thông tin và tổ chāc các thông tin đó cho phù hợp vãi cÃu trúc, giao diện website và chÿ đề mà trang web đó s¿ cung cÃp cho đối t°ợng truy cÁp website
Nội dung bắt đầu với việc thu thập nguồn tài nguyên về nội dung, hình ảnh, thông tin mà chúng ta cần để tạo nên website phù hợp với mục đích đề ra Đây cũng là nguồn thông tin duy trì hệ thống website tồn tại sau này.
Mỗi hình thức trình bày thông tin đều bị ảnh hưởng bởi các yếu tố được xác định bởi mục tiêu của website, bởi mục tiêu của chúng ta và bởi đối tượng truy cập website Phải xác định được website truyền tải nội dung gì, và với nội dung ấy thì phải thiết kế như thế nào Hai yếu tố ảnh hưởng lớn trong thiết kế chính là cấu trúc trình bày và thời gian truy nhập trang web Phải cân đối giữa hai yếu tố này vì người truy cập sẽ không thích khi phải chờ một trang web tải xuống, và cũng không thích khi nhìn một trang web đơn điệu Hãy cân đối cả hai yếu tố này cho phù hợp với mục tiêu về đối tượng truy cập website.
Trong quá trình xây dựng website, cần xác định rõ đối tượng truy cập mà website sẽ cung cấp thông tin Dưới đây là một số loại hình website dành cho nhóm các đối tượng truy cập website như:
Truy cập web ngẫu nhiờn (browsing): Nhúm ng°ồi truy website cÁp này là cỏc khỏch lang thang, khụng lý do, nhÿng ng°ồi cú thò đỏc website mà khụng cú bÃt cā sā thỳc ộp nào, ho¿c mỏt ý đònh nào và nÁu cú thỡ nú rÃt xỏc đònh, cụ thò Do đú website cũng cÅn chú ý mát chút đÁn đối t°ợng này vì khi thiÁt kÁ website cÅn phÁi tính đÁn khâu quÁng cỏo, cụng bố website Cỏc trang web tỡm kiÁm chớnh là cụng cụ đò quÁng cỏo website Và chớnh cỏc thẻ META là chỡa khúa đò cỏc website tỡm kiÁm tỡm thÃy website PhÁi chỳ ý đÁn cỏc từ ngÿ (cỏc khoỏ) dành cho cỏc website tỡm kiÁm cú thò nhÁn ra website Đào tạo - Dạy học – Giỏo dục (education – teaching - training): Nhúm ng°ồi truy cÁp website này là các khách hàng tìm kiÁm thông tin về lĩnh vāc đào t¿o Há có rÃt ít thồi gian và th°ồng khụng bao giồ đi l¿c đề từ trang giói thiệu (trang chÿ) Đừng làm hỏ và chớnh mỡnh bò lỏn xỏn bỗi cỏc mối liờn kÁt ngoài thụng tin chÿ chốt CÅn giói h¿n thụng tin bỗi cỏc liờn kÁt