đề tài thiết kế và xây dựng website cho hãng spa lucid

Ngay cả trong lĩnh vực làm đẹp cũng không ngoại lệ, đôi khi khách hàng tìm hiểu những thông tin trong website của một hãng, một doanh nghiệp nào đó thôi cũng ảnh hưởng quyết định sử dụng

BO GIAO DUC VA DAO TAO

TRUONG DAI HOC DAI NAM

DAI NAM

BAI TAP LON

TEN HOC PHAN: THIET KE VA XAY DUNG

DE TAI: THIET KE VA XAY DUNG WEBSITE CHO

HANG SPA LUCID

Giáo viên hướng dan: Trịnh Hồng Điệp

Sinh viên thực hiện:

Stt Ma sv Ho va tén Lớp

BO GIAO DUC VA DAO TAO

TRUONG DAI HOC DAI NAM

DAI NA

UNIVERSITY

BAI TAP LON

TEN HOC PHAN: THIET KE VA XAY DUNG

DE TAI: THIET KE VA XAY DUNG WEBSITE CHO

HANG SPA LUCID

1 1456010017 Bùi Thị Câm Linh | 05/05/2002

CAN BO CHAM THI

Hà Nội, năm 2023

LOI NOI DAU

Thiết kế website là một nhu cầu quan trọng đối với bất cứ doanh nghiệp nào Ngày nay, trong thời đại 4.0, mọi thứ — kể cả thói quen tìm kiếm của khách hàng — đều được công nghệ hóa Các doanh nghiệp, công ty xây dựng cũng không nằm ngoài vòng tròn quy luật này Website doanh nghiệp là chiếc chìa khóa vạn năng Nó vừa cung cấp các thông tin về công ty, vừa giới thiệu nhiều dự án, vừa là công cụ giúp liên lạc với khách hàng Không những vậy, sự nhanh chóng, tiện ích và giao diện bắt mắt chính là những điểm cộng lớn Từ đó, khách hàng sẽ đánh giá cao tính chuyên nghiệp cho doanh nghiệp xây dựng của bạn hơn

Cùng với đó, hiện nay nhu cầu sử dụng các dịch vụ về website vô cùng đa dạng

và nhiều Ngay cả trong lĩnh vực làm đẹp cũng không ngoại lệ, đôi khi khách hàng tìm hiểu những thông tin trong website của một hãng, một doanh nghiệp nào đó thôi cũng

ảnh hưởng quyết định sử dụng dịch vụ hay không Chính vì vậy, em đã lựa chọn đề tài

“Thiết kế và xây dựng website cho hãng Spa LUCID” đề nghiên cứu, tìm hiểu và thực hành Qua đề tài này, em xin chân thành gửi lời cảm ơn đến các thầy, các cô trong

khoa Truyền thông trường Đại học Đại Nam đã tạo điều kiện cũng như môi trường học

tập thoái mái, năng động cho các bạn sinh viên trong khoa nói chung và em nói riêng

được thỏa sức sáng tạo, thê hiện niềm đam mê và sự yêu thích của mình Em xm trân

thành cảm ơn !

Trong suốt thời gian làm tiểu luận này, có một người mà em không quên gửi lời cảm ơn đó là thầy Trịnh Hồng Điệp - giảng viên hướng dẫn môn Thiết kế và xây dựng Website Trong quá trình học tập và tìm hiểu bộ môn Thiết kế và xây dựng Website

em đã nhận được sự quan tâm, giúp đỡ và hướng dẫn nhiệt tình từ thầy Thầy đã giúp

em hiểu hơn và có cái nhìn rõ ràng hơn về môn học này cũng như về ngành học của

em, hiểu được sự quan trọng của website với đời sống thực tiễn của mỗi chúng ta Từ những kiến thức thầy truyền tải em đã dần áp dụng được chúng vào những câu hỏi mà

em được tiếp xúc hàng ngày, từ đó đưa ra đánh giá và học hỏi được nhiều điều để chuẩn bị cho công việc trong tương lai Thông qua bài tiêu luận này, em xin trình bày những gì mà em đã được học cũng như tìm hiểu được về cách ứng dụng các bài giảng

Giảng viên hướng dẫn: Thây Trịnh Hồng Điệp Page 3

của thầy với những vấn đề trong cuộc sống và trong quá trình lên ý tưởng, thiết kế một website

Kiến thức về bộ môn Thiết kế và xây dựng Website thì vô cùng rộng lớn và cách

để sử dụng chúng để giải quyết các vấn đề thì cũng vô cùng khó khăn, đòi hỏi em phải dành ra một khoảng thời gian rất dài để nghiên cứu và tìm hiểu Do đó, trong quá trình

hoàn thành bài tiêu luận chắc chắn sẽ không thê tránh khỏi những thiếu sót Bản thân

em rất muốn nhận được những ý kiến phản hồi và sự hướng dẫn đến từ thầy đề bài tiểu

luận của em được hoàn thiện hơn

Kính chúc thầy có nhiều sức khỏe, hạnh phúc và thành công trên con đường giảng dạy!

SINH VIÊN BUI THI CAM LINH

Giảng viên hướng dẫn: Thây Trịnh Hồng Điệp Page 4

MUC LUC

CHƯƠNG 1 QUA TRINH TAO LAP WEBSITE VỚI WORDPRESS 10

1.1 Quá trình tạo lập website với WordPress 10

CHUONG 2 TONG QUAN VE THUONG HIEU SPA LUCID VA DINH HUGNG

2.2.2 Đối tượng hướng đến 19

CHƯƠNG 3 TẠO DỰNG WEBSITE CHO SPA LUCID 21

3.2.2 Giới thiệu về chuyên mén cha Spa LUCID 29

3.2.3 Giới thiệu các dịch vụ tốt nhất của Spa 30

KET LUAN 34

Giảng viên hướng dẫn: Thây Trịnh Hồng Điệp

7

MUC LUC HiNH ANH

Hinh anh 1.1.1.1 Dia chi tai wordpress 10 Hinh anh 1.1.1.2 Quy trinh copy file vao thu muc 11

Hinh anh 1.1.1.4 Chon ngén ngit tai hop thoai 12 Hình anh 1.1.1.5 Cac noi dung cain thực hiện 12

Hình ảnh 1.1.1.6 Các mục điền thông tin 13

Hình ảnh 1.1.2.1 Mục cần khởi động trong hộp thoại của XAMPP 13 Hình ảnh 1.1.2.2 Địa chỉ cần truy cập 14 Hình ảnh 1.1.2.3 Ô địa chỉ đặt tên CSDL 14 Hinh anh 1.1.2.4 Tao dit liéu thanh céng 15

Hình anh 1.1.2.5 Bang dién thong tin 15

Hình anh 1.1.2.7 Dién théng tin 16

Hinh anh 1.1,.2.8.2 Dang nhap thanh céng 17

Hinh anh 3.1.2 Tim kiém Starter Templat 21

Hình ảnh 3.1.3 Chon cong cu thuc hién 22

Hình anh 3.1.8 Chon Build Your Website Now 24

Giảng viên hướng dẫn: Thây Trịnh Hồng Điệp Page 7

8

Hinh anh 3.1.9 Lwa chon bé cuc cho trang web

Hình ảnh 3.1.10 Lựa chọn chú dé cho trang web

Hình anh 3.1.11 Thém bài viết mới cho trang web

Hình ảnh 3.2.2.1 Giới thiệu chuyên môn của Spa

Hình ảnh 3.2.2.2 Lợi ích của các dịch vụ trong Spa

Hình ảnh 3.2.7 Thông tín, địa chỉ, giờ làm việc và mục thông ti của khách hàng 33

Giảng viên hướng dẫn: Thây Trịnh Hồng Điệp

BANG CAC TU VIET TAT

10 CHUONG 1 QUA TRINH TAO LAP WEBSITE VOI WORDPRESS 1.1 Quá trình tạo lập website với WordPress

Ld Tai WordPress

> Buéc |: Truy cap vao dia chi

https://wordpress.org/download/

Download and install it yourself

For anyone comfortable getting their own hosting and

€@ applications.html

Hinh anh 1.1.1.2 Quy trinh copy file vao th muc

> Bước 3: Đổi tên WordPress thành tên website mình thích

Deutsch (Sie) Deutsch (Schwelz)

Hinh anh 1.1.1.4 Chon ngén nett tai h6ép thoai

> Bước 5: Những việc cần phải làm

Let’s go! 4, Database host

5 Table prefix (if you want to run frore than one WordPress in a single database)

create a wp-config.php file If for any reason this automatic file creation

does not work, do not worry All this does is fill in the database information to a configuration file You

may also simply open wp-config-sample.php in a text editor, fill in your information, and save it as wp- config php Need more help? Read the support article on wp-config php

In all likelihood, these items were supplied to you by your web host If you do not have this information, then you

will need to contact them before you can continue If you are ready

13

> Bước 6: Điền thông tin theo mẫu

Điện thông tin vào các

~ Below you should enter your database connection details If you are not sure about these, contact your host

x

muc theo mau Z

Database Name he name of the database you want to use

\.== password our database password

web host, if localhost does not work

Table Prefix wp If you want to run multiple WordPress

= installations in a single database, change this

f=) XAMPP Control Panel v3.3.0 conta

Status change detected: running Attempting to start MySQL app

Status change detected: running

= Server connection collation: @

& More settings

utf8mb4_unicode_ci

Appearance settings

& Language @ English v

@ Theme pmahomme v | Viewall |

Khi tạo được dữ liệu thành công, sẽ

hiện ra thư mục như hình bên ¿ New

S bookshop

*+— - information_schema +- - mysdql

*+- - performance schema +- - phpmyadmin +- ¿ test + testdb

Hinh anh Ì 1.2.4 Tạo dữ liệu thành công

> Bước 5: Điền thông tin cần thiết

Quay lai trang: localhost/bookshop

1- Tên CSDL, vừa tạo thành công 4- Chon Submit

16

> Bước 6: Run

Nhắn chon Run the installation

All right, sparky! You've made it through this part of the installation WordPress can now communicate with your

database If you are ready, time now to

Hinh anh 1.1.2.6 Hép Run

> Bước 7: Cài đặt phần khác cho Website

Cac thong tin vé website

Information needed

Usernames can have only alphanumeric characters, spaces, underscores, hyphens

Nhân Install Wordpress để He

important: You will need this password to log in Please store it in a secure location

- Tạo một Password ————

Your Email pr14@dnu.edu.vn

Double-check your email address before continuing

17

> Bước §: Đăng nhập

Sau khi cải đặt xong, điền Use name và Password Nhắn Log In

Username or Email Address Password Remember Me

Lost your password?

« Go to Chào mừng các bạn lớp PR14

Tình ảnh LTÌ23.1 Đăng nhập

Welcome to WordPress!

blocks and patterns site with block themes

Hinh ảnh 1.1.2.8.2 Dang nhdp thanh céng

Giảng viên hướng dẫn: Thây Trịnh Hồng Điệp

Switch up your site’s look

& feel with Styles

Page 17

18

CHUONG 2 TONG QUAN VE THUONG HIEU SPA LUCID VA DINH

HUONG WEBSITE

2.1 Tổng quan về thương hiệu LUCID Spa

LUCID Spa là một thương hiệu uy tín chuyên cung cấp về các dịch vụ massage, trị liệu bằng những chuyên gia hàng đầu trong ngành và đồng thời cơ sở vật chất cũng được chú trọng để mang đến cho khách hàng những trải nghiệm tốt nhất Với định hướng “ Cơ thê và

tâm hồn trẻ hóa” LUCID hi vọng với mỗi khách hàng khi đến và tin tưởng trải nghiệm tại

Spa đều có thể hài lòng về sắc vóc LUCID mang lại Cùng với đó là sự đồng hành mang đến tuôi xuân, sức khỏe, sắc vóc cùng những khách hàng của LUCID

2.2 Định hướng Website

Website sẽ được thiết kế mang theo phong cách nhẹ nhàng, tối giản nhất có thể, để khi khách hàng truy cập vào trang web cũng mang đến sự nhẹ nhàng, thư thái đúng theo hướng

thương hiệu muốn mang lại

Thông tin: Trong website sẽ được chia ra các đầu mục chính như: Trang chủ; Giới thiệu

thương hiệu; Các dịch vụ thương hiệu cung cấp; Nơi booking cho khách hàng: Thông tin

hiên hệ - Dia chi

Các giao diện, thông tin được dùng font chữ, hình ánh dễ nhìn tiện lợi để khi khách hàng truy cập có thể đễ dàng sử dụng và tìm hiểu

2.2.1 Mục đích - Mục tiêu

2.2.1.1 Mục đích

* Khiến cho khách hàng có thể dễ dàng tìm hiểu đến thương hiệu và tiếp cận đến một số

lượng khách hàng nhất định

¥ Dễ dàng quán lý các thông tin online, booking từ website

+“ Tăng độ nhận diện thương hiệu tới công chúng và khách hàng

19

Tìm kiếm và lan tỏa được thông tin tới nhiều đối tượng khách hàng tiềm năng

Làm nôi bật “tính cách”, phong cách của thương hiệu

Các thông tin về thương hiệu được nhiều người biết đến

Nhận được nhiều lượt booking massage, tri liéu

Bat kịp xu hướng thời kì hiện đại hóa 4.0, không bị thụt lùi bởi những đối thủ cạnh tranh

khác trên thị trường online cũng như offline

Quảng bá hình ảnh của thương hiệu

2.2.1.2 Mục tiêu

v

v

Khách hàng sẽ biết đến những dịch vụ của thương hiệu nhiều hơn

Các thông tin được đăng tải trên website sẽ làm cho khách hàng thôi thúc muốn được

trải nghiệm

Xây dựng nên được một tệp khách hàng trung thành

Giao diện website sẽ thấy luôn được giá trị và phong cách hoạt động của thương hiệu

Có chỗ đứng trên thị trường web, online

Giao diện website đễ dàng sử dụng khiến cho khách hàng không cảm thấy khó chịu khi truy cập và sử dụng website

2.2.2 Đối tượng hướng đến

Đối tượng mục tiêu: Là nữ giới độ tuôi từ 22-60 tuôi - đây là một độ tuổi đã có nguồn

thu nhập và quan tâm rất nhiều đến vấn đề trẻ hóa và các trị liệu Ở đối tượng khách hàng mục tiêu này, đặc biệt là nữ gidi sé rat hay truy cap va internet dé tim hiệu vân đê chăm sóc, dưỡng da nên dễ dàng tiếp cận và truyền tai thông tin của website cho khách hàng mục tiêu

Cùng với đó là nhiều đối tượng khác ở những độ tuổi khác nhau và giới tính khác nhau

20 2.2.3 Yêu cầu cần đạt được

21 CHUONG 3 TAO DUNG WEBSITE CHO SPA LUCID

3.1 Cac buéc tao dwng Website

Sau khi xây dựng được website trong wordpress

> Budc 1: Cai dat Plugin (can cai plugin có tén Starter Templates .)

Hinh anh 3.1.1 Cai dat Plugin

® Gõ tên plugins ở ô tìm kiếm

Nhập cụm từ Starter Templates vào ô Search plugins

Add Plugins | upload Plugin

Plugins

button at the top of this page

Hinh anh 3.1.2 Tim kiém Starter Templates

Giảng viên hướng dẫn: Thây Trịnh Hồng Điệp

Page 21

The growing library of 300+ ready-

to-use templates that work with all

WordPress themes including Astra,

Hello, OceanWP, GeneratePress

and more

By Brainstorm Force

Kee IK (3.866)

1+ Million Active Installations

Last Updated: 1 month ago Untested with your version of WordPress

Keyword v _ Starter Templates

169 items

WooCommerce Checkout & Funnel

Builder by CartFlows — Create High Converting Stores For

WooCommerce

WooCommerce checkout & funnel

builder to boost conversion and revenue with beautiful and

optimized checkout pages &

funnels

By CartFlows inc Wee Wek (247)

@ Makeup & style cho website cia ban (can có internet)

& Beaver Builder Templates

The growing library of 300+ ready- to-use templates that work with all WordPress themes including Astra, Hello, OceanWP, GeneratePress and more

By Brainstorm Force

More Details

Hinh anh 3.1.5 Vao ung dung

Plugin da dugc cai dat thanh công

Version 5.0.1 | By Automattic | View details

This is not just a plugin, it symbolizes the hope and enthusiasm of an entire generation summed up in two words sung most famously by Louis Armstrong: Hello, Dolly When activated you will randomly see a lyric from Hello, Dolly in the upper right of your admin screen on every page

Version 1.72 | By Matt Mullenweg | View details Starter Templates is all in one solution for complete starter sites, single page templates, blocks & images