;lkjkkj;nlbkj;lbkjvn;blkvj;nklgbvjhh;vkcj;nlbjkvjch p,ljhn blp;.kmjn kop;kmjnp.;i,kmjkp;li,kmjkp;lkmjnkp;lkmjpnk;lkmjkop;l,kmjpl;lkmjn pl.kmjn pơ;kmjn pk;kmjn pơk;kjmnp;kmjn pơk;kmjnp;kmjnkp;kmjnp;kmjp;kmjop;kmjp;kjmnp;p.;kmjnp;,lkmjpl;k,m p;kmjp.;k
Giới thiệu về môn học Tên môn học: NGÔN NGỮ THIT K WEB Mã môn học: NTKW- Số tín chỉ: 4 tn chỉ Loại môn học: bắt buộc Phân bổ thời gian: Lên lớp: 60 tiết Số giờ lý thuyết: 40 tiết Số giờ thực hành: 30 tiết Số giờ kiểm tra/đánh giá: 5 tiết Thời gian chuẩn bị (tự học): 120 giờ Điều kiện tiên quyết: Cơ sở lập trình 1 Phân bổ nội dung chương trình Ngôn ngữ HTML: 15 LT+ 10 TH Bảng kiểu CSS: 15 LT+ 10 TH Ngôn ngữ lập trình Javascript: 15 LT+ 10 TH Cuối mỗi phần sẽ có bài kiểm tra điều kiện. 2 Cách đánh giá kết quả Chuyên cần: 10% (sinh viên phải dự học tối thiểu 80% giờ học) Bài tập/ kiểm tra giữa kỳ: 20% Thi kết thúc học phần: 70% Hình thức thi: Làm bài tập lớn và thi vấn đáp kết thúc môn, sinh viên chọn chủ đề của website cần thiết kế và đăng ký với giáo viên vào buổi học đầu tiên của phần CSS. Thang điểm đánh giá:10 3 Caực khaựi nieọm cụ baỷn Phan I: 5 Mục tiêu bài học Một số khái niệm về Internet Các lónh vực ứng dụng của Internet World Wide Web và các khái niệm liên quan Các khái niệm về website. 6 Internet INTERNET là một mạng của các mạng máy tính. Cũng giống như hệ thống đường cao tốc liên bang nối từ thành phố này đến thành phố khác, tương tự Internet liên kết hàng ngàn mạng máy tính với nhau, qua đó có thể chia sẻ thông tin từ bất cứ máy tính nào. Tiền thân của mạng Internet là APRANET Đầu thập kỷ 80, APRANET phát triển thành mạng Internet Ngày nay mạng Internet đã phát triển rộng rãi trên phạm vi toàn thế giới với rất nhiều ứng dụng. 7 Tuyển dụng qua mạng Ngân hàng trên mạng Giáo dục qua mạng Tìm bạn và tham gia thảo luận qua mạng Gửi và nhận thiệp điện tử từ bạn bè và người thân Tham quan sở thú điện tử hay viện bảo tàng. Tải xuống phần mềm thú vị nào đó và dùng thử. Chia sẻ thơng tin cá nhân qua mạng Các lĩnh vực ứng dụng của Internet 8 World-Wide Web Mạng diện rộng toàn cầu (World Wide Web- WWW) là một hệ thống lớn (large-scale), kho chứa trực tuyến thông tin mà người sử dụng có thể tìm kiếm bằng việc sử dụng một chương trình ứng dụng tương tác gọi là trình duyệt (browser). Mạng diện rộng toàn cầu là một mạng dựa trên nền Internet của các máy chủ Web (web servers). 9 WWW hoạt động như thế nào? Khi kết nối với một máy chủ web, ta lấy được thông tin theo dạng trang. Một trang hiển thị thông tin theo dạng văn bản, hình ảnh hoặc cả hai. Các trang này thân thiện với người sử dụng (user- friendly) và cũng có thể chứa cả liên kết (tham chiếu) đến các trang khác chứa các thông tin sâu hơn về một trang cụ thể. Các liên kết trên những trang này dẫn bạn đến những trang khác mà những trang này có thể nằm trên cùng hay khác máy chủ 10 Hypertext (Siêu văn bản): Là văn bản “có các nối kết”. Văn bản đặc biệt này chứa đựng địa chỉ của một máy tính khác như là một phần của WWW. Khi chúng ta nhấp chuột trên văn bản này, trình duyệt (cổng nối với Internet – a gateway to Internet) coi đó là một chỉ thị để lấy trang từ máy tính có địa chỉ tương ứng trong liên kết và hiển thị nó. Hypertext (Siêu văn bản) [...]... TCP/IP) 25 POP3: cng 110 Cỏc khỏi nim c bn v website Website l gỡ? Website l b tp hp cỏc trang web cú liờn quan vi nhau Bao gm trang ch v cỏc trang con Trang ch: Trang ch l trang c hin th khi ta truy cp vo mt a ch web Vớ d: index.html Trang con: l cỏc trang thụng tin sõu hn v cỏc ni dung a ra trong trang ch 26 Trang web c thit k nh th no? xõy dng mt website, ta cn thc hin cỏc bc sau: Xỏc nh yờu... Thit k Thc hin Kim th Trin khai Bo trỡ 27 Trang web c thit k nh th no? Cỏc trang web cú th cha vn bn, hỡnh nh, õm thanh, video clip, nh ng Kin trỳc 3 tng ca trang web (three layers): Ni dung trang web HTML Cỏch trỡnh by trang web CSS Tng tỏc vi ni dung trờn trang web Javascript Thit k ha: Photoshop, Flash 28 Cu trỳc th mc cho Website Th mc MyWeb l th mc gc v cỏc th mc con nh sau: Th mc... tiờn chớnh l t chc v phỏc tho website 31 T chc website T chc vờ mt cu trỳc: l cụng vic nh ngha ra cỏc trang web trong website v mi liờn h gia chỳng Vớ d: 32 T chc website T chc vờ mt liờn kờt : xỏc nh liờn kt (link) gia cỏc trang web trong website, cho phộp ngi duyt web cú th di chuyn lui ti gia cỏc trang web Liờn kt theo ng thng (tuyn tớnh): L loi liờn kt phự hp cho cỏc website hng ngi dựng i theo... li cho cỏc vn sau: Mc ich ca Website l gỡ?: i tng c gi ca website l ai? Cỏc ch chớnh ca website l gỡ? Cỏc khi thụng tin ch yu m website cung cp l gỡ? 30 Thit k trang web Ni dung l thut ng chung c dựng ch cỏc thnh phn cú trong trang web Cỏc trang web cú th cha vn bn, hỡnh nh, õm thanh, video clip, nh ng, cỏc file (vớ d: file PDF) m bn mun cung cp cho ngi duyt web Trong giai on thit k, cụng... lờn Web Trỡnh duyt in hỡnh c dựng cho cỏc cụng vic sau: Ni kt vi mỏy tớnh ngun m a ch ca nú c xỏc nh trong phn hyperlink Yờu cu trang mi t ngun Nhn trang úng kt ni Hin th trang c nh dng cho ngi dựng Mt s trỡnh duyt thụng dng l Internet Explorer, 18 FireFox, Opera, Chrome, Safari WebServer Web Server (mỏy phc v web) : L mỏy tớnh m trờn ú ci t phn mm phc v Web ụi khi ngi ta cng gi cỏc phn mm ú l Web. .. ngi dựng i theo mt th t cỏc bc no ú Vớ d: Website x lý n mua hng, website hng dn ng ký thụng tin 33 T chc website Liờn kt da trờn c s d liu: L loi liờn kt to ra ngay ti cỏc trang web chớnh, mt s lng ln cỏc liờn kt ph thuc vo cỏc phn t trong c s d liu Vớ d: Trang web lit kờ cỏc loi sn phm, v cn to liờn kt ti chi tit ca tng loi sn phm trong c s d liu 34 T chc website Liờn kt phõn cp : L loi liờn kt...Link (Liờn kt) Link (Liờn kt): Mt liờn kt l mt kt ni t mt trang web ny vi mt trang web khỏc s dng siờu vn bn (hypertext) Cỏc trang web khụng ni kt vi nhau kiu vt lý m ch cha a ch ca trang cn hin th 11 a ch IP a ch IP: Mi mỏy tớnh trờn Internet cú mt a ch duy nht ca chớnh nú, dựng phõn bit cỏc mỏy tớnh trờn Internet a... theo tng cp ti c thụng tin mỡnh cn Vớ d: Website tin tc, website õm nhc 35 Chin lc thit k Cỏch chuyn ti thụng tin ph thuc vo cu trỳc trỡnh by v thi gian truy nhp ca c gi Liờn kt l mt mnh ca website, trỏnh lm c gi sao lóng vỡ nhng liờn kt lc Cn cú bn in riờng cho trang web vi nhng thụng tin ngn trong cỏc trang c ghộp li thnh mt bn in di Nờn thit k cu trỳc website uyn chuyn, d dng truy cp nhanh n... mm ú l Web Server Tt c cỏc Web Server u hiu v chy c cỏc file *.htm v *.html, tuy nhiờn mi Web Server li phc v mt s kiu file chuyờn bit chng hn nh IIS (Internet Information Services) ca Microsoft dnh cho *.asp, *.aspx ; Apache dnh cho *.php ; Sun Java System 19 Web Server ca SUN dnh cho *.jsp Client/Server Mỏy khỏch (Client) Mỏy tớnh yờu cu dch v no ú (nh yờu cu mt trang web) t mt mỏy tớnh khỏc c... Transfer Protocol-HTTP Giao thc truyn ti siờu vn bn (HTTPHypertext Transfer Protocol): ú l mt b cỏc quy tc v quy nh c s dng gi mt trang hay nhiu trang cha siờu vn bn t mỏy tớnh ny n mỏy tớnh khỏc Trỡnh duyt cho phộp phớa client gi mt yờu cu dng vn bn lờn Web Server Web Server nhn c lnh s tr li ti liu tng ng 21 File Transfer Protocol Giao thc chuyn ti tp tin (FTP): l mt phng thc ca vic chuyn ti . 12 0 giờ Điều kiện tiên quyết: Cơ sở lập trình 1 Phân bổ nội dung chương trình Ngôn ngữ HTML: 15 LT+ 10 TH Bảng kiểu CSS: 15 LT+ 10 TH Ngôn ngữ lập trình Javascript: 15 LT+ 10 . 8 bits (gọi là một octet), các nhóm này phân cách nhau bởi dấu chấm. Ví dụ: 45 .10 .0 .1, 16 8 .10 .45.65 … 13 Domain name Tên miền (Domain name): Việc nhớ các địa chỉ IP là rất khó,. Internet – a gateway to Internet) coi đó là một chỉ thị để lấy trang từ máy tính có địa chỉ tương ứng trong liên kết và hiển thị nó. Hypertext (Siêu văn bản) 11 Link (Liên kết): Một