LỜI CẢM ƠN Trước tiên, em xin phép gửi lời mời cảm ơn sâu sắc tới cô Trần Thị Diệu Hiền đã nhiệt tình giúp đỡ và hướng dẫn em trong quá trình thực hiện khóa luận này Em cũng xin gửi đến quý thầy cô đang giảng dạy tại trường Đại học Quảng Nam nói chung và thầy cô trong khoa Toán - Tin nói riêng lời biết ơn chân thành, cảm ơn thầy cô vì đã hết lòng truyền đạt cho em những kiến thức trong những năm tháng học tại Trường Kín h chúc quý thầy cô luôn mạnh khỏe, gặt hái được nhiều thành công trong sự nghiệp! Dù đã cố gắng hết sức thực hiện đề tài nhưng cũng khó tránh khỏi những thiếu sót, em rất mong nhận được sự góp ý của quý thầy cô, các anh chị và các bạn để bản thân em khắc phục và tiến bộ hơn Quảng Nam, tháng 5 năm 2022 Sinh viên thực hiện Phoutthasith Phommachack Trang 2 MỤC LỤC PHẦN 1 MỞ ĐẦU 1 1 Lý do chọn đề tài 1 2 Mục tiêu của đề tài 2 3 Đố i tượng và phạm vi nghiên cứu 2 3 1 Đối tượng nghiên cứu 2 3 2 Phạm vi nghiên cứu 2 4 Phương pháp nghiên cứu 2 5 Cấu trúc đề tài 2 PHẦN 2 NỘI DUNG NGHIÊN CỨU 3 CHƯƠNG 1 CƠ SỞ LÝ THUYẾT 3 1 1 Uniform Resource Locator (URL) 3 1 1 1 Hypertext Transfer Protocol (HTTP) 3 1 1 2 Wor l d Wide Web (WWW) 5 1 2 Ngôn ngữ HyperText Markup Language(HTML) 7 1 2 1 Giới thiệu 7 1 2 2 Cấu trúc cơ bản của một file HTML 9 1 3 Ngôn ngữ Cascading Style Sheets ( CSS ) 11 1 3 1 Giới thiệu 11 1 4 Công cụ sử dụng 13 1 4 1 Notepad++ 13 1 4 2 Cách Cài đặt 14 CHƯƠNG 2 PHẦN TÍCH THIẾT KẾ HỆ THỐNG 20 2 1 Biểu đồ Use Case 20 2 2 Biểu đồ trạng thái 23 2 2 1 Các trạng thái của Admin 23 2 2 2 Các trạng thái của User 23 2 3 Sơ đồ tuần tự 24 2 3 1 Admin đăng nhập 24 2 3 2 Admin xem danh sách khách 24 2 3 3 User xem thông tin món ăn 24 2 3 4 User tạo liên hệ và gởi nhận xét 25 Trang 3 2 4 Biểu đồ lớp 25 2 5 Thiết kế cơ sở dữ liệu (CSDL) 26 CHƯƠNG 3 CÀI ĐẶT CHƯƠNG TRÌNH 29 3 1 Cài đặt Website 29 3 2 Giới thiệu các giao diện trong trang website 30 3 2 1 Giao diện trang chủ 30 3 2 2 Giao diện trang đăng ký người dùng 31 3 2 3 Đăng nhập 31 3 2 5 Chi tiết bài viết 32 PHẦN 3 KẾT LUẬN VÀ KIẾN NGHỊ 33 1 Kết luận 33 2 Kiến nghị 33 PHẦN 4 TÀI LIỆU THAM KHẢO 34 1 PHẦN 1 MỞ ĐẦU 1 Lý do chọn đề tài Trong sự phát triển mạnh mẽ của khoa học công nghệ thế giới, có thể nói rằng ngành công nghệ thông tin phát triển với tốc độ nhanh nhất và ngày càng thể hiện được vai trò to lớn, hết sức quan trọng đối với toàn bộ đời sống con người Hầu hết các lĩnh vực t rong xã hội đều ứng dụng công nghệ thông tin, nhiều phần mềm đã mang lại hiệu quả trong thực tế Song thực tiễn luôn đặt ra những yêu cầu mới đòi hỏi ngành công nghệ thông tin không ngừng phát triển để thỏa mãn và đáp ứng những thay đổi của cuộc sống Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh m ẽ Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, Công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác Mạng Internet là một trong những sản phẩm có giá trị hết s ức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: chỉ cần có một máy tính kết nối Internet và một dòng dữ liệu truy tìm thì gần như lập tức… cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thông tin, hình ảnh và thậm chí đôi lúc có cả những âm thanh nếu bạn cần… Bằng Internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với cách thức truyền thống Chính điều này, đã thúc đẩy sự khai sinh và phát triển của thương mại điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người Hiện nay, nhận thức được rõ tầm quan trọng của Internet trong vấn đề thông tin trợ giúp đắc lực cho việc quản bá sản phẩm, đặc sản ở các vùng Trang 2 miền Bắt nguồn với ý tưởng này, em đã chọn đề tài “ XÂY DỰNG WEBSITE GIỚI THIỆU SẢN PHẨM ĐẶC SẢN VÙNG MIỀN DÂN TỘC LÀO ” làm đề tài khóa luận 2 Mục tiêu của đề tài - Tìm hiểu rõ hơn về HTML, CSS - Xây dựng một Website “Món ăn” hoàn chỉnh bao gồm các chức năng cần thiết t rong thương mại điện tử - Sử dụng kiểm thử để đánh giá website vừa xây dựng 3 Đối tượng và p hạm vi nghiên cứu 3 1 Đối tượng nghiên cứu ` - Đối tượng nghiên cứu: HTML, CSS 3 2 Phạm vi nghiên cứu - Áp dụng HTML, CSS để thiết kế giao diện - Áp dụng Bootstrap , java script , jquery vào web giao diện 4 Phương pháp nghiên cứu - Phương pháp nghiên cứu : Nghiên cứu tài liệu, tìm hiểu nhiều về HTML và CSS thông qua các diễn đàn trên internet - Phương pháp lấy ý kiến chuyên gia: Lấy ý kiến giảng viên trực tiếp hướng dẫn, các giảng viên bộ môn để hoàn thiện về mặt nội dung và hình thức của khóa luận - Để thực hiện đề tài này, em sử dụng phương pháp phân tích và thiết kế hệ thống theo hướng đối tượng, hoạt động khảo sát, phân tích, thiết kế… 5 Cấu trúc đề tài Ngoài phần mở đầu, kết luận và tài liệu tham khảo đề tài được thực hiện ba chương bao gồm: Chương I: Cơ sở lý thuyết Chương II: Ph â n tích thiết kế hệ thống Chương III: Cài đặt chương trình Trang 3 PHẦN 2 NỘI DUNG NGHIÊN CỨU CHƯƠNG 1 CƠ SỞ LÝ THUYẾT 1 1 Uniform Resource Locator ( URL ) URL viết tắt của (Uniform Resource Locator), URL cung cấp một cách chính xác để xác định vị trí một nguồn tài nguyên trên web, các hệ thống hoạt động trên internet URL chứa tên của giao thức sử dụng để truy cập vào tài nguyên và tên của tài nguyên Phần đầu tiên của một URL xác định giao thức nào được sử dụng P hần thứ hai xác định địa chỉ IP hoặc tên miền nơi có tài nguyên nằm Giao thức URL bao gồm HTTP (Hypertext Transfer Protocol) và HTTPS (HTTP Secure) cho tài nguyên web, “mailto” cho các địa chỉ email, “ftp” cho các tập tin trên File Transfer Protocol serve r , và telnet cho một phiên truy cập máy tính từ xa Một URL được sử dụng chủ yếu để trỏ đến một trang web, một thành phần của một trang web hoặc một chương trình trên một trang web Tên tài nguyên của URL bao gồm: Một tên miền xác định một máy chủ hoặc c ác dịch vụ web Một tên chương trình hoặc một đường dẫn đến tập tin trên máy chủ Ví dụ, https://www mona - media com/project/instagetter/index html Các nguồn tài nguyên sẽ được lấy ra bằng cách sử dụng giao thức HTTPS Các nguồn tài nguyên có được thông qua t ên miền (DNS) “ www mona - media com ” Và đường dẫn đến tài nguyên cụ thể là /project/instagetter/index html 1 1 1 Hypertext Transfer Protocol ( HTTP ) HTTP là chữ viết tắt của HyperText Transfer Protocol (giao thức truyền tải siêu văn bản) Đây là một giao thức ứng dụng trong bộ các giao thức TCP/IP (gồm một nhóm các giao thức nền tảng cho internet) Trang 4 Hình 1 1 Hoạt động mô hình Client - Server HTTP hoạt động dựa trên mô hình Client – Server Trong mô hình này, các máy tính của người dùng sẽ đóng vai trò làm máy khách (Client) Sau một thao tác nào đó của người dùng, các máy khách sẽ gửi yêu cầu đến máy chủ (Server) và chờ đợi câu trả lời từ những máy chủ này Để có thể nói chuyện được với nhau, các máy chủ và máy khách phải thực hiện việc trao đổi thông qua các giao thức Một trong những giao thức được sử dụng thường xuyên nhất chính là HTTP HTTP là chữ viết tắt của HyperText Transfer Protocol (giao thức truyền tải siêu văn bản) Đây là một giao thức ứng dụng trong bộ các giao thức TCP/IP (gồm một nhóm các g iao thức nền tảng cho internet) Khi bạn gõ một địa chỉ Web URL vào trình duyệt Web, một lệnh HTTP sẽ được gửi tới Web server để ra lệnh và hướng dẫn nó tìm đúng trang Web được yêu cầu Trang Web này sau đó sẽ được kéo về và mở trên trình duyệt Web Nói đơ n giản hơn, HTTP là giao thức giúp cho việc truyền tải file từ một Web server vào một trình duyệt Web để người dùng có thể xem một trang Web đang hiện diện trên trình duyệt Điều người dùng Internet cần lưu ý: V iệc sử dụng giao thức HTTPS giúp tăng cường k hả năng bảo mật và phòng vệ đáng kể cho người dùng internet Cũng chính bởi điều này, các hệ thống ngân hàng, tổ chức tín dụng… đều sử dụng giao thức HTTPS trên các Trang 5 Website của mình Điều này cũng đã được sự hưởng ứng của cả Google và Facebook Với người d ùng internet, điều mà bạn cần lưu ý khi truy nhập vào các hệ thống thanh toán điện tử hoặc các website yêu cầu việc nhập liệu những thông tin nhạy cảm về người dùng nằm ở chính giao thức mà Website đó sử dụng Ở các doanh nghiệp hoặc các hệ thống thanh toá n điện tử uy tín, việc sử dụng giao thức HTTPS gần như là một trong những yêu cầu bắt buộc đối với các doanh nghiệp này Bởi vậy việc không sử dụng giao thức HTTPS đồng nghĩa với việc bạn phải xếp Website đó vào diện nghi vấn Rất có thể, đây chỉ là một tr ang Web giả danh nhằm lấy đi thông tin về tài khoản của bạn Để kiểm tra một Website có sử dụng giao thức HTTPS hay không cũng vô cùng đơn giản Các bạn chỉ cần để ý đến phần link đường dẫn khi truy nhập vào Website mở đầu bằng http:// hay https:// Bên cạnh đó, link đường dẫn của các Website có sử dụng giao thức HTTPS thường đi kèm với một biểu tượng nhỏ hình ổ khóa Khi đưa con trỏ chuột hướng vào biểu tượng này, trên đó sẽ hiện ra tên của đơn vị xác thực (CA) như đã nói ở trên Đây là dấu hiệu cho thấy Website mà bạn đang truy nhập không phải là giả mạo 1 1 2 Wor l d Wide Web (WWW) World Wide Web là mạng lưới nguồn thông tin cho phép ta khai thác thông qua một số công cụ, chương trình hoạt động dưới các giao thức mạng World Wide Web là công cụ, phương tiện hay đúng hơn là một dịch vụ của Internet * Lịch sử trang web World Wide W eb đã được tạo ra vào năm 1990 của CERN bởi kỹ sư Tim Berners - Lee Ngày 30 tháng tư năm 1993, CERN thông báo rằng World Wide Web sẽ được miễn phí để sử dụng cho bất cứ ai Tr ước khi giới thiệu về HTML và các giao thức HTTP và các giao thức khác như FTP,… được sử dụng để lấy các tập tin cá nhân từ một máy chủ Những giao thức này cung cấp một cấu trúc thư mục đơn giản mà người sử dụng chuyển và chọn các tập tin để tải về Văn b ản được thường xuyên nhất Trang 6 được trình bày như là các tập tin văn bản thuần tuý mà không có định dạng hoặc đã được mã hoá trong trình xử lý các định dạng * Phân loại website Có thể là công việc của một cá nhân, một doanh nghiệp hoặc các tổ chức, và thường dành riêng cho một số chủ đề cụ thể hoặc mục đích Bất kỳ trang web có thể chứa một siêu liên kết vào bất kỳ trang web khác, do đó, phân biệt các trang web cá nhân, như cảm nhận của người sử dụng Tạm thời phân loại như sau: Trang web cá nhân Trang web thư ơng mại Trang web của chính phủ Trang web tổ chức phi lợi nhuận Trình duyệt web Trình duyệt web là một phần mềm ứng dụng cho phép người sử dụng xem và tương tác với các văn bản, hình ảnh, đoạn phim, nhạc, trò chơi và các thông tin khác ở trên một trang web của một địa chỉ web trên mạng toàn cầu hoặc mạng nội bộ Văn bản và hình ảnh trên một trang web có thể chứa siêu liên kết tới các trang web khác của cùng một địa chỉ web hoặc địa chỉ web khác Trình duyệt web cho phép người sử dụng truy cập các thông tin trên các trang web một cách nhanh chóng và dễ dàng thông qua các liên kết đó Trình duyệt web đọc định dạng HTML để hiển thị, do vậy một trang web có thể hiển thị khác nhau trên các trình duyệt khác nhau Một số trình duyệt web hiện nay cho máy tính cá nhâ n bao gồm Internet Explorer, Mozilla Firefox, Safari, Opera, Avant Browser, Konqueror, Lynx, Google Chrome, Flock, Arachne, Epiphany, K - Meleon và AOL Explorer World Wide Web, gọi tắt là Web hoặc WWW, mạng lưới toàn cầu là một không gian thông tin toàn cầu mà mọi người có thể truy nhập (đọc và viết) qua các máy tính nối với mạng Internet Thuật ngữ này thường được hiểu nhầm là từ đồng nghĩa với chính thuật ngữ Internet Nhưng Web thực ra chỉ là một trong các dịch vụ chạy trên Internet, chẳng hạn như dịch vụ thư Trang 7 điện tử Web được phát minh và đưa vào sử dụng vào khoảng năm 1990, 1991 bởi viện sĩ Viện Hàn lâm Anh Tim Berners - Lee và Robert Cailliau (Bỉ) tại CERN, Geneva, Switzerland Các tài liệu trên World Wide Web được lưu trữ trong một hệ thống siêu văn bản ( hypertext), đặt tại các máy tính trong mạng Internet Người dùng phải sử dụng một chương trình được gọi là trình duyệt web (web browser) để xem siêu văn bản Chương trình này sẽ nhận thông tin (documents) tại ô địa chỉ (address) do người sử dụng yêu cầu (t hông tin trong ô địa chỉ được gọi là tên miền (domain name)), rồi sau đó chương trình sẽ tự động gửi thông tin đến máy chủ (web server) và hiển thị trên màn hình máy tính của người xem Người dùng có thể theo các liên kết siêu văn bản (hyperlink) trên mỗi trang web để nối với các tài liệu khác hoặc gửi thông tin phản hồi theo máy chủ trong một quá trình tương tác Hoạt động truy tìm theo các siêu liên kết thường được gọi là duyệt Web Quá trình này cho phép người dùng có thể lướt các trang web để lấy thông tin Tuy nhiên độ chính xác và chứng thực của thông tin không được đảm bảo 1 2 N gôn ngữ HyperText Markup Language( HTML ) 1 2 1 Giới thiệu Ngôn ngữ HTML (HyperText Markup Language – ngôn ngữ siêu văn bản) là một trong các loại ngôn ngữ được sử dụng trong lập trình web Khi truy cập một trang web cụ thể là click vào các đường link, ta sẽ được dẫn tới nhiều trang các nhau, và các trang này được gọi là một tài liệu HTML (tập tin HTML) Một trang HTML như vậy được cấu thành bởi nhiều phần tử HTML nhỏ và được quy định bằng các thẻ tag C ó thể phân biệt một trang web được viết bằng ngôn ngữ HTML hay PHP thông qua đường link của nó Ở cuối các trang HTML thường hay có đuôi là HTML hoặc HTM Trang 8 Hình 1 2 Một trang HTML được cấu thành bởi nhiều phần tử HTML nhỏ và được quy định bằng các thẻ tag HTML là ngôn ngữ lập trình web được đánh giá là đơn giản Mọi trang web, mọi trình duyệt web đều có thể hiển thị tốt ngôn ngữ HTML Hiện nay, phiên bản mới nhất của HTML là HTML 5 với nhiều tính năng tốt và chất lượng hơ n so với các phiên bản HTML cũ ng Vậy, đối với các website, ngôn ngữ HTML đóng vai trò như thế nào? HTML, theo đúng nghĩa của nó, là một loại ngôn ngữ đánh dấu siêu văn bản, thế nên các chức năng của nó cũng xoay quanh yếu tố này Cụ thể, HTML giúp cấu thà nh các cấu trúc cơ bản trên một website (chia khung sườn, bố cục các thành phần trang web) và góp phần hỗ trợ khai báo các tập tin kĩ thuật số như video, nhạc, hình ảnh Hình 1 3 Ưu điểm nổi trội nhất và cũng là thế mạnh của HTML là khả năng xây dựng cấu trúc và làm cho website trở thành một hệ thống hoàn chỉnh Trang 9 Ưu điểm nổi trội nhât và cũng là thế mạnh của HTML là khả năng xây dựng cấu trúc và khiến trang web đi vào quy củ một hệ thống hoàn chỉnh Nếu mong muốn sở hữu một website có cấu trúc tốt có mục đích sử dụng nhiều loại yếu tố trong văn bản, hãy hỏi HTML Nhiều ý kiến cho rằng tùy theo mục đích sử dụng mà lập trình viên hay người dùng có thể lựa chọn ngôn ngữ lập trình riêng cho website, tuy nhiên thực chất HTML chứa những yếu tố cần thiết mà dù w ebsite có thuộc thể loại nào, giao tiếp với ngôn ngữ lập trình nào để xử lý dữ liệu thì nó vẫn phải cần đến ngôn ngữ HTML để hiển thị nội dung cho người truy cậ p Nói đúng hơn, dù website của bạn được xây dựng như thế nào, trên nên tảng nào thì nó cũng cần đến sự hỗ trợ của HTML, dù ít dù nhiều Đối với các lập trình viên hay nhà phát triển web, họ đều phải học HTML như một loại ngôn ngữ cơ bản trước khi bắt tay vào thiết kế trang web nào 1 2 2 Cấu trúc cơ bản của một file HTML Cấu trúc cơ bản của HTML Cấu trúc cơ bản của trang HTML/XHTML có dạng như sau, thường gồm 3 phần: : Phần khai báo chuẩn của html hay xhtml : Phần khai báo ban đầu, khai báo về meta , title , css , javascript… : Phần chứa nội dung của trang web, nơi hiển thị nội dung Cấu trúc cơ bản Tiêu đề trang web Trang 10 … Phầ n thân viết ở đây … C ấ u trúc cơ b ả n c ủ a trang web Mỗi trang web đều có cách thể hiện cấu trúc khác nhau, có trang 1 cột, có trang 2 và cũng có trang chứa nhiều cột, bên dưới đây chúng ta tham khảo một trang đơn giản sử dụng 2 cột để layout Phần đầu : header, có thể chứa logo, câu slogan, các liên kết, các banner liên kết, các button, đoạn flash, hoặc các form ngắn như form tìm kiếm, … Phần liên kết toàn cục : global navigation, dùng để chứa các liên kết đến những trang quan trọng trong toàn bộ trang, trong phần này có thể chứa thêm các liên kết con (sub navigation) Phần thân của trang : page body, phần này chứa phần nội dung chính (content) và phần nội dung phụ (sidebar) Phần nội dung chính : content, phần này chứa nội dung chính cần thể hiện cho người dùng xem Phần nội dung phụ : sidebar, phần này có thể chứa liên kết phụ của từng trang (local navigation), hoặc các banner chứa liên kết liên quan, hoặc có thể dùng để chứa các liên kết quảng cáo, … Phần cuối trang web : footer, phần này thường chứa phần liên hệ như: tên công ty, địa chỉ, số điện thoại, mail liên hệ, … và đặc biệt là copyright, hoặc có thể chứa các liên kết toàn trang, các banner liên kết, … Trang 11 Hình 1 4 Cấu trúc trang Web 1 3 Ngôn ngữ Cascading Style Sheets ( CSS ) 1 3 1 Giới thiệu Định nghĩa CSS là viết tắt của Cascading Style Sheets Đây là một ngôn style sheet được sử dụng để mô tả giao diện và định dạng của một tài liệu viết bằng ngôn ngữ đánh dấu (markup) Nó cung cấp một tính năng bổ sung cho HTML Nó thường được sử dụng với HTML để thay đổi phong cách của trang web và giao diện người dùng Nó cũng có thể được sử dụng với bất kỳ loại tài liệu XML nào bao gồm cả XML đơn giản, SVG và XUL Trang 12 CSS được sử dụng cùng với HTML và JavaScript trong hầu hết các trang web để tạo giao di ện người dùng cho các ứng dụng web và giao diện người dùng cho nhiều ứng dụng di động CSS làm được những gì? Bạn có thể thêm giao diện mới vào các tài liệu HTML cũ Bạn hoàn toàn có thể thay đổi giao diện trang web của mình chỉ với một vài thay đổi trong mã CSS Tại sao sử dụng CSS Đây là ba lợi ích chính của CSS: 1) Giải quyết một vấn đề lớn Trước khi có CSS, các thẻ như phông chữ, màu sắc, kiểu nền, các sắp xếp phần tử, đường viền và kích thước phải được lặp lại trên mọi trang web Đây là một quá trình rất dài tốn thời gian và công sức Ví dụ: Nếu ta đang phát triển một trang web lớn nơi phôn g chữ và thông tin màu được thêm vào mỗi trang, nó sẽ trở thành một quá trình dài và tốn kém CSS đã được tạo ra để giải quyết vấn đề này Đó là một khuyến cáo của W3C 2) Tiết kiệm rất nhiều thời gian Định nghĩa kiểu CSS được lưu trong các tệp CSS bên ngo ài vì vậy có thể thay đổi toàn bộ trang web bằng cách thay đổi chỉ một tệp 3) Cung cấp thêm các thuộc tính CSS cung cấp các thuộc tính chi tiết hơn HTML để định nghĩa giao diện của trang web Các điểm chính của CSS được đưa ra dưới đây: CSS là viết tắt củ a Cascading Style Sheet CSS được sử dụng để thiết kế các thẻ HTML CSS là một ngôn ngữ được sử dụng rộng rãi trên web HTML, CSS và JavaScript được sử dụng để thiết kế web Nó giúp các nhà thiết kế web áp dụng phong cách trên các thẻ HTML Trang 13 Ví dụ về CSS h1{ color: white; background - color: #00eeee; padding: 5px; } p{ color: blue; } Write Your First CSS Example 1 4 Công cụ sử dụng 1 4 1 Notepad++ Notepad++hay được gọi là Notepad plus plus là một text editor đơn giản nhẹ nhàng trong quá trình làm việc và sử dụng n ó Ngoài phần mềm này ra thì còn có các phần mềm IDE, Editor mạnh mẽ hỗ trợ code như là Sublime Text , Zend Studio với rất nhiều Plugin hỗ trợ Nhưng nhẹ nhất, linh hoạt trong việc tắt mở thì có lẽ Notepad++ sẽ là sự lựa chọn hàng đầu Trang 14 Hình 1 5 logo của notepad++ Giới thiệu Notepad++ là một phần mềm mã nguồn mở làm nhiệm vụ biên tập mã nguồn, được coi là thay thế cho Notepad Notepad++ được viết bằng ngôn ngữ C++ trên nền Win32 API và STL thuần túy, đảm bảo tốc độ thực thi cao hơn và có kích thước chương trình nhỏ gọn Notepad++ hỗ trợ nhiều ngôn ngữ bao gồm tất cả ngôn ngữ lập trình hiện nay như C/C++, C#, Java, HTML, PHP, Trong môi trường Windows, Notepad++ là một lựa chọn rất lý tưởng Đối tượng hướng đến Các bạn học viên đang bắt đầu quá trình học tập và làm việc trong các ngành công nghệ và lập trình, nhất là các học viên STDIO Training Những bạn muốn tìm kiếm một chương trình hỗ trợ đắc lực có thể hỗ trợ nhiều ngôn ngữ và được sử dụng trong suốt quá trình từ giai đoạn khởi đầu đến giai đoạn chuyên nghiệp 1 4 2 Cách Cài đặt Dễ dàng download bản cài đặt mới nhất tại trang chủ: https://notepad - plus - plus org Sau khi download bản cài đặt phù hợp, khởi động file cài đặt và chọn ngôn ngữ Trang 15 Hình 1 6 Sau khi download bản cài đặt phù hợp, khởi động file cài đặt và chọn ngôn ngữ Hình 1 7 Chọn Next để tiếp tục cài đặt Trang 16 Hình 1 8 chọn I Agree để đồng ý với những điều khoản của chương trình Hình 1 9 N hấn vào Browse để chọn thư mục lưu file cài đặt nếu muốn Nhấn Next Trang 17 1 10 Chọn các Components cần thiết Hình 1 11 Có thể chọn tạo Shortcut trên Desktop trước khi Install Trang 18 Hình 1 12 Sau khi cài đặt thành công nhấn Finish để hoàn tất và chạy thử chương trình Ứng dụng Ví dụ dễ nhất để có thể thấy được sự hỗ trợ của Notepad++ là với các câu lệnh HTML Nhấn Ctrl + N để tạo trang mới và copy dòng code bên dưới < head> Page Title STDIO TRAINING
HELLO WORLD
Trang 19 Nhấn Ctrl + S và lưu file dưới dạng * html Lúc này có thể quan sát giao diện trực quan của Notepad++ so với Notepad Hình 1 1 3 V iết code để làm trang web Trên thanh công cụ chọn Run - > Launch in Chrome hoặc tổ hợp phím Ctrl + Alt + Shift + R để thực thi file trên Chrome ta được kết quả Hình 1 14 trang web site Trang 20 CHƯƠNG 2 PHẦN TÍCH THIẾT KẾ HỆ THỐNG 2 1 Biểu đồ Use Case Các actor tham gia trong hệ thống: User : là khách hàng, người dùng internet Họ có thể xem các nội dung trên trang Web và liên hệ đặt mua các sản phẩm trang Web bán User Đăng ký Đăng nhâp Xem sản phẩm Gửi nhậ n xét Admin: người quản lý chính của trang Web Admin có nhiệm vụ xem và duyệt danh sách liên hệ đặt mua của khách hàng Admin Tìm kiểm Đăng nhập B ài viết đặ c sản Xét duyệt bài đăng Quản lý nh ậ n xét Tư động t ổ ng hợp Các chức năng hệ thống trang Web cần có: + Đăng nhập/ Đăng xuất: cho phép Admin vào, ra để quản lý trang W eb + … Blog : xem thông tin post của admin và user , nhận xét cho admin và tìm kiế m post xem thông tin tìm kiếm Bài viết đặc sản: Thêm đặc sản H iền thị sủa đặc sản Trang 21 Sửa đặc sản Xoá đặc sản Quản lý nhận xét Xem bài viết Hiện thị Xoá Quản lý người dùng Khoá tại khoản Xoá tại khoán Hình 2 1 Sơ đồ UseCase tổng quát Hình 2 2 sơ đồ UseCase Blog Trang 22 Hình 2 3 sơ đồ UseCase bài viết đặc sản Hình 2 4 sở đô UseCase quản lý nhận xét Hình 2 5 sơ đồ UseCase quản lý người dùng Trang 23 2 2 Biểu đồ trạng thái 2 2 1 Các trạng thái của A dmin Hình 2 6 Các trạng thái của Admin 2 2 2 Các trạng thái của User Hình 2 7 Các trạng thái của User Trang 24 2 3 Sơ đồ tuần tự 2 3 1 A dmin đăng nhập Hình 2 8 Admin đăng nhập 2 3 2 A dmin xem danh sách khách Hình 2 9 Admin xem danh sách khách 2 3 3 User xem thông tin món ăn Hình 2 10 User xem thông tin món ăn Trang 25 2 3 4 User tạo liên hệ và gởi nhận xét Hình 2 11 User tạo liên hệ và gởi nhận xét 2 4 Biểu đồ lớp Hình 2 12 Biểu đồ lớp Trang 26 2 5 Thiết kế cơ sở dữ liệu (CSDL) - accounts accounts Thuộc tính Kiểu dữ liệu Mô tả id Int(11) Id cưa admin user_role Int(11) vai diễn user_name Text Tài khoản người dùng user_password Text Mặt khâu người dùng user_ fullname Text Tên người dung user_gender Text giới tính user_email Text Email người dùng user_address Text Địa chỉ user_phone Text Số điện thoại user_photo Text ảnh user_total_posts Int(11) tổng số bài viết user_active Int(11) tích cực user_created_at Text người dùng được tạo tại user_last_login Text người dùng đăng nhập lần cuối user_modified_at Text người dùng đã sửa đổi lúc - blog blog Thuộc tính Kiểu dữ liệu Mô tả id Int(11) Id blog Post_by_user Int(11) Đăng bởi người dùng Blog_title Text Tiêu đề Blog Blog_content Text Nội dung Blog Trang 27 - comments comments Thuộc tính Kiểu dữ liệu Mô tả id Int(11) Mã bình luận Comments_name Text tên bình luận Comments_user_email Text Nhận xét Email của người dùng Comments_content Text Nội dung bình luận Comments_cuisine_id Int(11) Nhận xét Id Ẩm thực Comments_display Int(11) Hiển thị Nhận xét Comments_time Text Thời gian bình luận - crawler crawler Thuộc tính Kiểu dữ liệu Mô tả id Int(11) Mã bánh xích Craw_url Text Thu thập thông tin url Craw_rule Text Quy tắc thu thập thông tin Craw_scheduling Int(11) Lập kế hoạch cho phi hành đoàn Craw_created_at Text Thu thập thông tin được tạo lúc Craw_modified_at Text Thu thập thông tin được sửa đổi lúc - cuisines cuisines Thuộc tính Kiểu dữ liệu Mô tả id Int(11) Mã các món ăn post_by_user Text bài của người dùng cuisine_source Text Quy tắc thu thập thông tin cuisine_name Text mô tả ẩm thực cuisine_type Text loại hình ẩm thực Trang 28 cuisine_summary Text tóm tắt ẩm thực cuisine_description Text mô tả ẩm thực cuisine_nutritional_value Text giá trị dinh dưỡng ẩm thực cuisine_making Text làm ẩm thực cuisine_side_dish Text món ăn phụ cuisine_note Text lưu ý ẩm thực cuisine_image Text hình ảnh ẩm thực cuisine_video Text video ẩm thực cuisine_location Text địa điểm ẩm thực cuisine_count_love Int(11) ẩm thực đếm tình yêu cuisine_count_view Int(11) chế độ xem đếm ẩm thực cuisine_address Text cuisine_display Int(11) trưng bày ẩm thực cuisine_modified Text ẩm thực sửa đổi post_at_time Text đăng vào thời điểm post_modified_user Int(11) đăng người dùng đã sửa đổi post_modified_at Text bài đăng được sửa đổi lúc Trang 29 CHƯƠNG 3 CÀI ĐẶT CHƯƠNG TRÌNH 3 1 Cài đặt Website Kết nối cơ sở dữ liệu bằng phpMyAd min Hình 3 1 B ắt đầu từ menu có tên import sau đó chọn file SQL Hình 3 3 B ấm vào nút Open và nút Go, cơ sở dữ liệu xuất hiện trong cửa số điều khiển Trang 30 Hình 3 4 C ơ sở dữ liệu xuất hiện trong cửa số điều khiển Biểu diễn cho thấy các hình ảnh, thông tin đôi về ẩm thực L ào Hiển thị được thông tin của menu, hiển thị được tin tức cho người dùng xem và tương tác được 3 2 Giới thiệu các giao diện trong trang website 3 2 1 Giao diện trang chủ Hình 3 5 Giao diện trangchủ Trang 31 Trang chủ http://localhost/blog/index php Là trang chính, chứa tất cả các mục tin tức Từ trang chủ độc giả có thể tìm thấy mọi thông tin cần thiết: 3 2 2 Đăng ký người dùng 3 2 2 Giao diện trang đăng ký người dùng Hình 3 6 đăng ký người dung 3 2 3 Đăng nhập Hình 3 7 Đăng nhập user Trang 32 3 2 5 Chi tiết bài viết Giao diện bài viết các món ăn mà người Lào thường xuyên sử dụng, và món đặc sản truyền thống của đất nưới Lào Hình 3 8 Chi tiết món ăn Trang 33 PHẦN 3 KẾT LUẬN VÀ KIẾN NGHỊ 1 Kết luận Ngôn ngữ HTML,CSS cho chúng ta ta thiết kế và xây dựng trong trang th ô ng tin điện t ử (website) có tính nâng cao Thời đại mà công nghệ thông tin đã trở thàng một nhu cầu không thể thiếu, việc xây dựng trang thông tin trên mạng là một phương phá p tốt ưu để đưa thông tin cho người , đặc biệt là để quảng cáo, tự hào cho đất nước L ào, V ớ i thời gian và năng lực có hạn, trong một thời gian em đã nghiên cứu và ứng dụng ngôn ngữ HTML,CSS đễ xây dụng website ẩm thực Lào, đề tài nà y được hoàn th ành song không thể tránh kh ỏ i những thiếu sót v à kết quả đạt dược chưa cao Kính mong s ự thông cảm của các giáo viên và các bạn 2 Kiến nghị Cố gắng hoàn thiện hơn nữa website v à đưa lên internet để sử dụng Trang 34 PHẦN 4 TÀI LIỆU THAM KHẢO [1] Trần Thị Diệu Hiền, Bài giảng Phân tích và thiết kế hướng đối tượng với UML , Đại học Quảng Nam, 2020 [ 2 ] Phạm Nguyễn Cương – Hồ Tùng Vinh , Giáo trình Phân tích và thiết kế hệ thống hướng đối tượng sử dụng UML ”, Đại Học Khoa Học Tự Nhiên [3 ] Nguyễn Thanh Bình , Giáo Trình Công Nghệ Phần Mềm , Khoa công Nghệ Thông Tin Trường Đại học Bách Khoa – Đại Học Đà Nẵng Một số trang web tham khảo: [ 4 ] http://www w3schools com / [ 5 ] https://vi wikipedia org/ [ 6 ] https://html - css - js com [ 7 ] website https://www youtube com [ 8 ] website http://www google com vn/ Trang 35 NHẬN XÉT CỦA CÁN BỘ HƯỚNG DẪN …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… ………………………………………………………………………… ………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… ………………………………………………………………………………………………… Cán bộ hướng dẫn ………………… Sinh viên thực hiện …………………… Phản biện 1 ………………… Phản biện 2 …………………… LỜI CẢM ƠN Trước tiên, em xin phép gửi lời mời cảm ơn sâu sắc tới cô Trần Thị Diệu Hiền nhiệt tình giúp đỡ hướng dẫn em q trình thực khóa luận Em xin gửi đến quý thầy cô giảng dạy trường Đại học Quảng Nam nói chung thầy khoa Tốn-Tin nói riêng lời biết ơn chân thành, cảm ơn thầy hết lòng truyền đạt cho em kiến thức năm tháng học Trường Kính chúc q thầy mạnh khỏe, gặt hái nhiều thành công nghiệp! Dù cố gắng thực đề tài khó tránh khỏi thiếu sót, em mong nhận góp ý quý thầy cô, anh chị bạn để thân em khắc phục tiến Quảng Nam, tháng năm 2022 Sinh viên thực Phoutthasith Phommachack MỤC LỤC PHẦN MỞ ĐẦU 1 Lý chọn đề tài Mục tiêu đề tài Đối tượng phạm vi nghiên cứu .2 3.1 Đối tượng nghiên cứu 3.2 Phạm vi nghiên cứu Phương pháp nghiên cứu .2 Cấu trúc đề tài PHẦN NỘI DUNG NGHIÊN CỨU CHƯƠNG CƠ SỞ LÝ THUYẾT .3 1.1 Uniform Resource Locator (URL) 1.1.1 Hypertext Transfer Protocol (HTTP) 1.1.2 World Wide Web (WWW) .5 1.2 Ngôn ngữ HyperText Markup Language(HTML) .7 1.2.1 Giới thiệu .7 1.2.2 Cấu trúc file HTML .9 1.3 Ngôn ngữ Cascading Style Sheets (CSS) 11 1.3.1 Giới thiệu 11 1.4 Công cụ sử dụng 13 1.4.1 Notepad++ 13 1.4.2 Cách Cài đặt 14 CHƯƠNG PHẦN TÍCH THIẾT KẾ HỆ THỐNG 20 2.1 Biểu đồ Use Case 20 2.2 Biểu đồ trạng thái 23 2.2.1 Các trạng thái Admin 23 2.2.2 Các trạng thái User 23 2.3 Sơ đồ 24 2.3.1 Admin đăng nhập 24 2.3.2 Admin xem danh sách khách 24 2.3.3 User xem thơng tin ăn 24 2.3.4 User tạo liên hệ gởi nhận xét 25 Trang 2.4 Biểu đồ lớp 25 2.5 Thiết kế sở liệu (CSDL) 26 CHƯƠNG CÀI ĐẶT CHƯƠNG TRÌNH 29 3.1 Cài đặt Website 29 3.2 Giới thiệu giao diện trang website 30 3.2.1 Giao diện trang chủ 30 3.2.2 Giao diện trang đăng ký người dùng 31 3.2.3 Đăng nhập 31 3.2.5 Chi tiết viết 32 PHẦN KẾT LUẬN VÀ KIẾN NGHỊ 33 Kết luận 33 Kiến nghị 33 PHẦN TÀI LIỆU THAM KHẢO 34 Trang PHẦN MỞ ĐẦU Lý chọn đề tài Trong phát triển mạnh mẽ khoa học công nghệ giới, nói ngành cơng nghệ thông tin phát triển với tốc độ nhanh ngày thể vai trò to lớn, quan trọng toàn đời sống người Hầu hết lĩnh vực xã hội ứng dụng công nghệ thông tin, nhiều phần mềm mang lại hiệu thực tế Song thực tiễn ln đặt u cầu địi hỏi ngành công nghệ thông tin không ngừng phát triển để thỏa mãn đáp ứng thay đổi sống Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, Cơng nghệ thơng tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng cho truyền tải, trao đổi thơng tin toàn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: cần có máy tính kết nối Internet dịng liệu truy tìm gần lập tức… giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần… Bằng Internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Hiện nay, nhận thức rõ tầm quan trọng Internet vấn đề thông tin trợ giúp đắc lực cho việc quản bá sản phẩm, đặc sản vùng miền Bắt nguồn với ý tưởng này, em chọn đề tài “XÂY DỰNG WEBSITE GIỚI THIỆU SẢN PHẨM ĐẶC SẢN VÙNG MIỀN DÂN TỘC LÀO” làm đề tài khóa luận Mục tiêu đề tài - Tìm hiểu rõ HTML, CSS - Xây dựng Website “Món ăn” hồn chỉnh bao gồm chức cần thiết thương mại điện tử - Sử dụng kiểm thử để đánh giá website vừa xây dựng Đối tượng phạm vi nghiên cứu 3.1 Đối tượng nghiên cứu ` - Đối tượng nghiên cứu: HTML, CSS 3.2 Phạm vi nghiên cứu - Áp dụng HTML, CSS để thiết kế giao diện - Áp dụng Bootstrap , java script , jquery vào web giao diện Phương pháp nghiên cứu - Phương pháp nghiên cứu : Nghiên cứu tài liệu, tìm hiểu nhiều HTML CSS thông qua diễn đàn internet - Phương pháp lấy ý kiến chuyên gia: Lấy ý kiến giảng viên trực tiếp hướng dẫn, giảng viên mơn để hồn thiện mặt nội dung hình thức khóa luận - Để thực đề tài này, em sử dụng phương pháp phân tích thiết kế hệ thống theo hướng đối tượng, hoạt động khảo sát, phân tích, thiết kế… Cấu trúc đề tài Ngoài phần mở đầu, kết luận tài liệu tham khảo đề tài thực ba chương bao gồm: Chương I: Cơ sở lý thuyết Chương II: Phân tích thiết kế hệ thống Chương III: Cài đặt chương trình Trang PHẦN NỘI DUNG NGHIÊN CỨU CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 Uniform Resource Locator (URL) URL viết tắt (Uniform Resource Locator), URL cung cấp cách xác để xác định vị trí nguồn tài nguyên web, hệ thống hoạt động internet URL chứa tên giao thức sử dụng để truy cập vào tài nguyên tên tài nguyên Phần URL xác định giao thức sử dụng Phần thứ hai xác định địa IP tên miền nơi có tài nguyên nằm Giao thức URL bao gồm HTTP (Hypertext Transfer Protocol) HTTPS (HTTP Secure) cho tài nguyên web, “mailto” cho địa email, “ftp” cho tập tin File Transfer Protocol server , telnet cho phiên truy cập máy tính từ xa Một URL sử dụng chủ yếu để trỏ đến trang web, thành phần trang web chương trình trang web Tên tài nguyên URL bao gồm: Một tên miền xác định máy chủ dịch vụ web Một tên chương trình đường dẫn đến tập tin máy chủ Ví dụ, https://www.mona-media.com/project/instagetter/index.html Các nguồn tài nguyên lấy cách sử dụng giao thức HTTPS Các nguồn tài ngun có thơng qua tên miền (DNS) “www.mona-media.com” Và đường dẫn đến tài nguyên cụ thể /project/instagetter/index.html 1.1.1 Hypertext Transfer Protocol (HTTP) HTTP chữ viết tắt HyperText Transfer Protocol (giao thức truyền tải siêu văn bản) Đây giao thức ứng dụng giao thức TCP/IP (gồm nhóm giao thức tảng cho internet) Trang Hình 1.1 Hoạt động mơ hình Client-Server HTTP hoạt động dựa mơ hình Client – Server Trong mơ hình này, máy tính người dùng đóng vai trị làm máy khách (Client) Sau thao tác người dùng, máy khách gửi yêu cầu đến máy chủ (Server) chờ đợi câu trả lời từ máy chủ Để nói chuyện với nhau, máy chủ máy khách phải thực việc trao đổi thông qua giao thức Một giao thức sử dụng thường xuyên HTTP HTTP chữ viết tắt HyperText Transfer Protocol (giao thức truyền tải siêu văn bản) Đây giao thức ứng dụng giao thức TCP/IP (gồm nhóm giao thức tảng cho internet) Khi bạn gõ địa Web URL vào trình duyệt Web, lệnh HTTP gửi tới Web server để lệnh hướng dẫn tìm trang Web u cầu Trang Web sau kéo mở trình duyệt Web Nói đơn giản hơn, HTTP giao thức giúp cho việc truyền tải file từ Web server vào trình duyệt Web để người dùng xem trang Web diện trình duyệt Điều người dùng Internet cần lưu ý: Việc sử dụng giao thức HTTPS giúp tăng cường khả bảo mật phòng vệ đáng kể cho người dùng internet Cũng điều này, hệ thống ngân hàng, tổ chức tín dụng… sử dụng giao thức HTTPS Trang Website Điều hưởng ứng Google Facebook Với người dùng internet, điều mà bạn cần lưu ý truy nhập vào hệ thống toán điện tử website yêu cầu việc nhập liệu thơng tin nhạy cảm người dùng nằm giao thức mà Website sử dụng Ở doanh nghiệp hệ thống toán điện tử uy tín, việc sử dụng giao thức HTTPS gần yêu cầu bắt buộc doanh nghiệp Bởi việc không sử dụng giao thức HTTPS đồng nghĩa với việc bạn phải xếp Website vào diện nghi vấn Rất có thể, trang Web giả danh nhằm lấy thông tin tài khoản bạn Để kiểm tra Website có sử dụng giao thức HTTPS hay không vô đơn giản Các bạn cần để ý đến phần link đường dẫn truy nhập vào Website mở đầu http:// hay https:// Bên cạnh đó, link đường dẫn Website có sử dụng giao thức HTTPS thường kèm với biểu tượng nhỏ hình ổ khóa Khi đưa trỏ chuột hướng vào biểu tượng này, tên đơn vị xác thực (CA) nói Đây dấu hiệu cho thấy Website mà bạn truy nhập giả mạo 1.1.2 World Wide Web (WWW) World Wide Web mạng lưới nguồn thông tin cho phép ta khai thác thông qua số cơng cụ, chương trình hoạt động giao thức mạng World Wide Web công cụ, phương tiện hay dịch vụ Internet * Lịch sử trang web World Wide Web tạo vào năm 1990 CERN kỹ sư Tim Berners-Lee Ngày 30 tháng tư năm 1993, CERN thông báo World Wide Web miễn phí để sử dụng cho Trước giới thiệu HTML giao thức HTTP giao thức khác FTP,… sử dụng để lấy tập tin cá nhân từ máy chủ Những giao thức cung cấp cấu trúc thư mục đơn giản mà người sử dụng chuyển chọn tập tin để tải Văn thường xuyên Trang trình bày tập tin văn t mà khơng có định dạng mã hố trình xử lý định dạng * Phân loại website Có thể cơng việc cá nhân, doanh nghiệp tổ chức, thường dành riêng cho số chủ đề cụ thể mục đích Bất kỳ trang web chứa siêu liên kết vào trang web khác, đó, phân biệt trang web cá nhân, cảm nhận người sử dụng Tạm thời phân loại sau: Trang web cá nhân Trang web thương mại Trang web phủ Trang web tổ chức phi lợi nhuận Trình duyệt web Trình duyệt web phần mềm ứng dụng cho phép người sử dụng xem tương tác với văn bản, hình ảnh, đoạn phim, nhạc, trị chơi thơng tin khác trang web địa web mạng toàn cầu mạng nội Văn hình ảnh trang web chứa siêu liên kết tới trang web khác địa web địa web khác Trình duyệt web cho phép người sử dụng truy cập thông tin trang web cách nhanh chóng dễ dàng thơng qua liên kết Trình duyệt web đọc định dạng HTML để hiển thị, trang web hiển thị khác trình duyệt khác Một số trình duyệt web cho máy tính cá nhân bao gồm Internet Explorer, Mozilla Firefox, Safari, Opera, Avant Browser, Konqueror, Lynx, Google Chrome, Flock, Arachne, Epiphany, K-Meleon AOL Explorer World Wide Web, gọi tắt Web WWW, mạng lưới tồn cầu khơng gian thơng tin tồn cầu mà người truy nhập (đọc viết) qua máy tính nối với mạng Internet Thuật ngữ thường hiểu nhầm từ đồng nghĩa với thuật ngữ Internet Nhưng Web thực dịch vụ chạy Internet, chẳng hạn dịch vụ thư Trang điện tử Web phát minh đưa vào sử dụng vào khoảng năm 1990, 1991 viện sĩ Viện Hàn lâm Anh Tim Berners-Lee Robert Cailliau (Bỉ) CERN, Geneva, Switzerland Các tài liệu World Wide Web lưu trữ hệ thống siêu văn (hypertext), đặt máy tính mạng Internet Người dùng phải sử dụng chương trình gọi trình duyệt web (web browser) để xem siêu văn Chương trình nhận thơng tin (documents) địa (address) người sử dụng yêu cầu (thông tin ô địa gọi tên miền (domain name)), sau chương trình tự động gửi thông tin đến máy chủ (web server) hiển thị hình máy tính người xem Người dùng theo liên kết siêu văn (hyperlink) trang web để nối với tài liệu khác gửi thông tin phản hồi theo máy chủ trình tương tác Hoạt động truy tìm theo siêu liên kết thường gọi duyệt Web Quá trình cho phép người dùng lướt trang web để lấy thơng tin Tuy nhiên độ xác chứng thực thông tin không đảm bảo 1.2 Ngôn ngữ HyperText Markup Language(HTML) 1.2.1 Giới thiệu Ngôn ngữ HTML (HyperText Markup Language – ngôn ngữ siêu văn bản) loại ngôn ngữ sử dụng lập trình web Khi truy cập trang web cụ thể click vào đường link, ta dẫn tới nhiều trang nhau, trang gọi tài liệu HTML (tập tin HTML) Một trang HTML cấu thành nhiều phần tử HTML nhỏ quy định thẻ tag Có thể phân biệt trang web viết ngôn ngữ HTML hay PHP thông qua đường link Ở cuối trang HTML thường hay có HTML HTM Trang