Thiết kế web thương mại Điện tử Đề tài website thương mại nhà hàng

CHUONG 1: GIOI THIEU SAN PHAM Tỉnh hoa ẩm thực Việt luôn có sức hút kì lạ không chỉ với thực khách trong nước mà còn cả các thực khách ngoại quốc yêu nét đẹp truyền thống.. Nha Hang Am T

Trang 1

TRUONG DAI HOC CONG THUONG TP.HCM KHOA QUAN TRI KINH DOANH

HOC PHAN: THIET KE WEB THUONG MAI DIEN TU

WEBSITE THUONG MAI NHA HANG

Giảng viên hướng dẫn:

Nhóm thực hiện:

Khoá:

Lớp học phần:

Vũ Văn Điệp Nhóm 06

12 12DHQTMK03

TP Hồ Chí Minh, tháng 10 năm 2023

Trang 2

DANH SACH THANH VIEN THAM GIA

Tý lệ

thành

Nguyễn Lê Mỹ Tâm | 2040213603 | 2.1, 2.2 chương 2 +Làm | 100%

Nguyễn Như Quỳnh | 2040213596 | 2.3, 2.4 chương 2 + Làm 100%

5 Tran Thanh Son 2040213599 | Chuong 3 + thuyét trinh + Lam Code 100%

Trang 3

MUC LUC

CHUONG 1: GIOI THIEU SAN PHAM

2.1 Một số lý thuyết liên quan 2 5 SE E1 112112112111112122 21 1 tr

2.1.1 Thiết kế Website là gì? s cSà n1 2121122212122 1n nga

2.1.2 Các thành phần có trong trang Websife - s21 2121121212 cxy

2.2 Chức năng code trong Website Q QQQ Q2 HH HH n2 re

PA (J5 WN nddẮÁ

"non

3

Trang 4

CHUONG 1: GIOI THIEU SAN PHAM

Tỉnh hoa ẩm thực Việt luôn có sức hút kì lạ không chỉ với thực khách trong nước mà còn cả các thực khách ngoại quốc yêu nét đẹp truyền thống Các món ăn Việt Nam luôn mang hương vị đặc trưng cho từng vùng miền Âm thực Việt Nam rất đa dạng và phong _phú, tuy nhiên có thể tìm được một nơi để thưởng thức “chuẩn vị” thì không may dé dang

Nha Hang Am Thực Bếp Việt là nhà hàng sở hữu một không gian âm thực ấ âm cúng với

sự kết hop tinh tế giữa văn hóa âm thực Việt Nam và các nền văn hóa âm thực Á

Đông Đến với Bếp Việt, khách hảng có thé thưởng thức những món ăn độc đáo, sáng tạo và mang đậm dầu ấn đặc trưng Trong đó, ân tượng và nôi bat nhất vol thiết kê âm thực chủ đạo gồm những món ăn đặc sắc chế biến từ nguyên liệu truyền thống và các nguyên liệu được nhập khâu 100%

Tam nhìn

Với khát vọng và nỗ lực, Nhà Hàng Bếp Việt sẽ không ngừng nâng cấp cải tiễn hương

vị món ăn song song với lượng dịch vụ, hướng đên khăng định chắc chắn uy tín va vi thê vững vàng trên thị trường kinh doanh thương mại âm thực

Sw mệnh

“Am thực và hơn thê nữa!”

“Âm thực và hơn thế nữa!” là câu slogan bộc lộ thiên chức, mục tiêu, hướng đi mà Bếp Việt đã lựa chọn Sứ mệnh của Bếp Việt là mang đến cho người mua những thưởng thức tuyệt vời vả đúng nghĩa nhất về âm thực Ở đó, âm thực không chỉ đơn thuần là ngon miệng, mà phải bảo vệ bảo đảm an toàn vệ sinh và dinh dưỡng Sức khỏe của người mua luôn là một trong những yeu tố số 1 được Nhà Hàng Bếp Việt chăm sóc và chú trọng Những món ăn của Bếp Việt được góp vốn đầu tư điều tra và nghiên cứu và chế biến theo hướng vận dụng những bài thuốc có giúp tăng cường sức khỏe thé chat, ngăn ngừa ung thư, làm chậm tiến trình lão hóa, tương hỗ

điều trị những bệnh về xương khớp Món ăn của Nhà Hàng hứa hẹn sẽ đem đến sự ngon miệng và hài lòng nhất cho người mua

Giá trị cốt lõi

Án toàn: Trong ngành kinh doanh thương mại âm thực, bảo đảm an toàn về sức khỏe

thé chất được xem là yếu tô quan trọng nhất Tuy nhiên, lúc bấy giờ rất nhiều cơ sở kinh doanh thương mại vì doanh thu mà lại bỏ quên yếu tô này Với tâm niệm mong

ước bảo vệ sức khóe thé chất của khách hàng, Nhà Hàng Âm Thực Việt luôn luôn tôn

vinh yếu tố bảo đảm an toàn thực phẩm ¿ ở mọi quy trình từ lựa chọn và dữ gìn vả bảo

vệ nguyên vật liệu, quy trình chế biến món ăn đến khi thành phẩm

Chất lượng: Nhà Hàng Bếp Việt luôn không ngừng tìm tòi, học hỏi, update để hoàn thành xong và nâng cao chất lượng từng món ăn, nâng cao chất lượng và sự khoa học

trong phong cách thiết kế thực đơn bữa ăn Đồng thời Bếp Việt còn chú trọng đến việc nang cao chât lượng những mô hình dịch vụ Nhà Hàng mà phân phôi

1

Trang 5

Chuyên nghiệp: Šự chuyên nghiệp là một trong những giá trị Nhà Hàng Bếp Việt tự tin và tự hào nhất Bếp Việt sở hữu một đội ngũ nhân viên giàu kinh nghiệm và đã qua dao tạo chuyên sâu, bao gồm các chuyên gia tư vấn về âm thực, đầu bếp, nhân viên phục vụ Tập thể nhân viên luôn săn sảng công hiến hết mình để có thể cung cấp

những dịch vụ tốt nhất, chuyên nghiệp nhất đến khách hảng

Tuy những bước khởi đầu, định hình tiên phong đã đạt được một số ít thành công xuất sắc nhất định Nhưng Nhà Hàng Bếp Việt sẽ luôn không ngừng phần dau nang cao

chất lượng dịch vụ, lan rộng ra những doi tượng người tiêu dùng người mua củng khu

vực kinh doanh thương mại Để làm được điều đó, nhà hàng sẽ tập trung chuyên sâu góp vốn đầu tư về nguồn nhân lực, tăng trưởng cơ sở vật chat, tim toi va phat minh sáng tạo những món ăn độc lạ

Kinh doanh bằng sự tận tâm với nghề, chúng tôi kỳ vọng Nhà Hàng Bếp Việt sẽ được

sự đảm nhiệm và vĩnh hạnh trở thành là lựa chọn tuyệt vời nhất cho những người sử dụng

Trang 6

CHUONG 2: QUA TRINH HINH THANH

2.1 Một số lý thuyết liên quan

2.1.1 Thiết kế Website là gì?

Thiết kế Website cũng giống như là cho phép người dùng có thế truy cập trực tiếp cũng như thực hiện được các thao tác ở trên web như giao tiếp, trao đôi thông tin với người sở hữu web Họ có thể tìm kiếm thông tin, mua bán, tương tác trực tiếp mà không tốn quá nhiều thời gian và cũng không phải xem quảng cáo như các hình thức marketins thông thường Thiết kế Web có thể cho phép cùng một hàng triệu người truy cập, và tất nhiên nó không hề giới hạn bất kỳ một phạm vi, lãnh thổ nảo

Website là một văn phòng ảo của doanh nghiệp trên mạng Internet Website bao gồm toàn bộ thông tin, dữ liệu, hình ảnh về các sản pham, dich vụ và hoạt động sản xuất kinh doanh mà doanh nghiệp muốn truyền đạt tới người truy cập Internet Với vai trò quan trong nhu vay, co thé coi Website chính là bộ mặt của Công ty, là nơi đề đón tiếp

và giao dịch với các khách hàng trên mạng Website không chỉ đơn thuần là nơi cung cấp thông tin cho người xem, cho các khách hàng và đối tác kinh doanh của doanh

nghiệp, nó còn phải phản ánh được những nét đặc trưng của doanh nghiệp, đảm bảo

tính thâm mỹ cao, tiện lợi, dễ sử dụng và đặc biệt phải có sức lôi cuốn người sử dụng

đề thuyết phục họ trở thành khách hàng của doanh nghiệp

2.1.2 Các thành phần có trong trang Website

Thiết kế Web thương mại điện tử được gọi là hoàn chỉnh cần có rất nhiều thành phần khác nhau Các thành phân cơ bản bao gom banner, logo, counter, search form, navigator, header, footer, frame, forum, chat, multimedia

2.2 Chức năng code trong Website

2.2.1 Trang chủ

e Phan header

rN Bép Viet Trang Chủ Về Chúng Tôi Đặt Bàn MENU Tin Tire Lién Hé

<title>Website Restaurant</title>

</head>

<body>

<Li><h1><i cLass="fa-soLid fa-bowl- food"></i>Bép

Việt</h1></Li>

<li><a href=""">Trang Chủ</a></Li>

<li><a href="vechungtoi.html">Vé*Ching Téi</a></li>

</div>

Trang 7

- li: list-style=”none”: tắt dinh danh dau cham khi danh chi muc

- Ham onclick=”addDrv()” trên div Đặt bàn:

+ onclick: sự kiện khi nháy chuột vào ô Dat bàn

+addDrv(): nói ở mục 2.3

header{

background-image: url(food.jpg);

background- repeat: no-repeat;

height: 650px;

margin: -20px;

Trang 8

¢ Phan Footer

<i class= "></i> Địa chỉ: 140 Lê Trọng Tân, P.Tây Thạnh, Q.Tân Phú, TPBCM</div>

<i class="fa-so Thứ 2 - CN | 7: 21:00 giờ</

Trang Chủ ẤM Tom Kot Đặt Bàn MENU Tin Tức PRT BCS

KHONG GIAN SANG TRONG & DICH VU VIP

trong với nhiều khu vực: sân vườn, phòng VỊP, sảnh lớn với sức chứa

nghị

«© - Nhà hàng thường xuyên có ưu đãi hấp dẫn dành tặng thực khách

như voucher giảm giá, các hoạt động nổi bật vào các dịp lễ trong năm,

chính sách ưu đãi cho khách hàng thân thiết

NHA HANG BEP VIET - DIEM HEN CUA ^ a oe ` ^ 2

NGƯƠI YEU AM THUC VUNG QUE VIET

« _ Bếp Việt được biết đến với danh xưng "Ấm thực vùng quê” chốn Sài

Thành bởi nơi đây phục vụ các món ăn vùng quê đặc sắc trên cả nước

Thực đơn phong phú, chất lượng nguyên liệu tươi sống kết hợp với tay

nghề do đầu bếp hàng đầu tự tay lựa chọn khiến thực khách khó lòng

quên được Bếp Việt dù chỉ một lần ghé đến

« - Những món ăn làm nên tên tuổi của Bếp Việt như Ba rọi đốt riềng,

Thịt rang mắm tôm, Giả cầy, Cá bống trứng kho tộ được chế biến qua

bàn tay các đầu bếp am hiểu về các món ăn vùng quê Việt có kinh

Trang 9

<div>

<h2>KHONG GIAN SANG TRONG & DICH VY VIP</h2>

<li>

Bếp Việt có sức chứa lên đến 400 thục khách trong không gian sang trong với nhiểu khu vực: sân vườn, phòng VIP, sảnh lớn với sức chứa đến 80 khách

đủ để tổ chức các cuộc họp mặt, sinh nhật, sự kiện - hội nghị

</li>

<1i›Khi đặt tiệc chiêu đãi tại phỏng VIP, khách hảng có thể được miễn phí

các dịch vụ như karaoke, dản âm thanh, mản hình chiếu, máy chiếu </1i>

<li»Nhà hàng thường xuyên có ưu đãi hắp dẫn dành tặng thực khách

như voucher giảm giá, các hoạt động nổi bật vào các dịp lễ trong năm,

chính sách ưu đãi cho khách hàng thân thiét.</li> </div>

</div>

<div>

<h2»NHÀ HÀNG BẾP VIỆT - ĐIỂM HẸN CỦỬA NGƯỜI YÊU ẨM THỰC VÙNG QUÊ VIỆT </h2>

<1i»Bắp Việt được biết đến với danh xưng "Ẩm thực vùng quê” chốn Sải Thảnh

bởi nơi đây phục vụ các món ăn vùng quê đặc sắc trên cả nước

Thực đơn phong phú, chất lượng nguyên liệu tươi sống kết hợp với tay nghề

do đầu bếp hàng dau ty tay lựa chọn khiến thực khách khó lòng quên được Bếp Việt

dù chỉ một lần ghé đến.</1i>

<1i»Những món ăn làm nên tên tuổi của Bếp Việt như Ba rọi đốt riểng, Thịt rang mắm tôm,

Giả cầy, Cá bỗng trứng kho tộ được chế biến qua bản tay các đầu bếp am hiểu về các món ăn vùng quê Việt có kinh nghiệm lâu năm trong ngành Ẩm thực.</li> </div>

</div>

<div>

Trang 10

2.2.3 Dat ban

Ho tén khach hang

vo: Nguyễn Văn A

Số điện thoại

vo: 0909xxxxxx

vo: contact@bepviet.com

Số người

vo: 4

Thời gian nhận bàn

ho: 01/01/2023, 7 giờ

Trang 11

<div> Ho tén khách hàng </div>

<div> Sô “điện thoại </div>

<div>Email</div>

<div>Sô ˆ“người</d1v>

<div><button type="submit" oncLick="submit( this) ">Xác

nhan</button></div>

</div>`

document querySeLector( "header”) insertAd] acentHTML ("beforebegin"` h);

document querySelector("body").style.overflowY = "hidden";

}

function submit(obj){

alert("Xac nhận thành công");

obj parentElement.parentElement.s8yle.display = "none";

document querySelector("body").style.overflowY = "visible";

}

function changeBackGround (obj) {

Trang 12

+ addDiv(): tao một div dat ban như ở trên

- Hàm onclick=”submit(this)” trên nút Xác nhận: khi nháy chuột vào nút Xác nhận, sẽ thông báo xác nhận thành công, đồng thời đóng đív Đặt bàn

- Ham onclick=”deleteDiv(this)” trên dấu X: khi nháy chuột vào đấu X sẽ đóng file

Trang 13

“datban{

height: 70%;

width: 28%;

position: absolute;

background-color: rgb(234 232° 232);

top: 17%;

left: 35%:

border-radius: 10px;

display: block;

}

“datban > div {

coLor: darkgoLdenrod;

font-weight: bolder;

}

‘button{

position: relative;

left: 92%;

color: black;

font-weight: bold;

background-color: rgb(253° 246° 230)

}

“button:hover{

color: red;

}

‘datban > div: last-child{

position: relative;

left: 37%:

}

input{

width: 95%:

height: 35px;

margin-left: 11px;

margin-top: -2px;

margin-bottom: -2px;

Trang 14

- height: chiều cao, nếu chọn đơn vị px, sẽ lấy chiều cao theo số px ghi nhận, nêu chọn đơn vị %, sẽ lấy chiều cao theo % màn hình

- position: nếu không chỉnh cái nảy thì không thể chỉnh top, bottom, ripht, left

+ top: cách phía trên màn hình một khoảng

+ bottom: cách phía dưới

+ left: cách bên trái

+ right: cach bên phải

- background-color: mau nén

- color: mau chit

- border-radius: bo g6c

- font-weight: chinh d6 dam nhat

- margin: khoảng cách giữa các ô cùng một cấp

- padding: khoảng cách giữa nội dung với viền thôi

- :hover: kích hoạt CSS khi rê chuột vào (tức đưa chuột vào trong ô đó)

Định dạng
Số trang	17
Dung lượng	3,81 MB