web 1013thiết kê web đề tài thiết kế web thời trang

Trang 1

TRƯỜNG ĐẠI HỌC FPT

CAO DANG FPT POLYTECHNIC HO CHI MINH

GEG Education

FPT POLYTECHNIC

WEB 1013: THIET KE WEB

ĐÈ TÀI: THIẾT KẾ WEB THỜI TRANG

GVHD: Mai Thanh Thảo

Trang 2

L Giới thiệu I.Nội dung

Assignmentn tiến hành nghiên cứu và xây dụng một website về trường THPT của mình.Webstte của gôm 6 trang chinh: Trang chu, San Pham, Khuyén Mai, Tin Tức, Tuyên Dụng, Hệ Thông Cữa Hàng Trang chủ Hệ Thống Sản Phẩm Khuyến Mãi Tin Tức Tuyển Dụng Cữa Hàng 2 Tóm tắt ngắn gọn về doanh nghiệp Tên doanh nghiệp: 360 Boutique Tầm nhìn:

Trở thành tập đoàn với chuỗi cửa hàng và các công ty con, phát triển bên vững lâu dài duy trì và phát triên thương hiệu giá trị thương hiệu trở nên uy tín, có sức cạnh tranh trong nước và quôc tê

Sứ mệnh:

Phát triển, giữ vững vị thế luôn là thương hiệu tiên phong, dẫn đâu của Việt Nam

Cung cấp các sản phẩm chất lượng cao, luôn thoả mãn, đáp ứng nhu cầu, mong muôn, thị hiêu đa dạng của khách hàng trong và ngồi nước

Khơng ngừng sáng tạo, đột phá, thực hành tốt, tạo g1á †rỊ, xứng tầm là thương hiệu lớn

Luôn lây sự hài lòng của khách hàng, người tiêu dùng làm trọng tâm cho mọi hoạt động Hợp tác chặt chẽ với đôi tác trên tinh thân tin tưởng, tôn trọng, bình đăng vì sự thành công thăng lợi chung của cả hai bên

Luôn quan tâm đến vân đề sông còn, sự phát triển doanh nghiệp, thường xuyên vun đắp các giá trị công ty, giá trị thương hiệu, giá trị khách hàng, lợi ích chính đáng của khách hàng; luôn có ý thức bảo vệ môi trường

Trang 3

sáng tạo nhăm duy trì sự khác biệt có ý nghĩa, bảo đảm tính cạnh tranh cao, luôn thích ứng với môi trường kinh doanh, định hướng phát triên bên vững, lâu dài

Đối với nhân viên:

Cam kết ghi nhận tầm quan trọng của mỗi thành viên, tạo môi trường khuyến khích sự phat triên và thành công của môi cá nhân Đây được coi còn là nơi hội tụ các thành viên xuat sac voi tinh thân đoàn kêt cùng nhau phân đâu vì mục tiêu chung

Đôi với xã hội:

Với tinh thân phát triển của doanh nghiệp, cửa hàng, đồng hành với phát triển xã hội,

chúng tôi luôn đóng góp tích cực vào các hoạt động hướng về cộng đông, thê hiện tinh thân trách nhiệm đôi với đât nước và coI đó là truyên thông văn hóa tôt đẹp nhât

3 Lịch sử hình thành

Ra đời từ 2014, thương hiệu thời trang nam 360 xác định sứ mệnh giúp các chàng trai trở nên đẹp hơn với phiên bản của chính mình Ngày nay nam giới trẻ đang đứng những

cơ hội tuyệt vời của xã hội hiện đại, công nghệ thông tin phát triển, cuộc cách mạng của

các trang mạng xã hội để khăng định bản thân Bên cạnh đó, 360 hiểu răng người trẻ cũng đang phải đối diện với những áp lực, thử thách thôi thúc bản thân phải thể hiên mình so với những người khác

Với mong muốn được đông hành, truyền cảm hứng và khuyến khích các bạn nam giới trẻ dám bước ra khỏi vùng an toàn để tự do, tự tin thể hiện chính mình theo phong cách

phù hợp với bản thân Thương hiệu thời trang 360 đầu tư tâm huyết nghiên cứu thiết kế

chi tiết từng sản phâm để có thể mang lại những trải nghiệm mới cho khách hàng, cũng là thông điệp muốn nhăn nhủ đến các bạn trẻ hãy cho bản thân trải nghiệm, dám thay

đối, bứt phá để vươn lên Chúng ta chỉ thực sự thay đổi khi chúng ta hành động 360 tin

răng dù có thể thành công hay thất bại, nhưng chăc chăn chỉ có những trải nghiệm mới giúp bạn trưởng thành Trưởng thành là một hành trình với những dâu mốc thanh xuân,

Trang 5

Header trang web:

Tao layout cho header website trong file

<title>index.html</title>

<body>

Trang 6

2

Danh sach san pham va tin tire

Trang 8

Làm tương tự cho các tin tức còn lại

=”sanpham” >

Trang 10

Ta được kết quả như sau: HANG MOI VE R- , >2 wily — Ao so mi nam SKDTK259 Quan kaki nam QKLTK206 Quân jeans nam QIDTK236 Quan jogger nam QGNTK207 650.000D 450.000Đ §50.000D 350 000Đ

c Tạo layout cho tin tức Trong file Index.html

a”>350.000Đ</p>

»</d

BLACK FRIDAY - SALE SAP SAN HANG NGAN UU DAI LEN DEN 70%

cơ hội mua sắm không cần nhìn giá có 1-0-2 đã chính thức bắt đầu</p> </div>

ce

mes/thumb (1) <br>

Top 5 áo khoác nam giới phải có trong tủ đồ <br>

Với xu hướng hiện đại, một chiếc áo khốc khơng chỉ giúp bạn chống lại thời tiết mà nó còn </p>

ag

<p>11/11/2021

BUNG NO LOAT CHUONG TRINH MUNG 360 BOUTIQUE 7 TUỔI <br>

Nhân dịp sinh nhật lên 7, 360 boutique GIAM GIA LEN ĐẾN 50% toan bo images, khodc gid, quan jeans, </p> men

Trang 11

Trong file center; : IEl#5c7a08;} : 31%; ign: center; 10pX; 1nline-block; } a (6, 24, 44, @.4) @px Opx @px 2px, L (6, 24, 44, 0.65) @px 4px 6px -1px, II (255, 255, 255, 0.08) 0px 1px @px inset; } | > U (6, 24, 44, @.4) @px Opx px 2px, = (6, 24, 44, 0.65) @px 4px 6px -1px, = (255, 255, 255, 0.08) Opx 1px @px inset; } if | (6, 24, 44, @.4) @px Opx px 2px, IR (6, 24, 44, 0.65) 0pX 4px 6pX -1pX, a (255, 255, 255, 0.08) Opx 1px @px inset; } Ta duoc két qua nhu sau: / ise ANNIVERSARY ca Tea, |

23/11/2021 22/11/2021 11/11/2021 BUNG NO LOAT CHUONG TRINH MUNG 360 BLACK FRIDAY - SALE SAP SAN HANG NGAN UU DAI LEN Top Š áo khoác nam giới phải có trong tủ đơ BOUTIQUE 7 TI

DEN 70% Cơ hội mua sắm không cân nhìn giá có 1-0-2 đã chính thức Với xu hướng hiện đại, một chiếc áo khốc khơng chỉ giúp bạn chông Nhân địp sinh nhật lên 7 360 boutique GIAM GIA LEN DEN 50% bắt đâu lại thời tiêt mà nó còn toàn bộ images khoác gió, quân Jeans,

d Cuối cùng ta tạo layout cho phần footer website Trong file

</div> ="cc”>

CONG TY CO PHAN THOI TRANG 360 <br>

VPGD: 37 Trung Kinh, Trung Hòa, Cầu Giấy, Hà NỘI <br> Facebook thời trang nam: 36@Boutique <br>

Trang 12

Trong file síyle.css /* >Footer< */ background-color: L]#121891;text-align: border-top-left-radius: 2px; border-top-right-radius: 2px; color: silver /*Tao nut back top*/ width: 21 St nig 5@px; background-color: Mirgb(248, 96, 41);

display: flex;justify-content: center;

border-radius: 50%;align-items: center;

position: fixed;

bottom: 50px;right :20px;

/* Thay đổi màu khi di chuột qua */

Tiêu đề	Thiết Kế Web Thời Trang
Tác giả	Ngụ Tấn Đạt
Người hướng dẫn	GVHD: Mai Thanh Thảo
Trường học	FPT Polytechnic
Chuyên ngành	Web Design
Thể loại	graduation project
Năm xuất bản	2023
Thành phố	Ho Chi Minh

Định dạng
Số trang	14
Dung lượng	1,48 MB