Thiết kế Web- TỔNG QUAN

2/16/2011 1 TRƯỜNG ĐẠI HỌC SÀI GÒN B THIẾT KẾ WEB P TRÌNH WE TỔNG QUAN T KẾ VÀ LẬ P GV: Trần Đình Nghĩa tdnghia1977@gmail.com THIẾ T 1 2/16/2011 2 NỘI DUNG 1. Khái niệm cơ bản và các thành phần ủ b c ủ a we b s i te. 2 Nguyên tắc hoạt động cơ bản của B 2 . Nguyên tắc hoạt động cơ bản của website. P TRÌNH WE 3. Các bước thiết lập website T KẾ VÀ LẬ P THIẾ T 2 2/16/2011 3 Khái niệm cơ bản  Mạng máy tính: Computer Network: Hệ thống các máy tính được kết nối với nhau nhằm trao đổi dữ liệ liệ u.  Giao thức: Protocol:  Tậphợp các quy tắc đượcthống nhấtgiữa các máy tính B  Tập hợp các quy tắc được thống nhất giữa các máy tính trong mạng nhằm thực hiện trao đổi dữ liệu được chính xác  Ví dụ : T C P / IP , HTTP , FTP , … P TRÌNH WE  dụ C/ , ,, T KẾ VÀ LẬ P THIẾ T 3 2/16/2011 4 Khái niệm cơ bản  Địa chỉ IP: IP Address  X ác đị nh m ột m áy t ính t r o n g m ạ n g dựa  ác đị ộ áy o g ạ gdựa trên giao thức TCP/IP. Hai máy tính trong mạng có 2 địa chỉ IP khác nhau B  Có dạng x.y.z.t (0 ≤ x, y, z, t ≤ 255)  Ví dụ: 118.69.204.180: địa chỉ máy chủ P TRÌNH WE web của Đại học Sài Gòn.  Đặc biệt: địa chỉ: 127.0.0.1 (địa chỉ T KẾ VÀ LẬ P loopback) là địa chỉ của chính máy tính đang sử dụng dùng để thử mạng THIẾ T 4 2/16/2011 5 Khái niệm cơ bản  Tê iề DiN  Tê n m iề n: D oma i n N ame  Là tên được “gắn” với 1 địa chỉ IP.  Máy chủ DNS thực hiện việc “gắn” (ánh xạ)  Ở dạng văn bản nên thân thiện với con người B  Được chia thành nhiều cấp, phân biệt bởi dấu chấm (.). Đánh số cấp lần lượt từ phải sang trái bắt đầu từ 1. P TRÌNH WE  Cấp trái là con của cấp phải  Ví dụ: fit.sgu.edu.vn gắn với 112.213.89.40 tron g đó: T KẾ VÀ LẬ P g  vn: Nước Việt Nam (Cấp 1)  edu: Tổ chức giáo dục (Cấp 2)  sgu: Tên cơ quan (Cấp 3)  fit : đơnvị nhỏ trong cơ quan (Cấp4) THIẾ T 5 fit : đơn vị nhỏ trong cơ quan (Cấp 4)  Đặc biệt: Tên localhost được gắn với 127.0.0.1 2/16/2011 6 Khái niệm cơ bản  Má hủ áh S  Má y c hủ -m á y p h ục vụ: S erve r  Là máy tính chuyên cung cấp tài nguyên, dịch vụ cho máy tính khác. nguyên, dịch vụ cho máy tính khác.  Thường được cài các phần mềm chuyên dụng để có khả năng cung cấp B  Một máy chủ có thể dùng cho một hay nhiều mục đích. Tên máy chủ thường gắnvớimục đích sử dụng Ví dụ: P TRÌNH WE gắn với mục đích sử dụng . Ví dụ:  File server  Application server  Mail server T KẾ VÀ LẬ P  Web server  Thực tế: các máy chủ có cấu hình cao, khả năng hoạt động ổn định THIẾ T 6 khả năng hoạt động ổn định 2/16/2011 7 Khái niệm cơ bản  Má khá h Cli  Má y khá c h : Cli ent  Máy khai thác dịch vụ của áhủ m á y c hủ  Với mỗi dịch vụ, thường có các phầnmềm chuyên biệt B các phần mềm chuyên biệt để khai thác  Một máy tính có thể vừalà P TRÌNH WE  Một máy tính có thể vừa là client vừa là server  Một máy tính có thể khai thác T KẾ VÀ LẬ P  Một máy tính có thể khai thác dịch vụ của chính nó. THIẾ T 7 2/16/2011 8 Khái niệm cơ bản  Cổ dị h SiP  Cổ ng dị c h vụ: S erv i ce P ort  Là số  [0; 65535] xác định dịch vụ của máy hủ c hủ  2 dịch vụ khác nhau chiếm các cổng khác nhau B nhau  Mỗi dịch vụ thường chiếm các cổng xác định ví dụ: P TRÌNH WE định , ví dụ:  Web: 80  FTP: 21 T KẾ VÀ LẬ P FTP: 21 THIẾ T 8 2/16/2011 9 Khái niệmcơ bản  Web là gì? Là các dịch vụ phân tán cung cấp thông tin multimedia dựa trên hypertext thông tin multimedia dựa trên hypertext  Phân tán: Thông tin được đặt trên nhiều B máy chủ khắpthế giới  Multimedia: thông tin bao gồm text P TRÌNH WE  Multimedia: thông tin bao gồm text , graphics, sound, video. T KẾ VÀ LẬ P  Hypertext: là kỹ thuật đượcsử dụng để truy ậ thô ti THIẾ T 9 9 c ậ p thô ng ti n 2/16/2011 10 Khái niệm cơ bản  Web = protocol + language + naming infrastructure  HTTP -HyperText Transport Protocol  Là giao thức giao tiếp giữa WWW client and server  HTML -H yp erText Marku p Lan g ua g e B yp p g g  Ngôn ngữ biểu diễn các tài liệu WWW  URL - Uniform Resource Locator P TRÌNH WE  URL - Uniform Resource Locator  Địa chỉ web(xác định duy nhất) T KẾ VÀ LẬ P  Client-script: VB script, Java script  Server-script: ASP, PHP, JSP, ASP.NET, THIẾ T 10 [...]... 2/16/2011 Tổng kết 1 Khái niệm cơ bản và các thành phần của website website THIẾT KẾ VÀ LẬP TRÌNH WEB T P 2 2 Nguyên tắc hoạt động cơ bản của website 3 Các dịch vụ trên Internet 4 Các bước thiết lập website 5 Bài thực hành 1 26 26 2/16/2011 Đại Học Sài Gòn – Khoa CNTT Tổng quan về lập trình THIẾT KẾ VÀ LẬP TRÌNH WEB T P ứng dụng web 27 27 2/16/2011 Nội dung 1 Các bước thiết lập website 2 Thiết kế website THIẾT... cầu cơ bả của tiêu, ê ầ ơ bản ủ website  Đối tượng website phục vụ THIẾT KẾ VÀ LẬP TRÌNH WEB T P  Chủ đề website  Kết quả thu được sẽ là những thông tin quan trọng trong giai đoạn xây dựng web (Planning) 30 30 2/16/2011 Mục tiêu yêu cầu cơ bản Đề ra mục tiêu khái quát, ngắn gọn, rõ ràng của website cần thiết kế  õ à ủ b it ầ THIẾT KẾ VÀ LẬP TRÌNH WEB T P Mục đích lập website của bạn là gì? ụ ập ạ... tìm kiếm Các công cụ tìm kiếm g y g ụ THIẾT KẾ VÀ LẬP TRÌNH WEB T P hiện nay, Google, Wiki,…  HTTP, FTP, S , , SMTP, POP3: Đây là các giao thức được , O 3 ây à g ao t ức dùng cho các dịch vụ web ftp, email trên Internet 22 22 2/16/2011 Các bước thiết lập website  Xác định yêu cầu Website  Mua tên miền THIẾT KẾ VÀ LẬP TRÌNH WEB T P  Thuê chỗ hosting ỗ  Thiết kế Website  Đưa vào hoạt động  Duy... toàn t à bộ kế h hoạch phát t iể h hát triển 31 31 2/16/2011 Đối tượng phục vụ Xác định loại đối tượng phục vụ chính Tìm hiểu đối tượng phục vụ  Sự hiểu biết THIẾT KẾ VÀ LẬP TRÌNH WEB T P  Trình độ  Sở thích  Kinh nghiệm duyệt web  Thiết kế tốt sẽ thích hợp cho nhiều dạng đối tượng có trình độ nhu cầu khác nhau 32 32 2/16/2011 Chủ đề website Giúp định hướng cho công việc thiết kế Giới thiệu... TRÌNH WEB T P ứng dụng web 27 27 2/16/2011 Nội dung 1 Các bước thiết lập website 2 Thiết kế website THIẾT KẾ VÀ LẬP TRÌNH WEB T P • Thiết kế giao diện 3 Xây dựng website dưới góc â ớ ó nhìn ngộ nghĩnh hì ộ hĩ h 28 28 2/16/2011 Các bước thiết lập web  Xác định yêu cầu Website  Mua tên miền THIẾT KẾ VÀ LẬP TRÌNH WEB T P  Thuê chỗ hosting ỗ  Xây dựng Website  Đưa vào hoạt động  Duy trì thông tin,...2/16/2011 Khái niệm cơ bản THIẾT KẾ VÀ LẬP TRÌNH WEB T P Web hoạt động thế nào ? W b – h t độ à 11 11 2/16/2011 Các thành phần của website URL THIẾT KẾ VÀ LẬP TRÌNH WEB T P Web Browser Webpage 12 12 2/16/2011 Khái niệm chính Browser  Lấy hiển thị (nếu có thể) các tài nguyên khác nhau  Khả năng hiển thị  Text-only THIẾT KẾ VÀ LẬP TRÌNH WEB T P  Graphic  Hiển thị được nhiều... danh duy nhất cho các tài nguyên Internet  Chỉ ra:  Cách truy cập THIẾT KẾ VÀ LẬP TRÌNH WEB T P  Vị trí tài nguyên  Cú pháp chung: Protocol://host_name[:port_num][/path][/file_name]  URL không bao giờ chứa khoảng trắng 14 14 2/16/2011 THIẾT KẾ VÀ LẬP TRÌNH WEB T P Các giao tác chuẩn trên web 15 15 2/16/2011 Các dịch vụ trên web THIẾT KẾ VÀ LẬP TRÌNH WEB T P  World Wide Web - www 16 16 2/16/2011 Các... Đại Học Sài Gòn – Khoa CNTT THIẾT KẾ VÀ LẬP TRÌNH WEB T P Bài thực hành 1 Thao tác và sử dụng mạng Internet 24 24 2/16/2011 Bài thực hành 1  Đăng ký nhóm (file Excel)  Tìm kiếm thông tin về Free hosting Tì kiế thô ti ềF h ti THIẾT KẾ VÀ LẬP TRÌNH WEB T P  Đảm bảo mỗi người có Email  Khảo sát giao diện, tính năng của các g ệ , g website hiện có trên Internet có liên quan đến chủ đề đã chọn  Dùng... Sử dụng giao thức SMTP/POP3 để gởi nhận email THIẾT KẾ VÀ LẬP TRÌNH WEB T P  Địa chỉ email có dạng: name@domain_name  Được quản lý bởi Mail Server ( MailClient)  Truyền tải tập tin – FTP – File Transfer Protocol  Là dịch vụ trao đổi các tập tin giữa các máy tính trên Internet  Tán ngẫu – Chat – Yahoo Messenger / Google Talk 17 17 2/16/2011 THIẾT KẾ VÀ LẬP TRÌNH WEB T P Tra cứu thông tin trên... Explorer Enterprise: http://www.metaproducts.com THIẾT KẾ VÀ LẬP TRÌNH WEB T P  Download file:  FlashGet – www flashget com www.flashget.com  Tìm kiếm:  Copernic – www.copernic.com: hỗ trợ tìm kiếm thông minh ỗ ế trên nhiều Search Engine cùng lúc, và loại bot kết quả trùng 19 19 2/16/2011 Một số thuật ngữ thông dụng  Internet: Mạng máy tính toàn cầu kết nối các mạng máy tính khắp nơi trên thế giới . 2/16/2011 1 TRƯỜNG ĐẠI HỌC SÀI GÒN B THIẾT KẾ WEB P TRÌNH WE TỔNG QUAN T KẾ VÀ LẬ P GV: Trần Đình Nghĩa tdnghia1977@gmail.com THIẾ T 1 2/16/2011 2 NỘI. đó: T KẾ VÀ LẬ P g  vn: Nước Việt Nam (Cấp 1)  edu: Tổ chức giáo dục (Cấp 2)  sgu: Tên cơ quan (Cấp 3)  fit : đơnvị nhỏ trong cơ quan (Cấp4) THIẾ T 5 fit : đơn vị nhỏ trong cơ quan . website. P TRÌNH WE 3. Các bước thiết lập website T KẾ VÀ LẬ P THIẾ T 2 2/16/2011 3 Khái niệm cơ bản  Mạng máy tính: Computer Network: Hệ thống các máy tính được kết nối với nhau nhằm trao đổi