bài tập lớn ngôn ngữ lập trình 1 đề tài tràng an travel

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

Giả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

LỜ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

MỤ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

CHƯƠ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

1.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

+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

CHƯƠ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,

 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

CHƯƠNG 3 GIAO DIỆN WEBSITE 3.1 Trang chủ

3.2 Banner website

3.3 Điểm tham quan, các tuyến

3.4 Các dịch vụ

3.4.1 Lưu trú

3.4.2 Lữ hành

3.4.3 Ẩm thực

3.5 Hệ thống

3.6 Chân trang

KẾ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