1. Trang chủ
  2. » Luận Văn - Báo Cáo

WEB TIN TỨC VỀ NỀN VĂN HÓA ĐẶC SẮC CỦA NGƯỜI LÀO - Full 10 điểm

43 0 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Web Tin Tức Về Nền Văn Hóa Đặc Sắc Của Người Lào
Tác giả Ananda Olaphim
Người hướng dẫn ThS. Trần Thị Diệu Linh
Trường học Trường Đại Học Quảng Nam
Chuyên ngành Công Nghệ Thông Tin
Thể loại Khóa Luận Tốt Nghiệp
Năm xuất bản 2021
Thành phố Quảng Nam
Định dạng
Số trang 43
Dung lượng 2,66 MB

Nội dung

LỜI CẢM ƠN UBND TỈNH QUẢNG NAM TRƯỜNG ĐẠI HỌC QUẢNG NAM KHOA CÔNG NGHỆ THÔNG TIN -----      ----- KHÓA LUẬN TỐT NGHIỆP Tên đề tài: WEB TIN TỨC VỀ NỀN VĂN HÓA ĐẶC SẮC CỦA NGƯỜI LÀO Sinh viên thực hiện ANANDA OLAPHIM MSSV: 2117100126 CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN KHÓA 20 17 – 20 21 Cán bộ hướng dẫn ThS T RẦN THỊ DIỆU LINH MSCB: 1088 Quảng Nam, tháng 05 năm 2021 LỜI CẢM ƠN Trước hết em xin gửi lời cảm ơn sâu sắc đến Th S TR ẦN THỊ DIỆU LINH Người đã trực tiếp hướng dẫn, giúp đỡ, định hướng và đóng góp ý kiến cho em trong suốt thời gian làm bài để em có thể hoàn thành bài khóa luận này Em xin chân thành cảm ơn tất cả thầy cô giáo trường Đại học Quảng Nam Đặc biệt là các thầy, cô trong khoa Công nghệ thông tin của trường đã tận tình dạy dỗ và truyền đạt kiến thức cho em trong suốt quá trình học tập và nghiên cứu tại trường, tạo điều kiện thuận lợi cho em trong t hời gian cuối khóa để hoàn thành khóa luận tốt nghiệp Em cũng gửi lời cảm ơn đến Trung tâm học liệu và Công nghệ thông tin trường Đại học Quảng Nam đã tạo môi trường, điều kiện giúp đỡ cho em trong suốt quá trình thực tập tốt nghiệp và những kinh nghiệm trong thực tế Đồng thời, em cũng gửi lời cảm ơn đến gia đình, bạn bè đã động viên, giúp đỡ em lúc khó khăn trong học tập và trong cuộc sống Quảng Nam, tháng 5 năm 2021 Sinh viên thực hiện ANANDA OLAPHIM 3 PHÂN 1 MỞ ĐẦU 1 1 Lý do chọn đề tài Trong những năm trở lại đây, thế giới nói chung và các nước Đông Nam Á nói riêng đang trên đà phát triển mạnh mẽ, không ngừng nâng cao về mọi mặt, đặt biệt là ngành công nghệ thông tin Để đáp ứng như cầu càng cao của con người thì hàng loạt các công ty công nghệ trang web được ra đời và các ứng dụng công nghệ thông tin đang được áp dụng ngày càng nhiều hơn Việc ứng dụng công nghệ thông tin và 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 p hủ, 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 Lào – đất nước láng giềng xinh đẹp và bình yên, mê hoặc du khách với những ngôi chùa tôn nghiêm, những thác nước tuyệt đẹp, những pho tượng Phật nhiều hình dáng độc đáo và nụ cười thân thiện, hiếu khá ch của người dân Cùng với đó Lào là một đất nước hiền hoà thơ mộng tô điểm bởi dòng Mê Kông như môt món trang sức quý giá còn tiềm ẩn chưa được khám phá của du khách bốn phương Hiện nay, du khách muốn đến Lào có thể bằng máy bay nếu muốn tiết kiệm được t hời gian, và nếu muốn trải nghiệm mới về thiên nhiên hoang dã thì hành trình khám đường mòn Đông Dương bằng xe là sự lựa chọn tốt nhất Với những nét văn hóa đặc sắc, những ngôi chùa với lối kiến trúc đặc biệt, những món ăn ngon phù hợp với khẩu vị Việt Na m Lào đang là một điểm đến được rất nhiều bạn trẻ lựa chọn trong chuyến hành trình khám phá của mình Với việc xây dựng Website nói chung, và xây website dựng tin tức nơi du lịch & và phong tục tập quán của đất nước Lào Mục đích là để nhằm vào tất cả mọi người hay mọi nước trong Đông Nam Á biết nơi du lịch, phong tục tập quán, tiếng nói, món ăn ngon đặc sản, tính cách của con người Lào Như vậy, để có cái nhìn toàn cảnh v ề chuyên đề này, khóa luận đi sâ u vào nghiên cứu trên đề tài: “ WEB TIN TỨC VỀ NỀN VĂN HÓA ĐẶC SẮC CỦA NGƯỜI LÀO ” 4 1 2 Mục tiêu của đề tài Nắm vững những kiến thức về nội dung chính, hiểu được về HTML, CSS, và các công cụ thiết kế web Biết vận dụng những kiến thức vào xây dựng trang thông tin điện tử (Website) 1 3 Đối tượng và phạm vi nghiên cứu Ứng dụng các kiến thức về nội dung chính, hiểu được về HTML, CSS, Biết vận dụng những kiến thức vào xây dựng trang Web 1 4 Phương pháp nghiên cứu Em đi sâu nghiên cứu vào nội dung chính của đề tài khóa luận tốt nghiệp, tìm hiểu ngôn ngữ HTML, CSS, áp dụng xây dựng trang Website vào việc quảng cáo và tự hào đất nước mình 1 5 Đóng góp của đề tài Khóa luận tóm tắt các kiến thức về sự thiết kế và sử dụng tin tức nơi du lịch và phong tục tập quán của đất nước Lào Bên cạnh đ ó, kết quả của đề tài có thể làm tài liệu tham khảo hữu ích cho sinh viên khoa Công nghệ thông tin và những ai muốn nghiên cứu về ứng dụng thông tin website này để tìm hiểu sâu sắc về đất nước Lào 1 6 Cấu trúc đề tài Chương 1: Cơ sở lý thuyết Chương này trình bày các khái niệm cơ bản về web, ngôn ngữ và phần mềm hỗ trợ được sử dụng trong quá trình thiết kế website Chương 2: Phân tích & thiết kế hệ thống Chương này đặc tả bài toán sau đó phân tích và thiết kế, xây dựng hệ thống Chương 3 : Demo Chương Trình 5 PHÂN 2 NỘI DUNG NGHIÊN CỨU CHƯƠNG I : CƠ SỞ LÝ THUYẾT 1 CÁC KHÁI NIỆM CƠ BẢN 1 1 1 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 Phầ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 H TTP (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 server , 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ụ, ht tps://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 2 HTTP Với những người thường xuyên sử dụng internet, cụm từ HTTP có lẽ đã trở nên quá quen thuộc Nó quen thuộc đến nỗi nhiều người thường xuyên đọc và sử dụng chúng nhưng lại không hề biết đến ý ng hĩa của cụm từ này Vậy HTTP kỳ thực là gì? 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) 6 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 giao 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 Ý Rõ ràng việc sử dụng giao thức HTTPS giúp tăng cường khả 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 gi ao thức HTTPS trên các 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ư 7 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 trang 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 Chỉ như vậy thôi rõ ràng là chưa đủ cho việc đảm bảo an toàn thông tin trên internet Tuy nhiên với những điều cơ bản này, các bạn cũng sẽ phần nào hiểu được cách thức mà các Website hoạt động và có cho mình những kinh nghiệm cơ bản nhất để tự bảo vệ chính bản thân mình 1 1 3 Word Wide Web 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 web đã đượ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 đượ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ể 8 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ư đ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 I nternet 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 (thô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) 9 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 ngôn ngữ 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, bạn 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 Bạn 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 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 n hiề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 10 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 Ư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 Ư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 bạn 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 của bạn, tuy nhiên thực chất HTML chứa những yếu tố cần thiết mà dù website của bạn 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 n gữ 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 HTM L 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 11 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 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 12  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 qua n, 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, 1 2 3 Các thẻ HTML cơ bản • Thẻ : Tạo đầu mục trang • Thẻ : Tạo tiêu đề trang trên thanh tiêu đề, đây là thẻ bắt buộc Thẻ title cho phép bạn trình bày chuỗi trên thanh tựa đề của trang Web mỗi khi trang Web đó được duyệt trên trình duyệt Web • Thẻ …: Tất cả các thông tin khai báo trong thẻ đều có thể xuất hiện trên trang Web Những thông tin này có thể nhìn thấy trên trang Web 13 • Các thẻ định dạng khác Thẻ

: Tạo một đoạn mới Thẻ : Thay đổi phông chữ , kích cỡ và màu kí tự • Thẻ định dạng bảng : Đây là thẻ định dạng bảng trên trang Web Sau khi khai báo thẻ này, bạn phải khai báo các thẻ hàng và thẻ cột cùng với các thuộc tính của nó • Thẻ hình ảnh : Cho phép bạn chèn hình ảnh vào trang Web Thẻ này thuộc loại thẻ không có thể đóng • Thẻ liên kết : Là loại thẻ dùng để liên kết giữa các trang Web hoặc liên kết đến địa chỉ Internet, Mail hay Intranet (URL) và đ ịa chỉ trong tập tin trong mạng cục bộ (UNC) Bạn đã gửi Hôm nay lúc 13:39 • Các thẻ Input: Thẻ Input cho phép người dùng nhập dữ liệu hay chỉ thị thực thi một hành động nào đó, thẻ Input bao gồm các loại thẻ như: text, password, submit button, reset, chec kbox, radio, image • The Textarea: < \ Textarea>: The Textarea cho phép người dùng nhập liệu với rất nhiều dòng Với thẻ này bạn không thể giới hạn chiều dài lớn nhất trên trang Web • Thẻ Select: Thẻ Select cho phép người dùng chọn phần tử trong tập phương thức đã được định nghĩa trước Nếu thẻ Select cho phép người dùng chọn một phần tử trong danh sách phần tử thì thẻ Select sẽ giống như combobox Nếu thẻ Select cho phép người dùng chọn nhiều phần tử cùng một lần trong danh sách phần tử, th ẻ Select đó là dạng listbox • Thẻ Form: Khi bạn muốn submit dữ liệu người dùng nhập từ trang web phía Client lên phía Server, bạn có hai cách để làm điều nàu ứng với hai phương thức POST và GET trong thẻ form Trong một trang Web có thể có nhiều thẻ Form khác nhau, nhưng các thẻ Form này không được lồng nhau, mỗi thẻ form sẽ được khai bảo hành động (Action) chỉ đến một trang khác 14 1 3 NGÔN NGỮ 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 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 kh i 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 bạn đang phát triển một trang web lớn nơi phông 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: 15 CSS là viết tắt của Casca ding 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 Ví dụ về CSS h1 { color:white; background - color:#00eeee; padding:5px; } p { color:blue; } Write Your First CSS Example

This is Paragraph

1 3 NGÔN NGỮ PHP 1 3 1 Khái niệm PHP PHP (viết tắt hồi quy “PHP: Hypertext Preprocessor”) là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho các ứng dụng web, 16 tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web ph ổ biến nhất thế giới Như đã giới thiệu, PHP là ngôn ngữ máy chủ, mã lệnh PHP sẽ tập trung trên máy chủ để phục vụ các trang Web theo yêu cầu của người dùng thông qua trình duyệt Khi người dùng truy cập website viết bằng PHP, máy chủ đọc mã lệnh PHP và x ử lý chúng theo các hướng dẫn đã được mã hóa Khác với Website HTML tĩnh ở chỗ: khi có một yêu cầu, máy chủ chỉ đơn thuần gửi dữ liệu HTML đến trình duyệt Web và không xảy ra một sự biến dịch nào từ phía máy chủ Đối với người dùng cuối và trên trình duyệ t web, các trang home html và home php trong tương tự như nhau, nhưng thực chất nội dung của trang được tạo theo các cách khác nhau - Ưu điểm khi dùng PHP + Dùng mã nguồn mở (có thể chạy trên Apache hoặc IIS) + Phổ biến hơn ASP (có thể thấy dựa vào số website dùng PHP) + Dễ học khi đã biết HTML, C + Dựa vào XAMP (dễ cấu hình) + Nhiều hệ thống CMS miễn phí dùng + Đi cặp với MYSQL + Hoạt động trên Linux, có thể trên IIS - Windows - Nhược điểm : + Mã ngu ồn không đẹp + Chỉ chạy trên ứng dụng web 1 3 2 Cú pháp của PHP a Nhúng mã PHP vào HTML Cách thông dụng sau để nhúng mã PHP Ví dụ: Các bạn có thể chèn mã này sen kẽ các tag của html hoặc có thể từ mã này echo (in) ra các html theo ý muốn Ví dụ: tôi có thể sử dụng 2 cách như sau hoặc VD01 Câu lệnh của php cũng giống như trong lập trình C kết thúc bởi dấu chấm phẩy ";" b Chú thích trong PHP PHP hỗ trợ các kiểu chú giải như của C, C++ Ví dụ: Về cơ bản ngôn ngữ lập trình php là ngôn ngữ dễ sử dụng, thông dụng hiện nay 18 Cú pháp PHP chính là cú pháp trong ngôn ngữ C, các bạn làm quen với ngôn ngữ C thì có lợi thế trong lập trình PHP Để lập trình bằng ngôn ngữ PHP cần chú ý những điểm sau: 1 Cuối câu lệnh có dấu; 2 Biến trong PHP có tiền tố là $ 3 Mỗi phương thức đều bắt đầu {và đóng bằng dấu} 4 Khi khai báo biến thì không có kiễu dữ liệu 5 Nên có giá trị khởi đầu cho biến khai báo 6 Phải có chi chú (Comment) cho mỗi feature mới 7 Sử dụng dấu // hoặc # để giải thích cho mỗi câu ghi chú 8 Sử dụng /* và */ cho mỗi đoạn ghi chú 9 Khai báo biến có phân biệt chữ hoa hay thường c Khai báo biến Khi th ực hiện khai báo biến trong C, bạn cần phải biết tuân thủ quy định như: kiễu dữ liệu trước tên biến và có giá trị khởi đầu, tuy nhiên khi làm việc với PHP thì không cần khai báo kiểu dữ liệu nhưng sử dụng tiền tố $ trước biến Xuất phát từ những điều ở trê n, khai báo biến trong PHP như sau: $tenbien [=giá trị]; $dem=0; //đếm $strSql = "Select * from sanpham where hienthi=1"; $mang = array("Họ", "Tên", "cơ quan"); $kiemtra = false; Code đầy đủ Tự học PHP Biến 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ì nếu bạn là một trình viên chẳng hạn thì cũng ít nhiều bạn cũng biết tới 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ợ bạn 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 của bạn 20 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 t rì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 Tiền đề bài viết Trong quá trình học tập và làm việc, thao tác với nhiều ngôn ngữ và nhiều trình soạn thảo là việc thường gặp ở mỗi lập trìn h viên Trong bài viết này tôi muốn cung cấp cho bạn đọc cách cài đặt và sử dụng phần mềm Notepad++ để phục vụ quá trình học tập và làm việc trong chuyên ngành công nghệ Đ ố 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 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 (Ví dụ này thực hiện tại phiên bản Notepad++ 7 3 3 ngày 20 tháng 3 năm 2017) Sau khi download bản cài đặt phù hợp, khởi động file cài đặt và chọn ngôn ngữ Chọn Next 21 Chọn I Agree để đồng ý với những điều khoản của chương trình Chọn đường dẫn lưu chương trình 22 Chọn các Components cần thiết Có thể chọn tạo Shortcut trên Desktop trước khi Install 23 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 24 1 2 3 4 Page Title 5 6 7 STDIO TRAINING 8

HELLO WORLD

9 10 Nhấn Ctrl + S và lưu file dưới dạng * html Lúc này ta có thể quan sát giao diện trực quan của Notepad++ so với Notepad 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ả 25 1 4 2 XamPP Xampp là một công cụ tích hợp đầy đủ các thành bao gồm Apache, Mysql, PHP, Perl Giúp chúng ta tạo ra môi trường web server trên máy tính của mình, để có thể chạy đượ c kịch bản PHP 1 Apache Là một chương trình máy chủ, dùng để giao tiếp với các giao thức HTTP Apache chạy tốt trên mọi hệ điều hành 2 Mysql Là hệ quản trị cơ sở dữ liệu, được dùng để lưu trữ thông tin của một website Mỗi website có thể sử dụng một hoặc nhiều cơ sở dữ liệu 3 PHP Là ngôn ngữ kịch bản trên phía Server, dùng để xử lý các thao tác của người dùng Và làm việc trực tiếp với cơ sở dữ liệu (Database) 4 Perl Là một tầng cao hơn, một ngôn ngữ lập trình năng động hơn Sử dụng rộng rãi trong lập trình mạng và quản trị hệ thống Ít phổ biến cho mục đích phát triển web, Perl thích hợp với rất nhiều ứng dụng Để có thể chạy được xampp trên máy, các bạn download về theo link này Xampp có hỗ trợ hầu hết các hệ điều hành như window, linux, ma c Sau khi đã download được Xampp về máy, chúng ta tiến hành cài đặt như sau Màn hình mới vào cài đặt - Nhấn Next để tiếp tục việc cài đặt 26 - Nhấn Next để tiếp tục cài đặt - Ở đây, các bạn nên chọn ổ đĩa mà không phải ổ C Để tránh việc cài win hoặc ghost máy bị mất dữ liệu Nhấn Next để tiếp tục 27 - Nhấn Next để tiếp tục Quá trình cài đặt diễn ra như hình bên dưới - Tiếp theo ta được màn hình như bên dưới 28 - Nhấn Finish để hoàn thành việc cài đặt 29 CHƯƠNG II: PHÂN TÍCH VÀ THUYẾT KẾ HỆ THỐNG 2 1 KHẢO SÁT HỆ THỐNG 2 1 1 ĐẶC TẢ BÀI TOÁN Một nơi du lịch cần thực hiện tin học hóa việc đăng kí tour du lịch thông qua website Đây là trang web giới thiệu về tất cả những gì liên quan đến lĩnh vực du lịch của Lào đến khách hàng tham quan website, nhằm thu hút khách hàng tham quan website Chủ đạo của website là giới thiệu các điểm du lịch trong và ngoài nước, các kỳ quan hay các chương trình về tour du lịch, các lễ hội trong năm tại các điểm du lịch Tại đây người dùng có thể xem thông tin về các t our du lịch do công ty cung cấp, cho phép đặt tour trực tuyến, tham khảo giá tour, tìm kiếm tour phù hợp Có 2 cách để tìm kiếm thông tin: Tìm nhanh và tìm chi tiết Tìm nhanh: cho phép người dùng tìm kiếm nhanh bất kỳ thông tin nào trong website thông qu a thao tác đơn giản là nhập từ khóa cần tìm và nhấn enter để ra kết quả Tìm chi tiết: cho phép người dùng giới hạn khu vực tìm kiếm thông tin để kết quả hiển thị ra chính xác hơn Người dùng (tương ững với user name và password) truy cập vào trang web để tìm hiểu thông tin về các tour du lịch trong và ngoài nước Người dùng có thể đăng kí tour du lịch, dịch vụ visa, vé máy bay, vé tàu xe, đăng kí thuê xe ô tô trực tuyến với công ty thông qua website Truy cập vào website người dùng có thể tìm hiểu về t hông tin các địa điểm du lịch, các danh lam thắng cảnh trên thế giới Đối với người quản lý: Người quản lý cần nắm bắt thông tin nhân viên, thông tin khuyến mại từ các địa điểm du lịch, thông tin về các đối tác kinh doanh Sau khi tìm hiểu đầy đủ thông tin về các tuor du lịch, người dùng có thể làm việc trực tuyến với nhân viên của công ty để đăng kí tour du lịch cho mình Khi khách hàng đăng kí du lịch chúng tôi sẽ có một phiếu đăng kí cho khách hàng có thể đang kí trực tuyến hoặc đăng kí trực tiếp tại Nh ân viên cần xác định các thông tin: - Khách hàng có yêu cầu dịch vụ gì không? - Tour du lịch mà khách hàng đăng kí - Khách hàng muốn đặt khách sạn hay không, loại khách sạn mà khách hàng muốn đặt 30 - Khách hàng muốn ăn uống nghỉ ngơi tại nhà hàng như thế nào? - Khách hàng muốn thuê xe không? - Thông tin về khách hàng: họ tên, giới tính, tuổi, CMTND (hộ chiếu), địa chỉ, điện thoại, email Với mỗi thông tin về các dịch vụ, khách sạn, nhà hàng, xe cộ, các tour du lịch, các địa danh chúng ta đều có dữ liệu đầy đủ để khách hàng có thể yên tâm Nhân viên cần đưa ra các thông tin sau cho khách hàng được rõ: - Thông tin về tour du lịch - Thông tin khuyến mại của các khu du lịch - Thông tin về các địa danh, danh lam thắng cảnh - Thông tin khách sạn, nhà hàng, các dịch vụ, visa Nhà quản lý: cần nắm bắt các thông tin về nhân viên của mình, nắm bắt các thông tin về khuyến mại giảm giá từ các khu du lịch một cách nhanh nhậy đưa ra chiến lược kinh doanh hợp lý 2 1 2 DANH SÁCH CÁC TÁC NH ÂN Du Khách: là người truy cập website, đăng kí, xem thông tin về dịch vụ , phong tục tập quán và nơi du lịch của đất nước Lào Du Khách: là những khách thăm đã đăng kí thành viên của hệ thống, đăng nhập, tìm kiếm, đặt hàng, xem, sửa, xóa thông tin giỏ hàng, đăng xuất, xem, sửa thông tin cá nhân, đổi mật khẩu, thanh toán Người quản trị: điều hành, quản lý và theo dõi mọi hoạt động của hệ thống: quản lí sản phẩm (thêm, xóa, sửa), quản trị người dùng (xóa), quản lí hóa đơn (xem thông tin, xóa, phê duyệt hóa đơn) 2 2 ĐẶC TẢ CÁC UC Tác nhân : khách xem Mô tả: cho phép khách xem đăng ký làm thành viên của hệ thống Tiền điều kiện: khách hàng ghé thăm hệ thống Luồng sự kiện chính: (1) Khách xem chọn mục đăng ký thành viên (2) Form đăng ký thành viên hiển thị (3) Khách xem đăng nhập thông tin cá nhân vào form đăng ký 31 (4) Nhấn nút đăng ký (5) Hệ thống báo kết quả quá trình nhập thông tin cá nhân Nếu thông tin nhập không chính xác thì thực hiện luồn rẽ nhánh Nếu nhập chính xác thì thực hiện bước 6 (6) Hệ thống cập nhật thông tin của khách xem vào danh sách thành viên (7) UC kết thúc Luồng sự kiện rẽ nhánh : yêu cầu nhập lại Hậu điều kiện: khách hàng trở thành thành viên của hệ thống 32 2 3 BIỂU ĐỒ UC CHI TIẾT 2 3 1 Biểu đồ UC tổng quát Hình 2 1 Sơ đồ UC tổng quát 33 2 3 2 Biểu đồ hoạt động a Biểu đồ hoạt động Xem thông tin Tour b Biểu đồ hoạt động: Khách hàng Đăng ký Tour 34 2 3 3 Biểu đồ tuần tự Hình 2 2: Biểu đồ tuần tự chức năng quản lý tin tức  Admin đăng nhập vào hệ thống, hệ thống cung cấp cho admin một quyền tương ứng và truy cập vào trang quản lý tin tức  Tại trang quản lý có thể duyệt tin bằng cách sửa trạng thái của tin, có thể xóa tin hoặc có thể tìm kiếm thông tin về tin tức đó Dữ liệu mới được thay đổi vào cơ sở dữ liệu bảng “tintuc” và hệ thống thông báo là thay đổi thành công 35 CHƯƠNG III DEMO CHƯƠNG TRÌNH (Một số giao diện chính của chương trình) 3 1 Trang chủ Biểu diễn cho thấy các hình ảnh, thông tin đôi nét về đất nước Lào và thông tin liên hệ HÌNH 3 1 GIAO DIỆN TRANG CHỦ 36 3 2 Thông tin cá nhân Giới thiệu về người viết website và thông tin liên quan tới người viết HÌNH 3 2 GIAO DIỆN TRANG THÔNG TIN CÁ NHÂN 37 3 3 T rang Văn hóa ẩm thực Lào Biểu diển cho thấy rằng các món ăn ngon mà người lào thường xuyên ăn , và món ăn đặc sản của đất nước lào khi nước ngoài qua lào phải được ăn thử và đâm mê đến món ăn lào HÌNH 3 3 GIAO DIỆN GIỚI THIỆU VĂN HÓA ẨM THƯC LÀO 38 3 4 Trang phục truyền thống Biểu diễn sự cuộc sống của người lào, văn hóa , phong tục tập quán theo phong tục của người lào HÌNH 3 4 GIAO DIỆN GIỚI THIỆU PHỤC TRUYỀN THỐNG 39 3 5 Trang văn hóa lễ hội Biểu diển cho thấy rằng các lễ hội quan trọng được tổ chức ở đất nước Lào HÌNH 3 5 GIAO DIỆN GIỚI THIỆU VĂN HÓA LỄ HỘI 40 3 6 Trang đăng nhập HÌNH 3 6 GIAO DIỆN ĐĂNG NHẬP 41 Phần 3 KẾT LUẬN VÀ KIẾN NGHỊ 1 Kết luận Ngôn ngữ HTML, CSS , PHP cho phép chúng 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ành một nh ư 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ối ưu để đưa thông tin cho con người, đặc biệt là để quảng cáo, tự hào cho đất nước Lào, làm cho mọi người nhớ về phong tục tập quán, nơi du lịch, tiếng cười và sự sống của con người cũng như đấ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 , PHP để web tin tức về nền văn hóa đạc sác của người 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 được chưa cao Kính mong sự thông cảm của các thầy cô và các bạn Để hoàn thành trong đề tài này, một lần nữa em xin chân thành cảm ơn cô giáo Th S THẦN THỊ DIỆU LINH là người đã quan tâm, giúp đỡ em trong suốt thời gian qua Và cho em bày tỏ lòng biết ơn tới các thầy giáo, cô giáo trong khoa công nghệ thông tin đã giúp em hoàn thành đề tài này Em xin chân thành cảm ơ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 42 Phần 4 TÀI LIỆU THAM KHẢO [1] Thiết kế web với CSS [2] Bài giảng thiết kế Web – HTML căn bản Khoa CNTT – ĐH Q N [3] Tài liệu trên Internet [4] Trang web www w3school com [5] Th S TRẦN THỊ DIỆU LINH – Bài giảng thiết kế và lập trình web [6] Bài Giảng Phân tích thiết kế hệ thống hướ ng đối tượng UML 43 Quảng Nam, ngày 11 tháng 05 năm2021 Cán bộ hướng dẫn ………………… Sinh viên thực hiện …………………… DUYỆT CỦA KHOA

Trang 1

UBND TỈNH QUẢNG NAM

TRƯỜNG ĐẠI HỌC QUẢNG NAM KHOA CÔNG NGHỆ THÔNG TIN

- -

KHÓA LUẬN TỐT NGHIỆP

Tên đề tài:

WEB TIN TỨC VỀ NỀN VĂN HÓA ĐẶC SẮC CỦA NGƯỜI LÀO

Sinh viên thực hiện

Trang 2

LỜI CẢM ƠN

Trước hết em xin gửi lời cảm ơn sâu sắc đến Th.S TRẦN THỊ DIỆU LINH Người đã trực tiếp hướng dẫn, giúp đỡ, định hướng và đóng góp ý kiến cho em trong suốt thời gian làm bài để em có thể hoàn thành bài khóa luận này

Em xin chân thành cảm ơn tất cả thầy cô giáo trường Đại học Quảng Nam

Đặc biệt là các thầy, cô trong khoa Công nghệ thông tin của trường đã tận tình dạy dỗ và truyền đạt kiến thức cho em trong suốt quá trình học tập và nghiên cứu tại trường, tạo điều kiện thuận lợi cho em trong thời gian cuối khóa để hoàn thành khóa luận tốt nghiệp

Em cũng gửi lời cảm ơn đến Trung tâm học liệu và Công nghệ thông tin trường Đại học Quảng Nam đã tạo môi trường, điều kiện giúp đỡ cho em trong suốt quá trình thực tập tốt nghiệp và những kinh nghiệm trong thực tế

Đồng thời, em cũng gửi lời cảm ơn đến gia đình, bạn bè đã động viên, giúp đỡ

em lúc khó khăn trong học tập và trong cuộc sống

Quảng Nam, tháng 5 năm 2021

Sinh viên thực hiện ANANDA OLAPHIM

Trang 3

PHÂN 1 MỞ ĐẦU 1.1 Lý do chọn đề tài

Trong những năm trở lại đây, thế giới nói chung và các nước Đông Nam Á nói riêng đang trên đà phát triển mạnh mẽ, không ngừng nâng cao về mọi mặt, đặt biệt là ngành công nghệ thông tin Để đáp ứng như cầu càng cao của con người thì hàng loạt các công ty công nghệ trang web được ra đời và các ứng dụng công nghệ thông tin đang được áp dụng ngày càng nhiều hơn Việc ứng dụng công nghệ thông tin và 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 Lào – đất nước láng giềng xinh đẹp và bình yên, mê hoặc du khách với những ngôi chùa tôn nghiêm, những thác nước tuyệt đẹp, những pho tượng Phật nhiều hình dáng độc đáo và nụ cười thân thiện, hiếu khách của người dân Cùng với đó Lào là một đất nước hiền hoà thơ mộng tô điểm bởi dòng Mê Kông như môt món trang sức quý giá còn tiềm ẩn chưa được khám phá của du khách bốn phương Hiện nay, du khách muốn đến Lào có thể bằng máy bay nếu muốn tiết kiệm được thời gian, và nếu muốn trải nghiệm mới về thiên nhiên hoang dã thì hành trình khám đường mòn Đông Dương bằng xe là sự lựa chọn tốt nhất

Với những nét văn hóa đặc sắc, những ngôi chùa với lối kiến trúc đặc biệt, những món ăn ngon phù hợp với khẩu vị Việt Nam Lào đang là một điểm đến được rất nhiều bạn trẻ lựa chọn trong chuyến hành trình khám phá của mình

Với việc xây dựng Website nói chung, và xây website dựng tin tức nơi du lịch &

và phong tục tập quán của đất nước Lào Mục đích là để nhằm vào tất cả mọi người hay mọi nước trong Đông Nam Á biết nơi du lịch, phong tục tập quán, tiếng nói, món

ăn ngon đặc sản, tính cách của con người Lào

Như vậy, để có cái nhìn toàn cảnh về chuyên đề này, khóa luận đi sâu vào nghiên

cứu trên đề tài: “WEB TIN TỨC VỀ NỀN VĂN HÓA ĐẶC SẮC CỦA NGƯỜI LÀO”

Trang 4

1.2 Mục tiêu của đề tài

Nắm vững những kiến thức về nội dung chính, hiểu được về HTML, CSS, và các công cụ thiết kế web Biết vận dụng những kiến thức vào xây dựng trang thông tin điện tử (Website)

1.3 Đối tượng và phạm vi nghiên cứu

Ứng dụng các kiến thức về nội dung chính, hiểu được về HTML, CSS, Biết vận dụng những kiến thức vào xây dựng trang Web

1.4 Phương pháp nghiên cứu

Em đi sâu nghiên cứu vào nội dung chính của đề tài khóa luận tốt nghiệp, tìm hiểu ngôn ngữ HTML, CSS, áp dụng xây dựng trang Website vào việc quảng cáo và

1.6 Cấu trúc đề tài

Chương 1: Cơ sở lý thuyết Chương này trình bày các khái niệm cơ bản về web,

ngôn ngữ và phần mềm hỗ trợ được sử dụng trong quá trình thiết kế website

Chương 2: Phân tích & thiết kế hệ thống Chương này đặc tả bài toán sau đó

phân tích và thiết kế, xây dựng hệ thống

Chương 3: Demo Chương Trình

Trang 5

PHÂN 2 NỘI DUNG NGHIÊN CỨU CHƯƠNG I : CƠ SỞ LÝ THUYẾT

.1 CÁC KHÁI NIỆM CƠ BẢN

1.1.1 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 Phầ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 server , 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.2 HTTP

Với những người thường xuyên sử dụng internet, cụm từ HTTP có lẽ đã trở nên quá quen thuộc Nó quen thuộc đến nỗi nhiều người thường xuyên đọc và sử dụng chúng nhưng lại không hề biết đến ý nghĩa của cụm từ này Vậy HTTP kỳ thực là gì? 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 6

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 giao 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 Ý

Rõ ràng việc sử dụng giao thức HTTPS giúp tăng cường khả 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 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ư

Trang 7

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 trang 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

Chỉ như vậy thôi rõ ràng là chưa đủ cho việc đảm bảo an toàn thông tin trên internet Tuy nhiên với những điều cơ bản này, các bạn cũng sẽ phần nào hiểu được cách thức mà các Website hoạt động và có cho mình những kinh nghiệm cơ bản nhất

để tự bảo vệ chính bản thân mình

1.1.3 Word Wide Web

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 web đã đượ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 đượ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

Trang 8

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

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ư đ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 (thô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)

Trang 9

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 ngôn ngữ 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, bạn 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 Bạn 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

Trang 10

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

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

Trang 11

Cấu trúc cơ bản của trang HTML/XHTML có dạng như sau, thường gồm 3 phần:

<!Doctype>: Phần khai báo chuẩn của html hay xhtml

<head></head>: Phần khai báo ban đầu, khai báo về meta, title, css,

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

Trang 12

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,

1.2.3 Các thẻ HTML cơ bản

• Thẻ <head> </head>: Tạo đầu mục trang

• Thẻ <title> </title>: Tạo tiêu đề trang trên thanh tiêu đề, đây là thẻ bắt buộc

Thẻ title cho phép bạn trình bày chuỗi trên thanh tựa đề của trang Web mỗi khi trang Web đó được duyệt trên trình duyệt Web

• Thẻ <body>…</body>: Tất cả các thông tin khai báo trong thẻ <body> đều

có thể xuất hiện trên trang Web Những thông tin này có thể nhìn thấy trên trang Web

Trang 13

• Các thẻ định dạng khác Thẻ <p> </p>: Tạo một đoạn mới Thẻ

<font> </font>: Thay đổi phông chữ , kích cỡ và màu kí tự

• Thẻ định dạng bảng <table> <table>: Đây là thẻ định dạng bảng trên trang Web Sau khi khai báo thẻ này, bạn phải khai báo các thẻ hàng <tr> và thẻ cột <td>

cùng với các thuộc tính của nó

• Thẻ hình ảnh <img>: Cho phép bạn chèn hình ảnh vào trang Web Thẻ này

thuộc loại thẻ không có thể đóng

• Thẻ liên kết <a> </a>: Là loại thẻ dùng để liên kết giữa các trang Web hoặc

liên kết đến địa chỉ Internet, Mail hay Intranet (URL) và địa chỉ trong tập tin trong mạng cục bộ (UNC)

Bạn đã gửi Hôm nay lúc 13:39

• Các thẻ Input: Thẻ Input cho phép người dùng nhập dữ liệu hay chỉ thị thực

thi một hành động nào đó, thẻ Input bao gồm các loại thẻ như: text, password, submit button, reset, checkbox, radio, image

• The Textarea: <Textarea> <\Textarea>: The Textarea cho phép người

dùng nhập liệu với rất nhiều dòng Với thẻ này bạn không thể giới hạn chiều dài lớn nhất trên trang Web

• Thẻ Select: Thẻ Select cho phép người dùng chọn phần tử trong tập phương

thức đã được định nghĩa trước Nếu thẻ Select cho phép người dùng chọn một phần

tử trong danh sách phần tử thì thẻ Select sẽ giống như combobox Nếu thẻ Select cho phép người dùng chọn nhiều phần tử cùng một lần trong danh sách phần tử, thẻ Select

đó là dạng listbox

• Thẻ Form: Khi bạn muốn submit dữ liệu người dùng nhập từ trang web phía

Client lên phía Server, bạn có hai cách để làm điều nàu ứng với hai phương thức POST và GET trong thẻ form Trong một trang Web có thể có nhiều thẻ Form khác nhau, nhưng các thẻ Form này không được lồng nhau, mỗi thẻ form sẽ được khai bảo hành động (Action) chỉ đến một trang khác

Trang 14

1.3 NGÔN NGỮ 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

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

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:

Trang 15

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 16

tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới

Như đã giới thiệu, PHP là ngôn ngữ máy chủ, mã lệnh PHP sẽ tập trung trên máy chủ để phục vụ các trang Web theo yêu cầu của người dùng thông qua trình duyệt Khi người dùng truy cập website viết bằng PHP, máy chủ đọc mã lệnh PHP

và xử lý chúng theo các hướng dẫn đã được mã hóa

Khác với Website HTML tĩnh ở chỗ: khi có một yêu cầu, máy chủ chỉ đơn thuần gửi dữ liệu HTML đến trình duyệt Web và không xảy ra một sự biến dịch nào từ phía máy chủ Đối với người dùng cuối và trên trình duyệt web, các trang home html và home php trong tương tự như nhau, nhưng thực chất nội dung của trang được tạo theo các cách khác nhau

- Ưu điểm khi dùng PHP

+ Dùng mã nguồn mở (có thể chạy trên Apache hoặc IIS)

+ Phổ biến hơn ASP (có thể thấy dựa vào số website dùng PHP)

+ Dễ học khi đã biết HTML, C

+ Dựa vào XAMP (dễ cấu hình)

+ Nhiều hệ thống CMS miễn phí dùng

+ Đi cặp với MYSQL

+ Hoạt động trên Linux, có thể trên IIS - Windows

Trang 17

echo "<h2>Xin chào các bạn, chúng tôi là <em>tin học Thời

Đại</em></h2>"; // Đây là chú thích trên một dòng

/* Đây là chú thích

một đoạn văn bản */

echo "Hôm này đẹp trời.";

?>

Trang 18

Cú pháp PHP chính là cú pháp trong ngôn ngữ C, các bạn làm quen với ngôn ngữ C thì có lợi thế trong lập trình PHP Để lập trình bằng ngôn ngữ PHP cần chú ý những điểm sau:

1 Cuối câu lệnh có dấu;

2 Biến trong PHP có tiền tố là $

3 Mỗi phương thức đều bắt đầu {và đóng bằng dấu}

4 Khi khai báo biến thì không có kiễu dữ liệu

5 Nên có giá trị khởi đầu cho biến khai báo

6 Phải có chi chú (Comment) cho mỗi feature mới

7 Sử dụng dấu // hoặc # để giải thích cho mỗi câu ghi chú

8 Sử dụng /* và */ cho mỗi đoạn ghi chú

9 Khai báo biến có phân biệt chữ hoa hay thường

c Khai báo biến

Khi thực hiện khai báo biến trong C, bạn cần phải biết tuân thủ quy định như: kiễu dữ liệu trước tên biến và có giá trị khởi đầu, tuy nhiên khi làm việc với PHP thì không cần khai báo kiểu dữ liệu nhưng sử dụng tiền tố $ trước biến

Xuất phát từ những điều ở trên, khai báo biến trong PHP như sau:

$tenbien [=giá trị];

$dem=0; //đếm

$strSql = "Select * from sanpham where hienthi=1";

$mang = array("Họ", "Tên", "cơ quan");

Trang 19

$banghi=5;

$kiemtra = true;

$strSql="select * from sanpham";

$mang = array("id", "tensp", "mota");

mạnh mẽ hỗ trợ code như là Sublime Text, Zend Studio với rất nhiều Plugin hỗ trợ

bạn 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 của bạn

Trang 20

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

Tiền đề bài viết

Trong quá trình học tập và làm việc, thao tác với nhiều ngôn ngữ và nhiều trình soạn thảo là việc thường gặp ở mỗi lập trình viên Trong bài viết này tôi muốn cung cấp cho bạn đọc cách cài đặt và sử dụng phần mềm Notepad++ để phục vụ quá trình học tập và làm việc trong chuyên ngành công nghệ

Đố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

Trang 21

Chọn I Agree để đồng ý với những điều khoản của chương trình

Ngày đăng: 27/02/2024, 10:22

w