Bài giảng tổng quan về website

ðẠI HỌC KINH TẾ QUỐC DÂN PHÁT TRIỂN ỨNG DỤNG WEB (WEB APPLICATION DEVELOPMENT) Giảng viên: ThS. ðặng Tuấn Anh Email: anhdt0410@gmail.com PHÁT TRIỂN ỨNG DỤNG WEB CHƯƠNG Tổng quan Website PHÁT TRIỂN ỨNG DỤNG WEB NỘI DUNG Tổng quan Internet World Wide Web Giới thiệu ứng dụng Web Tìm hiểu HTML Tìm hiểu CSS PHÁT TRIỂN ỨNG DỤNG WEB TỔNG QUAN VỀ INTERNET Internet: hệ thống thông tin toàn cầu gồm mạng máy tính ñược liên kết với nhau. Truyền thông tin theo kiểu chuyển gói liệu dựa giao thức liên mạng ñã ñược chuẩn hóa (IP). PHÁT TRIỂN ỨNG DỤNG WEB TỔNG QUAN VỀ INTERNET Lịch sử phát triển Cuối năm 60 kỷ XX: Cơ quan quản lý dự án nghiên cứu phát triển ARPA tài trợ chương trình nghiên cứu cách thức truyền thông mới. 1969: Mạng ARPANET ñời giới quân Mỹ sử dụng. 1982: Bộ giao thức TCP/IP ñược xây dựng cho ARPANET ðịnh nghĩa ñầu tiên Internet: tập hợp mạng nối với giao thức TCP/IP Vì mục ñích thương mại cộng ñồng → Internet – mạng liên kết toàn cầu PHÁT TRIỂN ỨNG DỤNG WEB TỔNG QUAN VỀ INTERNET Lợi ích Internet mang lại nhiều tiện ích cho người sử dụng: Thư ñiện tử Trò chuyện trực tuyến Tìm kiếm liệu … Internet: Khối lượng thông tin dịch vụ khổng lồ PHÁT TRIỂN ỨNG DỤNG WEB TỔNG QUAN VỀ WWW World Wide Web: hệ thống siêu văn liên kết nhiều loại văn nhiều nguồn khác thông qua Internet. ðược Tim Berners – Lee phát minh hoàn thiện vào năm 1991. PHÁT TRIỂN ỨNG DỤNG WEB TỔNG QUAN VỀ WWW Web page: văn Web Web page ñược xác ñịnh ñịa URL (Uniform Resource Locator) URL thường ñược hiểu ñịa Web (Web address) Web site: tập hợp Web page file liên quan PHÁT TRIỂN ỨNG DỤNG WEB PHÂN BIỆT INTERNET VÀ WWW Internet WWW Tập hợp máy tính Liên kết dây ñồng, cáp quang, … Tập hợp tài liệu: văn bản, hình ảnh, âm thanh, … Liên kết hyperlink URL PHÁT TRIỂN ỨNG DỤNG WEB ỨNG DỤNG WEB Web page ñược hiển thị Web Browser Web Server máy tính phân phối Web page Web server phổ biến nhất: Apache HTTP Server (Apache) Phổ biến thứ hai là: Microsoft Internet Information Services (IIS) PHÁT TRIỂN ỨNG DỤNG WEB 10 XUẤT BẢN ỨNG DỤNG WEB Web Hosting: Nơi lưu trữ Website ñể truy cập công khai Cách thức truy cập Internet: modem, satellite, ISP Internet Service Provider (ISP): Các nhà cung cấp dịch vụ truy cập internet Ví dụ: Viettel, FPT, VDC PHÁT TRIỂN ỨNG DỤNG WEB 17 XUẤT BẢN ỨNG DỤNG WEB ðăng ký tên miền Chọn tên miền phải liên quan nội dung Website Không thể dùng tên miền ñã ñược ñăng ký Liên hệ với Trung tâm Internet Việt Nam (VNNIC) ñể tìm tên miền ñăng ký. Website VNNIC: http://www.vnnic.vn/ PHÁT TRIỂN ỨNG DỤNG WEB 18 XUẤT BẢN ỨNG DỤNG WEB File Transfer Protocol (FTP) Thuộc TCP/IP Là giao thức ñược sử dụng ñể truyền file qua internet Truyền file FTP client FTP server ISP cung cấp tài khoản mật ñể ñăng nhập vào FTP client upload file lên FTP server Có thể sử dụng trình duyệt ñể ñăng nhập vào FTP server up/download file PHÁT TRIỂN ỨNG DỤNG WEB 19 HTML (HYPERTEXT MARKUP LANGUAGE) Ngôn ngữ ñánh dấu: tập hợp ký tự ký hiệu mà ñịnh nghĩa nên cấu trúc logic văn HTML: ngôn ngữ ñánh dấu siêu văn tạo web page. Mỗi web page coi tài liệu HTML (HTML document) Web Browser “ñọc” HTML document hiển thị nội dung cho người sử dụng. PHÁT TRIỂN ỨNG DỤNG WEB 20 HTML (HYPERTEXT MARKUP LANGUAGE) HTML document: tài liệu văn bao gồm dẫn ñịnh dạng gọi thẻ. Thẻ HTML bao gồm: Thẻ ñịnh dạng liệu Thẻ liên kết Thẻ ñiều khiển cho phép người dùng nhập liệu Thẻ ñược ñặt cặp dấu ngoặc < > bao gồm thẻ mở thẻ ñóng. PHÁT TRIỂN ỨNG DỤNG WEB 21 HTML (HYPERTEXT MARKUP LANGUAGE) Thẻ mở: Thẻ ñóng: HTML element: bao gồm thẻ nội dung bên thẻ. HTML document tập hợp HTML element. Element mà không ñòi hỏi thẻ ñóng ñược gọi “empty element” PHÁT TRIỂN ỨNG DỤNG WEB 22 HTML (HYPERTEXT MARKUP LANGUAGE) PHÁT TRIỂN ỨNG DỤNG WEB 23 HTML (HYPERTEXT MARKUP LANGUAGE) File HTML document phải có phần mở rộng .html .htm Mọi HTML document phải sử dụng thẻ dòng ñầu tiên. element bao gồm thông tin ñược dùng Web browser. element phải bao gồm element element ñịnh nghĩa document head element ñịnh nghĩa document body PHÁT TRIỂN ỨNG DỤNG WEB 24 HTML (HYPERTEXT MARKUP LANGUAGE) Ví dụ: Toner Cartridge Sales Toner Cartridge Sales Lexmark Toner Cartridges Model #:LEX 1382100 Compatibility: Optra 4049/3112/3116 Price: $189.99 Model #:LEX 1380520 Compatibility:Lexmark 4019/4028/4029 Price:$209.00 PHÁT TRIỂN ỨNG DỤNG WEB 25 HTML (HYPERTEXT MARKUP LANGUAGE) PHÁT TRIỂN ỨNG DỤNG WEB 26 HTML (HYPERTEXT MARKUP LANGUAGE) HTML TAGS PHÁT TRIỂN ỨNG DỤNG WEB 27 Cascading Style Sheets (CSS) CSS chuẩn W3C dùng ñể quản lý thiết kế ñịnh dạng Web page Style: ñịnh dạng thông tin lề, màu sắc, giãn dòng, cỡ chữ, … Cascading: Web page sử dụng thông tin CSS từ nhiều nguồn khác Tách nội dung trang Web ñịnh dạng hiển thị. Có thể sử dụng cho nhiều trang Web PHÁT TRIỂN ỨNG DỤNG WEB 28 Cascading Style Sheets (CSS) Inline CSS: Áp dụng trực tiếp ñối tượng ñịnh thuộc tính style ðoạn text cần in ñậm, gạch chân, màu ñỏ PHÁT TRIỂN ỨNG DỤNG WEB 29 Cascading Style Sheets (CSS) Internal CSS: ðặt CSS cặp thẻ ñặt phần header Web, áp dụng với toàn Web page body {font-family:verdana;color:#0000FF;} /* Kiểu chữ trang Web "Verdana", màu chữ thông thường màu xanh dương */ PHÁT TRIỂN ỨNG DỤNG WEB 30 Cascading Style Sheets (CSS) External CSS: ðặt thuộc tính CSS vào tệp tin riêng biệt (*.css), tham chiếu ñến từ nhiều trang Web Ví dụ nội dung tệp style.css: body {font-family:verdana;color:#0000FF;} Trong Web page, tham chiếu tới tệp tin CSS ñoạn mã (nằm thẻ ): PHÁT TRIỂN ỨNG DỤNG WEB 31 Cascading Style Sheets (CSS) Mức ñộ ưu tiên cách sử dụng: External CSS < Internal CSS < Inline CSS Cú pháp bản: css_selector_1 { thuộc_tính_1: giá_trị_của_thuộc_tính_1; thuộc_tính_2: giá_trị_của_thuộc_tính_2; . } css_selector_2 { thuộc_tính_1: giá_trị_của_thuộc_tính_1; thuộc_tính_2: giá_trị_của_thuộc_tính_2; . } . PHÁT TRIỂN ỨNG DỤNG WEB 32 [...]... D NG WEB 16 XU T B N NG D NG WEB Web Hosting: Nơi lưu tr Website ñ có th truy c p công khai Cách th c truy c p Internet: modem, satellite, ISP Internet Service Provider (ISP): Các nhà cung c p d ch v truy c p internet Ví d : Viettel, FPT, VDC PHÁT TRI N NG D NG WEB 17 XU T B N NG D NG WEB ðăng ký tên mi n Ch n tên mi n ph i liên quan n i dung Website Không th dùng m t tên mi n ñã ñư c ñăng ký Liên h... XU T B N NG D NG WEB ðăng ký tên mi n Ch n tên mi n ph i liên quan n i dung Website Không th dùng m t tên mi n ñã ñư c ñăng ký Liên h v i Trung tâm Internet Vi t Nam (VNNIC) ñ tìm tên mi n và ñăng ký Website VNNIC: http://www.vnnic.vn/ PHÁT TRI N NG D NG WEB 18 XU T B N NG D NG WEB File Transfer Protocol (FTP) Thu c TCP/IP Là giao th c ñư c s d ng ñ truy n file qua internet Truy n file gi a FTP client . quan về Website PHÁT TRIỂN ỨNG DỤNG WEB 3  Tổng quan về Internet và World Wide Web  Giới thiệu về một ứng dụng Web  Tìm hiểu về HTML  Tìm hiểu về CSS NỘI DUNG PHÁT TRIỂN ỨNG DỤNG WEB 4 . ỨNG DỤNG WEB Giảng viên: ThS. ðặng Tuấn Anh Email: anhdt0410@gmail.com (WEB APPLICATION DEVELOPMENT) ðẠI HỌC KINH TẾ QUỐC DÂN PHÁT TRIỂN ỨNG DỤNG WEB 2 CHƯƠNG 1 Tổng quan về Website PHÁT TRIỂN. chuẩn hóa (IP). TỔNG QUAN VỀ INTERNET PHÁT TRIỂN ỨNG DỤNG WEB 5  Cuối những năm 60 thế kỷ XX: Cơ quan quản lý dự án nghiên cứu phát triển ARPA tài trợ chương trình nghiên cứu về một cách thức