Bài giảng Nhập môn HTML và thiết kế Web: Bài 1 - Tìm hiểu môi trường Web nêu lên các khái niệm cơ bản trong môi trường Web, cấu trúc của một trang HTML, sử dụng các ký tự đặc biệt trong HTML. Mời các bạn tham khảo.
NHẬP MƠN HTML VÀ THIẾT KẾ WEB TÌM HIỂU MƠI TRƯỜNG WEB Bộ môn Hệ thống thông tin – Khoa Cơng Nghệ Thơng Tin NỘI DUNG Mục đích môn học Các khái niệm môi trường web Cấu trúc trang HTML Sử dụng ký tự đặc biệt HTML Bộ môn Hệ thống thơng tin – Khoa Cơng Nghệ Thơng Tin MỤC ĐÍCH MÔN HỌC Cung cấp cho sinh viên kiến thức vai trò Client Server world wide web, HTML, CSS Javascript Hình thành kỹ thiết kế, xây dựng triển khai hệ thống website Bộ môn Hệ thống thông tin – Khoa Công Nghệ Thông Tin MỤC ĐÍCH MƠN HỌC Tài liệu tham khảo: [1] Slide giảng Nhập môn HTML thiết kế web [2] Bài giảng Nhập môn HTML thiết kế web [3] MSDN Library [4] Một tài liệu mạng Bộ môn Hệ thống thông tin – Khoa Công Nghệ Thông Tin CÁC KHÁI NIỆM CƠ BẢN World Wide Web: Dịch vụ World wide web xây dựng theo mơ hình Client/Server: Một máy phục vụ cho việc lưu trữ tài liệu Hypertext gọi Web Server Một máy tính với phần mềm có khả hiểu tài liệu Hypertext giao tiếp với Web Server gọi Web Browser hay web client Khi người sử dụng có yêu cầu tài liệu cách gửi đến Web Server URL Web Server phục vụ tài liệu Web Browser hiển thị lên hình với khn dạng thích hợp Bộ mơn Hệ thống thơng tin – Khoa Công Nghệ Thông Tin CÁC KHÁI NIỆM CƠ BẢN URLs (Uniform Resource Locators): Là trỏ dùng với mục đích đơn giản xác định vị trí tài ngun mơi trường Internet URL có cấu trúc chuỗi có định dạng sau: http: // [: ] [ [? ]] Ví dụ: http://www.mta.edu/default.aspx?tabid=234 Bộ mơn Hệ thống thông tin – Khoa Công Nghệ Thông Tin CÁC KHÁI NIỆM CƠ BẢN HTTP (Hypertext Transfer Protocol): Web Browser Web Server giao tiếp với thông qua giao thức gọi HTTP Sự kết nối Http qua giai đoạn: Tạo kết nối Thực yêu cầu Phản hồi Kết thúc kết nối Bộ môn Hệ thống thông tin – Khoa Công Nghệ Thông Tin CÁC KHÁI NIỆM CƠ BẢN HTTP (Hypertext Transfer Protocol): Server side: Khi máy trạm gửi yêu cầu lên máy chủ Trên máy chủ xử lý công việc thực thao tác với sở liệu sau gửi thơng tin dạng ngơn ngữ HTML để trình duyệt hiển thị Bộ mơn Hệ thống thông tin – Khoa Công Nghệ Thông Tin CÁC KHÁI NIỆM CƠ BẢN HTTP (Hypertext Transfer Protocol): Client Side: Khi client gửi Request Server xử lý nghiệp vụ thao tác với hệ quản trị CSDL Sau trả thông tin Client Trên Client, với thư viện Jquery, javascript … thực việc hiển thị liệu trình duyệt Bộ mơn Hệ thống thông tin – Khoa Công Nghệ Thông Tin CÁC KHÁI NIỆM CƠ BẢN Web Server: Là phần mềm sử dụng máy phục vụ "lắng nghe" yêu cầu người sử dụng từ cổng truyền thơng Ví dụ: ASP.NET, PHP, JSP, Web Browser (trình duyệt Web): phần mềm dùng phía người sử dụng, Khởi tạo trỏ địa URL để gửi tới Web Server Diễn dịch tài liệucó nội dung dạng HTML hiển thị Bộ môn Hệ thống thông tin – Khoa Công Nghệ Thông Tin CÁC KHÁI NIỆM CƠ BẢN Web động tĩnh: Bộ môn Hệ thống thông tin – Khoa Công Nghệ Thông Tin CẤU TRÚC TRANG HTML HTML (HyperText Markup Language) ngôn ngữ mô tả tài liệu Bộ môn Hệ thống thông tin – Khoa Công Nghệ Thông Tin CẤU TRÚC TRANG HTML Cấu trúc trang HTML gồm phần: Phần HTML: Mọi tài liệu HTML thẻ mở kết thúc thẻ đóng …. Phần HEAD: Bắt đầu từ thẻ kết thúc thẻ Tất thông tin chứa thẻ không xuất trang Web, thường chứa thẻ , , , Thẻ tiêu đề: Phần BODY: Bắt đầu thẻ kết thúc thẻ Các thông tin thẻ xuất trang Bộ môn Hệ thống thông tin – Khoa Công Nghệ Thông Tin CẤU TRÚC TRANG HTML Cấu trúc trang HTML gồm phần: Welcome to My WebThân trang
Bộ môn Hệ thống thông tin – Khoa Công Nghệ Thông Tin CẤU TRÚC TRANG HTML Cấu trúc trang HTML: Chú ý: HTML quy định không phân biệt chữ hoa chữ thường Thẻ HTML có hai loại: Loại có thẻ mở kèm thẻ đóng, Loại thứ hai loại có thẻ mở khơng có thẻ đóng Bộ mơn Hệ thống thơng tin – Khoa Công Nghệ Thông Tin SỬ DỤNG CÁC KÝ TỰ ĐẶC BIỆT Dấu lớn (>): Mã định dạng: > Ví dụ: Table IF A > B Then A=A+1 Bộ môn Hệ thống thông tin – Khoa Công Nghệ Thông Tin SỬ DỤNG CÁC KÝ TỰ ĐẶC BIỆT Dấu nhỏ ( ….< /html> Phần HEAD: Bắt đầu từ thẻ kết thúc thẻ ... wide web, HTML, CSS Javascript Hình thành kỹ thiết kế, xây dựng triển khai hệ thống website Bộ môn Hệ thống thông tin – Khoa Cơng Nghệ Thơng Tin MỤC ĐÍCH MƠN HỌC Tài liệu tham khảo: [1] Slide giảng