›
›

Bài giảng Thiết kế web kinh doanh - Chương 1: Giới thiệu tổng quan web - Nguyễn Thị Hương Lý

pptx 23 trang Gia Huy 16/05/2022 1660
Download
Bạn đang xem 20 trang mẫu của tài liệu "Bài giảng Thiết kế web kinh doanh - Chương 1: Giới thiệu tổng quan web - Nguyễn Thị Hương Lý", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên

Tài liệu đính kèm:

  • pptxbai_giang_thiet_ke_web_kinh_doanh_chuong_1_gioi_thieu_tong_q.pptx

Nội dung text: Bài giảng Thiết kế web kinh doanh - Chương 1: Giới thiệu tổng quan web - Nguyễn Thị Hương Lý

  1. BÀI GIẢNG Thiết kế Web Kinh doanh GVDD: Nguyễn Thị Hương Lý Email: lynth@ntu.edu.vn 2021 version
  2. Nội ung 1. Giới thiệu tổng quan Web 2. Ngôn ngữ HTML 3. CSS 4. JavaScrip 5. Ngôn ngữ PHP căn bản
  3. Mô tả học phần ❑Cung cấp cho người học kiến thức để xây dựng và phát triển ứng dụng web, cụ thể ❖Thiết kế trang web với ngôn ngữ HTML ❖Trang trí, định dạng và bố cục trang web với ngôn ngữ CSS ❖Tăng tính tương tác với người dùng bằng ngôn ngữ lập trình JavaScript ❖Kết nối hệ quản trị cơ sở dữ liệu MySQL sử dụng ngôn ngữ PHP ❖Sử dụng CMS WordPress để thiết kế website thương mại.
  4. Đánh giá kết quả học tập
  5. BÀI GIẢNG Thiết kế Web Kinh doanh Chương 1. Giới thiểu tổng quan Web 2021 version
  6. 1.1. Webpage - Website ❑Webpage: ❖Web là một hệ thống các văn bản có mối siêu liên kết bên trong với nhau (interlinked hypertext documents) được truy xuất thông qua hệ thống Internet. ❖Webpage là một trang thông tin chứa: văn bản (text), hình ảnh, video và các đa phương tiện khác có mối siêu liên kết với nhau (hyperlinks). ❖Một trang web là một tập tin HTML hoặc XHTML được truy xuất thông qua giao thức HTTP.
  7. 1.1. Webpage – Website (tt) ❑Website: ❖Website là một tập hợp các trang web nằm trong một tên miền hoặc tên miền phụ trên WWW của hệ thống mạng Internet. ❖Phân loại: • Website tĩnh: chủ yếu giới thiệu thông tin • Website động: có sự tương tác với người dùng
  8. 1.1. Webpage – Website (tt)
  9. 1.2. HTML, XHTML, DHTML ❑HTML: ❖HTML – HyperText Markup Language: ngôn ngữ đánh dấu siêu văn bản. • HyperText – văn bản có thể kết nối đến văn bản khác. • Sử dụng các “thẻ” để “đánh dấu” văn bản, giúp trình duyệt xác định được cách biểu diễn trang web đến người sử dụng ❖Một tập tin HTML là một tập tin văn bản trong đó có chứa các thẻ đánh dấu (có phần mở rộng *.html hoặc *.htm).
  10. 1.2. HTML, XHTML, DHTML (tt) ❑XHTML: ❖XHTML – eXtensible HyperText Markup Language (ngôn ngữ đánh dấu siêu văn bản mở rộng): tương tự ngôn ngữ HTML nhưng có cú pháp chặt chẽ hơn. ❖XHTML được xem là thế hệ tiếp theo của của HTML dựa trên chuẩn XML.
  11. 1.2. HTML, XHTML, DHTML (tt) ❑DHTML: ❖DHTML – Dynamic HyperText Markup Language (ngôn ngữ đánh dấu siêu văn bản động) ❖DHTML: là ngôn ngữ dùng tạo ra trang web dựa trên sự kết hợp của nhiều kỹ thuật như HTML tĩnh, javaScript, CSS và DOM. ❖DHTML cho phép người dùng thêm các hiệu ứng vào các trang web mà HTML không thực hiện được.
  12. 1.3. Các ngôn ngữ lập trình Web ❑Hiện nay, có nhiều ngôn ngữ lập trình hỗ trợ cho việc viết các ứng dụng web chạy trên máy chủ (xây dựng các website động) như: ❖ASP (Active Server Pages): do Microsoft phát triển ❖JSP (Java Server Pages): IBM phát triển ❖PHP (Hypertext Preprocessor): cộng đồng phát triển ❖
  13. 1.4. Web Server – Web Client - HTTP ❑ Web Server: ❖nơi nhận và điều phối các yêu cầu từ Web Client và gửi kết quả trả về. ❑Web Client (Web Browser): ❖nơi thể hiện dữ liệu, tập hợp dữ liệu của người dùng và gửi đến Web Server. ❑Protocol: ❖Giao thức: quy định về giao tiếp giữa ứng dụng mạng. ❑HTTP – Hypertext Transfer Protocol ❖Giao thức giao tiếp giữa web browser với web server
  14. 1.5. URL – Uniform Resource Locator ❑URL: chuỗi định danh duy nhất cho các tài nguyên Internet ❑Chỉ ra: ❖Cách truy cập ❖Vị trí tài nguyên ❑Cú pháp: Protocol://host_name[:port_num][/path][/file_name]
  15. 1.5. URL – Uniform Resource Locator (tt) ❑Cổng dịch vụ (service port) ❖Một Server có thể cung cấp nhiều dịch vụ → cần sử dụng cổng để xác định dịch vụ cung cấp. ❖Mỗi dịch vụ thường chiếm những cổng mặc định. 80 (http), 443 (https): Web service 3306: mysql server
  16. 1.6. Mô hình Client – Server IIS Apache TomCat 1 1 Web Client HTTP Respone 2 2 Máy Server Máy Client
  17. 1.7. Qui trình thiết kế Website ❑Bước 1: Đặt vấn đề ❖Mục tiêu ❖Tính khả thi • Thời gian • Nhân sự • Tài chính
  18. 1.7. Qui trình thiết kế Website (tt) 2. Phân tích: hiểu rõ yêu cầu của khách hàng, xác định điều kiện cần thiết của hệ thống. ❖Thu thập thông tin để xác định vấn đề cần giải quyết. ❖Xác định yêu cầu hệ thống ❖Nội dung, hình ảnh? ❖Thứ tự và mối liên quan giữa các nội dung ❖
  19. 1.7. Qui trình thiết kế Website (tt) 3. Thiết kế ❖Sơ đồ cấu trúc website ❖Giao diên ❖CSDL ❖Nội dung từng trang ❖Liên kết giữa các trang ❖
  20. 1.7. Qui trình thiết kế Website (tt) 4. Xây dựng và cài đặt Website ❖Viết code ❖Chọn tên miền và host ❖Cài đặt website vào hệ thống ❖Kiểm thử
  21. 1.7. Qui trình thiết kế Website (tt) 5. Các hoạt động hỗ trợ ❖Bảo trì: sửa lỗi, cập nhật ❖Mở rộng: thay đổi chức năng, nâng cấp hệ thống ❖Hướng dẫn người dùng
  22. Bài thực hành 1 – Khảo sát Website ❑Khảo sát các trang Web và rút ra các nhận xét về cách thiết kế trang Web ❑Làm quen với cách sử dụng một số công cụ tiện ích hỗ trợ trong quá trình thiết kế Web • Frontpage, Dreamweaver, Visual code • Photoshop, Flash,
  23. Bài thực hành 1 – Khảo sát We ❑Một số trang web cung cấp hình ảnh làm web ❖ – www.clipart.com ❖ – • Một số trang web cung cấp các kiểu font chữ ❖– • Một số trang web cung cấp mẫu thiết kế giao diện web ❖–