Bài giảng Thiết kế Web gồm có những nội dung chính sau: Chương 1 - Mở đầu về thiết kế web, chương 2 - Ngôn ngữ HTML: Phần cơ bản, chương 3 - Ngôn ngữ HTML: Phần FORM, chương 4 - CSS - Cascading Style Sheet, chương 5 - CSS: Advanced, chương 6 - Javascript, chương 7 - Javascript: Mô hình DOM. Mời các bạn tham khảo.
CHƯƠNG Mở đầu thiết kế web Giảng viên : Ths PHẠM ĐÀO MINH VŨ Khoa CNTT-Trường CĐ CNTT TPHCM Email : vupdm@itc.edu.vn Nội dung ü Một số khái niệm ü Phân loại trang web ü Một số bước phát triển website ü Cơng bố website internet ü Tạo Domain Free Internet Một số khái niệm Mạng, giao thức, Internet ü Mạng máy tính (Computer Network): Hệ thống máy tính kết nối với nhằm trao đổi liệu ü Giao thức: Protocol: – Tập hợp quy tắc thống máy tính mạng nhằm thực trao đổi liệu xác – Ví dụ: TCP/IP, HTTP, FTP,… Các dịch vụ Internet ü World Wide Web : Truy cập, tìm kiếm thơng tin ü Email – Electronic Mail : Trao đổi thông điệp, văn bản… ü FTP – File Tranfer Protocol : Trao đổi tập tin, chương trình,… ü Chat – Tán gẫu: Người dùng trao đổi trực tiếp với văn bản, âm thanh, hình ảnh, … Địa IP: IP Address ü Xác định máy tính mạng dựa giao thức TCP/IP Hai máy tính mạng có địa IP khác ü Có dạng x.y.z.t (0 ≤ x, y, z, t ≤ 255) ü Ví dụ: 74.125.71.105: địa máy chủ web Google.com ü Đặc biệt: địa chỉ: 127.0.0.1 (địa loopback) địa máy tính sử dụng dùng để thử mạng Tên miền: Domain Name ü Là tên “gắn” với địa IP ü Máy chủ DNS thực việc “gắn” (ánh xạ) ü Ở dạng văn nên thân thiện với người ü Được chia thành nhiều cấp, phân biệt dấu chấm (.) Đánh số cấp từ phải sang trái ü Cấp lớn cấp nhỏ ü Ví dụ: it.dlu.edu.vn gắn với 203.162.18.59 đó: – vn: Nước Việt Nam (Cấp 1) – edu: Tổ chức giáo dục (Cấp 2) – dlu: Tên quan (Cấp 3) – it: đơn vị nhỏ quan (Cấp 4) ü Đặc biệt: Tên localhost gắn với 127.0.0.1 Máy chủ (máy phục vụ): Server ü Là máy tính chuyên cung cấp tài nguyên, dịch vụ cho máy tính khác ü Thường cài phần mềm chuyên dụng để có khả cung cấp ü Một máy chủ dùng cho hay nhiều mục đích Tên máy chủ thường gắn với mục đích sử dụng Ví dụ: – – – – File server Application server Mail server Web server ü Thực tế: máy chủ có cấu hình cao, khả hoạt động ổn định Máy khách: Client ü Máy khai thác dịch vụ máy chủ ü Với dịch vụ, thường có phần mềm chuyên biệt để khai thác ü Một máy tính vừa client vừa server ü Một máy tính khai thác dịch vụ Cổng dịch vụ: Service Port – Là số Ỵ [0; 65535] xác định dịch vụ máy chủ – dịch vụ khác chiếm cổng khác – Mỗi dịch vụ thường chiếm cổng xác định, ví dụ: • Web: 80 • FTP: 21 innerHTML vs outerHTML a outerHTML Hello World innerHTML Ví dụ innerHTML Thêm, xóa node § X.appendChild ( Y) : thêm node Y vào làm node X § X.removeChild ( Y ) : xóa node Y khỏi node X § document.createTextNode(“Text”) : tạo node văn § document.createElement(TagName) : tạo node có thẻ Làm việc với thuộc tính Ta thêm, xóa, cập nhật thuộc tính node sau : § X.getAttribute(“Attribute name”) : Lấy giá trị attribute § X.setAttribute(“Attribute name”,”Attribute value”) : Thêm hay set lại giá trị attribute § X.removeAttribute(“Attribute name”) : Xóa attribute Ví dụ Định dạng node § Các node biểu diễn thẻ có thuộc tính style dùng để định dạng § Cách thay đổi định dạng node : Thay đổi background Ví dụ Thay đổi border, margin, padding Ví dụ Thay đổi font Kham khảo § Javascript Tutorial : http://www.w3schools.com/JS/default.asp § HTML DOM Tutorial : http://www.w3schools.com/HTMLDOM/default.asp § Javascript & DOM example : http://www.w3schools.com/JS/js_ex_dom.asp § HTML DOM Style Object : http://www.w3schools.com/jsref/dom_obj_style.asp Hàm thiết lập thời gain § setTimeout(“javascript command”, delayTime) : hàm cho phép thực thi lần câu lệnh hay hàm sau khoảng thời gian tính milisecond Hàm trả id id dùng cho hàm clearTimeOut() để dừng việc thực thi § clearTimeout(id) : dừng việc thực thi § setInterval(“javascript command”, delayTime) : hàm cho phép thực thi liên tục sau khoảng thời gian § clearInterval(id) : dừng việc thực thi liên tục Ví dụ Tài liệu tham khảo ü Phạm Đào Minh Vũ - Giáo Trình giảng Thiết kế web – Trường CĐ CNTT TPHCM ü Phạm Thị Nhung - Lập trình web với HTML JavaScript – NXB ĐH Quốc Gia TPHCM ü Các giáo trình tiếng Anh ü http://www.w3schools.com ü http://www.html-reference.com ü http://JavaScript.com ü… ... Trang web, web site, World Wide Web ü Trang web: Web page: – Là trang nội dung – Có thể viết nhiều ngơn ngữ khác (HTML, ASP.NET, PHP,…) kết trả client HTML ü Web site: – Tập hợp trang web có... Wide Web (WWW): Tập hợp web site mạng internet Web server, Web browser ü Web server: – Máy tính dùng lưu trữ trang Web, có kết nối Internet, cung cấp thông tin cho người dùng – Một số phần mềm web. .. trì website ü Cập nhật thơng tin – Web tĩnh: • Upload Webpage thơng qua Web Browser • Upload Webpage thông qua FTP program (Cute FTP, FTP Voyager,… ) – Web động • Form cập nhật CSDL Site có kết