Popular Websites: Google About Google Google is best known for its search engine, although Google now offers a number of other services.. Its founders Larry Page and Sergey Brin star
L Biên www.hutech.edu.vn *1.2022.CMP2027* tailieuhoctap@hutech.edu.vn : I .I NG D N IV BÀI 1: 1.1 WEB PAGE 1.2 PHÂN TRANG WEB 1.2.2 Tr 1.3 WEBSITE 1.4 URL 1.5 TÊN (DOMAIN NAME) 1.6 DNS 1.7 HOSTING STORAGE TÓM CÂU CÂU CÂU 10 ÔN 10 10 NHÓM 13 BÀI 2: 14 2.1 QUAN 14 14 17 19 20 21 23 24 25 2.2 CÁC HTML THÔNG 26 26 28 dòng 29 30 2.2.5 Danh sách 31 35 39 41 2.3 PHÂN NHÓM CÁC 45 TÓM 46 46 49 CÂU ÔN 49 II CÂU BÀI TÌNH 49 52 BÀI 3: T NG QUAN V CSS 53 3.1 KHÁI QUÁT CSS 53 3.1.1 CSS gì? .53 56 56 3.2 KHAI CSS 56 57 57 3.2.3 CSS bên (External CSS) 58 3.3 CÁC QUY CSS NÀO? 60 3.4 60 .61 .61 61 3.4.4 ID selectors 62 62 63 63 63 3.5 CÁC GIÁ MÀU 64 .64 65 3.5.1 Tên màu .65 3.5.2 Mã HEX 66 3.5.3 Mã RGB .66 3.5.4 Mã HSL 66 3.6 CÁC GIÁ KÍCH 67 .67 67 67 TÍNH THƠNG 67 3.7 CÁC TÓM T T 72 CÂU H I ÔN T P 72 CÂU H I TR C NGHI M 72 BÀI H C TÌNH HU NG 75 BÀI 4: CÁC K 4.1 4.1.1 4.1.5 THU T KI M SOÁT TRONG CSS 76 SOÁT 76 76 77 77 77 77 III 4.2 4.3 KI 4.4 4.5 KI 4.6 4.7 TÓM T CÂU H CÂU H BÀI H SOÁT 78 78 78 78 78 79 79 SỐT KÍCH 79 80 80 82 SOÁT 84 SOÁT 84 85 86 SOÁT CÁCH 87 87 90 SỐT VÀ TRÍ 90 91 91 93 T 96 I ÔN T P 96 I TR C NGHI M 97 C TÌNH HU NG 99 NG L 5.1 TRÌNH VÀ XÂY N T 100 WEBSITE 100 100 101 104 108 TÓM T T 114 CÂU H I ÔN T P 114 CÂU H I TR C NGHI M 114 CÂU H I TH O LU N 116 PH L C 118 TÀI LI U THAM KH O 122 IV NG D N MÔ T H C PH N Tài li c biên so n nh m m nghi p ho ng d y, h c t p v n d ng k ng c c biên so n v i m n t Tài li u t o k phát tri n Web (m c dù r ng k thành m t nhà l p trình p tài li u HTML m t ph n c a nó) Do c tiêu c a tài li u n m khn kh sau: - Phân tích v n d - Phân tích v n d c khái ni m k thu t xây d ng tài li c k thu t n ng d ng CSS trình biên t p tài li u HTML - Làm ch k thu t HTML CSS không tr ng c Trong khuôn kh h tr c làm vi c cá nhân (riêng l , k thu t làm vi c nhóm) n i dung môn h c này, vi c chu n b ng vi c h c t p nghiên c u m c t i thi u m Khơng th có vi c h c t p hoàn thi n k th i gian ng n mà khơng có s tr u c n thi t c tiêu c a môn h c m t giúp c v y h c viên c n chu n b n công c n công c h tr Do n công c Máy tính (Computer) Có l u hi c t p nghiên c u vi c s d ng máy tính trình biên so n tài li u HTML, v y trang b m t máy tính ph c v cho môn h c yêu c u t t y u Khơng có s b t bu c ph i s tính này, h c viên có th d ng m t h hồn tồn s d ng h c bi t cho máy u hành quen thu c c Windows, Linux, Mac Tuy v y, m uc ng, máy tính dành cho vi c h c t p c n có kh c thi vi c k t n i v i m ng tồn c m t trình t web t s n t i thi u V Trình t web (Web browser) Trình c g i m t cách v n t t trình t) m t d ng ph n m i dùng có th tin, n i dung, tài li truy c p ngu n tài nguyên (thông n h u b t c ng tồn c u thơng qua m t s giao th c truy n t i Giao th c ph bi n th th c truy ng cs nh cách th c truy d ng giao n, hình nh t n web) V n, b t k m t h u hành máy tính hi c trang b s n sàng m t trình t web, m i m t trình Tuy nhiên, v i khn kh m riêng n i dung c a môn h c, s trình khơng s d ng lo i c phát tri d ng trình t hi ki m tra k t qu th c hi n c a h c, có th k tên m t s trình t ph bi - Google Chrome - Microsoft Edge - Firefox - Safari mc as xu t s nh ih d ng trình t Google Chrome làm công c h c t p b mơn Trình biên t p mã ngu n (Code Editor) Trên th c ch t, trình biên t p mã ngu t trình so n th n ng nh m l n vai trị c a m t trình biên t p mã ngu n m t trình biên so nh d ng (Rich Text Editor) Trong trình so n th t p nhìn th i vi nh d ng, n nh d ng, hi n th có th ng sau nh ng n i dùng khơng th in t nhi nhìn th c M t c a nh d c th c ng d ng n i ti ng cho lo i trình so n th o Microsoft Word Chúng ta khơng s d ng trình biên so n ho c ph n m c y cho mơn h VI M t trình biên t p mã ngu n m t trình so n th c vi t p mã, có v n thơ M c dù, m t s nh d ng n t , ch nh d ng, n trơng d trình biên c biên so c c ho c n i b i dung n ch Có th d dàng phân bi t hai lo i trình biên t n th o nh d ng có th th c hi n vi c chèn hình nh vào tài li u in n tài li u v i hình p mã ngu n khơng th Trên th c t , h trình so n th ng trang b n thơ nh t Ví d Mac OS Chúng ta có th hồn tồn s n i dung h c t p V d ng trình biên so n, v c yêu c nh ng l i ích trình vi t mã, nên s ngu n chuyên d n thô su t ng d ng m t trình biên t p mã ng trình biên t p n i ti ng ph c v cho công vi c c a m t l p trình viên, có m t s ph i tr phí, m t s mi n phí Có th k tên m t vài t tiêu bi u sau: PHPStorm Ngu n: https://www.jetbrains.com/phpstorm Nodepad++ Ngu n: https://notepad-plus-plus.org Sublime Text Ngu n: https://www.sublimetext.com Atom Ngu n: https://atom.io Visual Studio Code Ngu n: https://code.visualstudio.com VII M i m t ph n m m chuyên d ng u có m t c tc ng h tr chia s kinh nghi m s t t p h p vô s d ng r t l ti ng g i v i thu t ng Trên m c tiêu c a môn h c, s ti i h xu t s u hành, chi phí d ng Visual Studio Code (VS Code) trình biên t p mã ph c v cho môn h c N I DUNG H C PH N Bài 1: Khái ni n: trình bày khái ni chung l n l p trình nói nt ng, website, URL, tên Mi n, DNS, Hosting storage Bài 2: Làm vi c v i HTML: n i dung c a cung c (1) Nh ng ki n th c t Th ph n t i thi u v khái ni m n g m th c p, th dòng, kho ng tr ng, C n HTM, c tính c a th , ph n t n c a tài li (2) Các ph n t In (vi i h c p kh i n i c t , Quy t c vi t HTML thông d n, ng t dòng, m, nghiêng, g ch chân, danh sách, Liên k t tài nguyên, hình nh b ng bi u; (3) Phân nhóm ph n t g m phân nhóm n i dịng phân nhóm c p ph i Bài 3: T ng quan v ni CSS: trình bày nh ng n i dung khái quát v c biên t p tài li u CSS, quy t c v CSS; tri n khai s d ng CSS bao g m CSS n i n; CSS c c b ; CSS bên ngoài; cách th c vi t quy t c CSS; b l a ch n ph n t ; giá tr v màu s c; giá tr v c; thu c tính thơng d ng vi c ki m sốt vi c trình bày b ng, danh sách n n, m t s khác cho phép ki m soát v n Bài 4: Các k thu t ki m sốt CSS: trình bày nh ng ki n th c k vi c ki m soát n n t c; Ki m soát ph n; Ki m soát n n; Ki m m; Ki m soát l ; Ki m soát cách th c hi n th ; Ki sốt b c c v trí; Bài 5: L p trình xây d n ch s phát tri n c n t : trình bày nh ng n t ; Khái ni m VIII n t ; L p trình m t s ct n h c xây d th ng nt YÊU C U MÔN H C i h c ph i d h l p làm t bu i lên l c tài li u gi ng d c lên nhà CÁCH TI P NH N N I DUNG MÔN H C h c t i h c c n ôn t t c, tr c m l i câu h i n h c i v i m i h i h h c K t thúc m i ý c a h nghi m K t thúc tồn b c tóm t t h i h c ph i tr h c, ng c n i dung l i câu h i ôn t p câu h i tr c i h c ph i làm t p th c hành t p tình hu ng C Mơn h - m trình: 50% Hình th c n i dung gi ng viên quy quy ch - m: o tình hình th c t t ch c h c t p m thi: 50% Hình th c thi t lu n 90 phút nh, phù h p v i