Đến đây, bạnchắc chắn sẽ ngỡ ngàng trước hệ thống hang động, núi đá vôi cùng hệ sinh thái đa dạng,tươi tốt, kết hợp với những di tích lịch sử gắn liền với kinh thành của nhà nước Đại CồV
Trang 1Giảng viên hướng dẫn: Ths.Phạm Trung Dũng Lớp: Ngôn ngữ lập trình 1-2-2-23(N01)
Sinh viên thực hiện:
1, Hoàng Thị Hồng Xuân - MSV:23014104
2, Phạm Thị Anh Thư - MSV: 23014919
BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC PHENIKAA
BÀI TẬP LỚN TÊN HỌC PHẦN: NGÔN NGỮ LẬP TRÌNH 1
ĐỀ TÀI: Tràng An Travel
Hà Nội, 15/4/2024
Trang 2LỜI NÓI ĐẦU
Du lịch Tràng An là một trong những lựa chọn hàng đầu của du khách trên quốc tế khi ghé thăm Việt Nam, với sự hòa quyện giữa vẻ đẹp tự nhiên với di sản văn hóa độc đáo và
ẩm thực phong phú Với diện tích 6.226 ha, cách trung tâm thành phố Ninh Bình 7km, khu du lịch sinh thái Tràng An là một di tích quốc gia đặc biệt quan trọng Đến đây, bạn chắc chắn sẽ ngỡ ngàng trước hệ thống hang động, núi đá vôi cùng hệ sinh thái đa dạng, tươi tốt, kết hợp với những di tích lịch sử gắn liền với kinh thành của nhà nước Đại Cồ Việt kiên cường ngày trước
Sở hữu hệ thống 31 đầm và hồ nước nối thông với 48 hang động, khu du lịch được ví von như bức tranh thủy mặc với cảnh sắc thiên nhiên ấn tượng đã xuất hiện từ hàng trăm năm qua Những hang động ở đây cũng nhận được nhiều sự chú ý của mọi người, đặc biêt
là giới khảo cổ với hệ thống nhũ đá đa dạng hình thù, chẳng hạn như Hang Sáng, Hang Tối, Hang Cơm, Hang Địa Linh, Hang Ba Giọt, Hang Nấu Rượu, Hang Bói
Bên cạnh đó, khu du lịch sinh thái Tràng An còn sở hữu những di tích văn hóa có ý nghĩa như Đền Trình, Đền Trần, Đền Tứ Trụ, Hành cung Vũ Lâm, Phủ Khống, Đền Suối Tiên, Đền Cao Sơn nữa Nếu có cơ hội đến Tràng An vào ngày 17 đến 19/3 Âm lịch, bạn
sẽ được tham gia lễ hội Tràng An – ngày mà người dân địa phương dành riêng để tôn vinh thần Cao Sơn và Quý Minh cùng một loạt những trò chơi dân gian thú vị khác
Để hoàn thành được bài tiểu luận này, em xin chân thành cảm ơn Ban Giám hiệu, các khoa, phòng và quý thầy, cô của trường đại học Phenikaa những người đã tận tình giúp
đỡ và tạo điều kiện cho em trong quá trình học tập Đặc biệt, em xin gửi lời cảm ơn sâu sắc đến thầy Phạm Trung Dũng - người đã trực tiếp giảng dạy và hướng dẫn em thực hiện bài tiểu luận này bằng tất cả lòng nhiệt tình và sự quan tâm sâu sắc
Trong quá trình thực hiện bài tiểu luận này, do khả năng hiểu biết, kiến thức còn hạn chế nên bài làm khó tránh khỏi những thiếu sót Em rất mong nhận được những lời góp ý của quý thầy cô để bài tiểu luận ngày càng hoàn thiện hơn
Trân trọng và biết ơn!
Nhóm 2 – N01 – K17 – Trường Đại học Phenikaa
Trang 3MỤC LỤC
MỤC LỤC 3
CHƯƠNG 1 TỔNG QUAN VỀ DU LỊCH TRÀNG AN 4
1.1 Vị trí địa lý 4
1.2 Tài nguyên du lịch 5
CHƯƠNG 2 TIẾN HÀNH XÂY DỰNG 7
2.1 Các công nghệ sử dụng 7
2.1.1 HTML 7
2.1.2 CSS 7
2.2 Các thẻ HTML và thuộc tính CSS được sử dụng 8
2.2.1 Thẻ html 8
2.2.2 Thuộc tính CSS 8
CHƯƠNG 3 GIAO DIỆN WEBSITE 9
3.1 Trang chủ 9
3.2 Banner website 9
3.3 Điểm tham quan, các tuyến 10
3.4 Các dịch vụ 10
3.5 Hệ thống 12
KẾT LUẬN 13
Trang 4CHƯƠNG 1 TỔNG QUAN VỀ DU LỊCH TRÀNG AN
Đề tài thiết kế giao diện web "Tràng An Travel" là một dự án hứa hẹn mang đến trải nghiệm tuyệt vời cho người dùng trong việc tìm kiếm và đặt các dịch vụ du lịch tại Tràng An Ninh Bình, Việt Nam Với sự phát triển của công nghệ thông tin và sự gia tăng của ngành du lịch trong nước, việc thiết kế một giao diện web hiệu quả không chỉ giúp tiết kiệm thời gian cho người dùng mà còn tạo ra một kênh tiếp thị hiệu quả cho các doanh nghiệp du lịch
Giao diện web "Tràng An Travel" được thiết kế để cung cấp cho người dùng một trải nghiệm đơn giản, thuận tiện và đáng tin cậy khi tìm kiếm và đặt các dịch vụ du lịch Trang web sẽ cung cấp thông tin chi tiết về các điểm đến phổ biến, các tour du lịch, khách sạn, nhà hàng, dịch vụ lữ hành và các hoạt động giải trí tại các địa điểm du lịch Tràng An Giao diện web sẽ được thiết kế một cách trực quan và dễ sử dụng, với giao diện người dùng thân thiện và tính năng tìm kiếm nhanh chóng Người dùng có thể dễ dàng lọc
và tìm kiếm theo các tiêu chí như địa điểm, thời gian, loại hình dịch vụ, giá cả và đánh giá của người dùng khác
1.1 Vị trí địa lý
Nằm ở rìa nam châu thổ sông Hồng, cách thủ đô Hà Nội khoảng 90km về phía Đông Nam, Tràng An thuộc xã Trường Yên, huyện Hoa Lư, tỉnh Ninh Bình, nổi tiếng là một quần thể danh thắng với sự hòa quyện giữa thiên nhiên hùng vĩ và giá trị lịch sử, văn hóa sâu sắc
Vị trí địa lý này mang đến cho Tràng An nhiều ưu điểm:
Thuận lợi cho giao thông, du lịch: Gần Hà Nội, nằm trên tuyến du lịch Tam Cốc - Bích Động, sở hữu hệ thống đường thủy, đường bộ thuận tiện
Phong cảnh thiên nhiên hùng vĩ, thơ mộng: Núi non hùng vĩ, hang động kỳ bí, sông nước trong xanh, hệ sinh thái đa dạng
Giá trị lịch sử, văn hóa: Từng là kinh đô Hoa Lư của hai triều đại Đinh - Lê, sở hữu nhiều di tích lịch sử, văn hóa khác
Trang 51.2 Tài nguyên du lịch
Với diện tích 6.226 ha, Tràng An bao gồm khu di tích lịch sử văn hóa Cố đô Hoa
Lư, khu danh thắng Tràng An - Tam Cốc - Bích Động và khu rừng nguyên sinh đặc hữu Hoa Lư Nơi đây sở hữu địa hình núi đá vôi xen kẽ thung lũng, sông ngòi, tạo nên hệ thống hang động karst độc đáo cùng nhiều di tích lịch sử, văn hóa giá trị
Tràng An, Ninh Bình được ví như "vịnh Hạ Long trên cạn" với hệ thống hang động kỳ vĩ, núi đá vôi hùng vĩ, sông nước trong xanh và thảm thực vật phong phú Nơi đây sở hữu cảnh quan thiên nhiên hoang sơ, thơ mộng, ẩn chứa nhiều bí ẩn và giá trị lịch
sử văn hóa độc đáo
Du khách đến với Tràng An sẽ được chiêm ngưỡng những dãy núi đá vôi nhấp nhô, những hang động ẩn hiện sau làn sương mờ, những dòng sông uốn lượn len lỏi qua các vách đá và những đầm phá xanh biếc Mỗi cảnh đẹp mang một vẻ đẹp riêng, tạo nên bức tranh thiên nhiên Tràng An vô cùng sống động và ấn tượng
Tràng An không chỉ nổi tiếng với cảnh đẹp thiên nhiên mà còn là nơi lưu giữ nhiều giá trị văn hóa lịch sử quý báu Nơi đây từng là kinh đô Hoa Lư của hai triều đại Đinh -
Lê trong lịch sử Việt Nam Du khách có thể tìm hiểu về lịch sử hào hùng của dân tộc qua các di tích lịch sử như đền Trần, đền Bái Đính, chùa Bái Đính,
Đến với Tràng An, du khách có thể tham gia vào nhiều hoạt động du lịch hấp dẫn như:
+Đi thuyền tham quan: Du khách sẽ được ngồi trên những chiếc thuyền nhỏ len lỏi qua các hang động, ngắm nhìn cảnh quan thiên nhiên hùng vĩ và thơ mộng
+Tham quan các di tích lịch sử: Du khách có thể tham quan các di tích lịch sử như đền Trần, đền Bái Đính, chùa Bái Đính, để tìm hiểu về lịch sử văn hóa của Tràng An +Leo núi: Du khách có thể leo núi để ngắm nhìn toàn cảnh Tràng An từ trên cao +Chèo thuyền kayak: Du khách có thể tự chèo thuyền kayak khám phá các hang động và ngóc ngách của Tràng An
Trang 6+Tham gia các hoạt động văn hóa: Du khách có thể tham gia các hoạt động văn hóa như hát chèo, múa rối nước,
Tràng An có nhiều món ăn đặc sản như cơm cháy, dê núi, ốc núi, Du khách có thể thưởng thức những món ăn này tại các nhà hàng ven khu du lịch
Trang 7CHƯƠNG 2 TIẾN HÀNH XÂY DỰNG
2.1 Các công nghệ sử dụng
2.1.1 HTML
HTML là viết tắt của HyperText Markup Language, là ngôn ngữ lập trình cơ bản để tạo cấu trúc và nội dung cho website HTML sử dụng các thẻ để định dạng văn bản, hình ảnh, video, liên kết và chia website thành các khu vực chức năng khác nhau
Lợi ích của HTML với đề tài:
Cấu trúc website: HTML giúp tạo khung sườn cho website, bao gồm các khu
vực như header, main content, sidebar và footer
Thêm nội dung: HTML giúp thêm văn bản, hình ảnh, video, liên kết vào
website
Tạo bố cục cơ bản: HTML chia website thành các khu vực chức năng khác
nhau
Dễ học và sử dụng: HTML có cú pháp đơn giản, dễ học và sử dụng.
Tương thích với nhiều trình duyệt: HTML được hỗ trợ bởi tất cả các trình
duyệt web phổ biến
2.1.2 CSS
CSS là viết tắt của Cascading Style Sheets, là ngôn ngữ lập trình dùng để thiết
kế giao diện website CSS giúp định dạng màu sắc, font chữ, kích thước, vị trí các element trên website, tạo hiệu ứng và nâng cao tính thẩm mỹ cho website
Lợi ích của CSS với đề tài:
Thiết kế giao diện: CSS giúp website có giao diện đẹp mắt, thu hút và ấn tượng
Tạo hiệu ứng: CSS thêm các hiệu ứng đẹp mắt cho website như
hover, animation,
Trang 8 Nâng cao tính thẩm mỹ: CSS giúp website thu hút và ấn tượng hơn.
Dễ học và sử dụng: CSS có cú pháp đơn giản, dễ học và sử dụng
2.2 Các thẻ HTML và thuộc tính CSS được sử dụng
2.2.1 Thẻ html
a: thẻ link video: thẻ video
style: định dạng
2.2.2 Thuộc tính CSS
padding: khoảng cách từ nội dung – đường viền
margin: khoảng cách giữa các phần tử
height, width: chiều cao, chiều rộng của phần tử
text-decoration: none; - bỏ thuộc tính mặc định thẻ a
display: inline-block; - phần tử được đặt chiều cao, chiều rộng
display: flex; - khiến cho phần tử con nằm ngang
align-items: center; - các phần tử con nằm chính giữa
hover: chạm vào sẽ thực hiện thuộc tính
border: viền của phần tử
color: đặt màu sắc
background: một thuộc tính viết tắt để đặt thuộc tính nền trong lời khai báo font-face:
table: tạo bảng
background: hiệu ứng nền cho phần tử
dropdowns: tạo danh sách thả xuống
Trang 9CHƯƠNG 3 GIAO DIỆN WEBSITE 3.1 Trang chủ
3.2 Banner website
Trang 103.3 Điểm tham quan, các tuyến
3.4 Các dịch vụ
3.4.1 Lưu trú
Trang 113.4.2 Lữ hành
3.4.3 Ẩm thực
Trang 123.5 Hệ thống
3.6 Chân trang
Trang 13KẾT LUẬN
Đề tài thiết kế web "Tràng An Travel" là một đề tài tiềm năng, mang lại nhiều lợi ích cho doanh nghiệp du lịch Website được thiết kế với nội dung đầy đủ, tính năng hữu ích
sẽ giúp thu hút khách hàng tiềm năng, tăng doanh thu và lợi nhuận cho doanh nghiệp
Ưu điểm:
Hoàn thành yêu cầu đề bài: Mặc dù thời gian thực hiện hạn chế, website vẫn đáp ứng đầy đủ các yêu cầu của giáo viên bộ môn, bao gồm xây dựng website du lịch
và thực hiện tốt các chức năng như:
o Giới thiệu tour
o Cung cấp thông tin điểm đến, các dịch vụ (lưu trú, ăn uống, vui chơi)
Nhược điểm: Website còn khá đơn giản
Hướng phát triển:
Hoàn thiện chức năng: Tiếp tục phát triển các chức năng chưa được hoàn thiện trong phiên bản hiện tại
Nâng cao chất lượng:
o Tăng cường độ chính xác và chi tiết trong thông tin tour
o Thiết kế giao diện đẹp mắt, tiện lợi và dễ sử dụng hơn
o Tích hợp tính năng đăng nhập bằng tài khoản mạng xã hội
o Nâng cao tính bảo mật cho website