Thiết Kế Website Quản Lý Cửa Hàng Mỹ Phẩm

Thiết kế website quản lý cửa hàng mỹ phẩm giúp tối ưu hóa quy trình kinh doanh, nâng cao trải nghiệm khách hàng và tăng doanh thu hiệu quả.

• Tác giả: Đỗ Quang Minh
• Người hướng dẫn: Dr. Pham Dinh Tan
• Trường học: Vietnam National University
• Chuyên ngành: ICE
• Đề tài: Design A Website For Cosmetic Store Management
• Loại tài liệu: graduation project
• Năm xuất bản: 2024
• Địa điểm: Hanoi

Mục lục chi tiết

• ACKNOWLEDGEMENT
• INTRODUCTION
• 1. CHAPTER 1: OVERVIEW OF WORDPRESS AND MYSQL
• 1.1. Introduction to web development
• 1.2. Learn about HTML
• 1.3. Learn about CSS
• 1.4. Learn about JavaScript programming language
• 1.5. Learn about PHP
• 1.6. Benefits of Website for businesses
• 2. CHAPTER 2: SYSTEM ANALYSIS AND DESIGN
• 2.1. Introducing online sales website
• 2.2. Overview of the website
• 2.3. Client-side functions
• 2.4. Administrator side functions
• 2.5. User -side functional hierarchy diagram
• 2.6. Functional hierarchy diagram for administrators
• 2.7. General usecase diagram
• 2.8. Usecase diagram for customer actor
• 2.9. Usecase diagram for system administrator
• 2.10. Usecase diagram for shopping cart management
• 2.11. Usecase diagram for product management
• 2.12. Usecase diagram for new management
• 2.13. Usecase diagram for add to cart
• 2.14. Usecase diagram for payment
• 2.15. Usecase diagram for update shopping cart
• 2.16. Usecase diagram for add products
• 2.17. Usecase diagram for delete products
• 2.18. Single Page Application model
• 2.19. Install Visual Studio Code
• 2.20. Connect to PHP Myadmin
• 2.21. Integrate contact button into website
• 2.22. Integrate chat messages into the website
• 2.23. Integrate Zalo and phone
• 3. CHAPTER 3: BUILDING A WEBSITE
• 3.1. Admin side interface

Tóm tắt

I. Tổng Quan Về Thiết Kế Website Quản Lý Cửa Hàng Mỹ Phẩm

Ngày nay, sự phát triển của công nghệ đã thay đổi diện mạo của nhiều lĩnh vực, trong đó có thương mại điện tử. Cùng với nhu cầu chuyển đổi số của các doanh nghiệp, việc sử dụng website để mua bán, tìm kiếm thông tin ngày càng trở nên phổ biến. Việc cập nhật thông tin là vô cùng quan trọng đối với các nhà quản lý và doanh nghiệp. Để quảng bá sản phẩm, nhiều công ty lớn đã có chiến lược quảng bá sản phẩm trên các phương tiện truyền thông đại chúng như báo chí, đài phát thanh, truyền hình, trong đó quảng bá sản phẩm trên website là một trong những giải pháp hiệu quả nhất. Đây là công thức để truyền tải thông tin một cách nhanh chóng, hiệu quả và tiết kiệm chi phí. Cùng với sự phát triển của Internet, nhu cầu chăm sóc bản thân và làm đẹp của mọi người cũng tăng lên, vì vậy một loạt các sản phẩm công nghệ nghệ thuật được cung cấp để ứng dụng vào thị trường. Phục vụ khách hàng, khách hàng có thể trực tiếp mua hàng qua website online. Khách hàng không mất nhiều thời gian để nhanh chóng mua được sản phẩm mong muốn.

1.1. Tầm Quan Trọng Của Website Bán Hàng Mỹ Phẩm Online

Việc xây dựng một website bán hàng mỹ phẩm online là vô cùng cần thiết, đặc biệt trong thời đại thương mại điện tử ngày càng phát triển. Đối với nhu cầu trao đổi hàng hóa từ các doanh nghiệp cá nhân đến người tiêu dùng một cách nhanh chóng, một website là không thể thiếu. Website sẽ giúp dễ dàng quảng bá và bán sản phẩm một cách nhanh chóng và hiệu quả. Từ công việc nghiên cứu lý thuyết, kiến trúc và thời gian nghiên cứu, tôi đã sử dụng để xây dựng một website bán hàng.

1.2. Lợi Ích Khi Thiết Kế Website Quản Lý Cửa Hàng Mỹ Phẩm

Một website giúp kết nối hơn 7 tỷ người trên toàn thế giới, không chỉ giới hạn trong phạm vi quốc gia. Để phát triển công nghệ ở một cấp độ cao hơn, mang thông tin đến mọi cá nhân sử dụng internet ngày nay không phải là điều quá xa vời. Với một website bán hàng, có thể quảng bá sản phẩm và bán hàng ở thị trường trong nước hoặc một quốc gia khác ngoài Việt Nam một cách nhanh chóng và dễ dàng. Số lượng sản phẩm đăng trên website phụ thuộc vào mong muốn và nhu cầu của bạn. Không giới hạn số lượng thông tin sẽ giúp cung cấp thông tin đầy đủ và chi tiết, từ đó giúp khách hàng dễ dàng tiếp cận doanh nghiệp và tăng doanh thu.

II. Những Thách Thức Khi Quản Lý Cửa Hàng Mỹ Phẩm Không Có Website

Việc không có website quản lý cửa hàng mỹ phẩm có thể gây ra nhiều khó khăn trong việc quản lý, vận hành và phát triển kinh doanh. Khả năng tiếp cận khách hàng bị hạn chế, chỉ có thể phục vụ những khách hàng đến trực tiếp cửa hàng. Việc quản lý thông tin sản phẩm, quản lý kho mỹ phẩm, quản lý đơn hàng trở nên phức tạp và tốn thời gian hơn, dễ xảy ra sai sót. Khó khăn trong việc xây dựng thương hiệu và tạo dựng uy tín trên thị trường, đặc biệt trong bối cảnh cạnh tranh ngày càng gay gắt. Chi phí marketing và quảng cáo cao hơn so với việc sử dụng website để tiếp cận khách hàng tiềm năng. Việc mở rộng thị trường và phát triển kinh doanh gặp nhiều trở ngại do thiếu công cụ hiệu quả để quảng bá sản phẩm và tiếp cận khách hàng ở xa.

2.1. Khó Khăn Trong Quản Lý Sản Phẩm Và Kho Hàng Thủ Công

Nếu không có website, việc quản lý sản phẩm trở nên rất khó khăn. Việc cập nhật thông tin sản phẩm mới, điều chỉnh giá, theo dõi số lượng tồn kho đều phải thực hiện thủ công, tốn nhiều thời gian và dễ xảy ra sai sót. Khó kiểm soát được số lượng sản phẩm bán ra, sản phẩm nào đang được ưa chuộng, sản phẩm nào cần giảm giá để đẩy hàng. Việc quản lý kho hàng thủ công cũng rất phức tạp, đặc biệt đối với các cửa hàng có nhiều sản phẩm và nhiều chi nhánh.

2.2. Hạn Chế Trong Tiếp Cận Khách Hàng Và Mở Rộng Thị Trường

Khi không có website, cửa hàng chỉ có thể tiếp cận được những khách hàng đến trực tiếp. Điều này hạn chế khả năng mở rộng thị trường, tiếp cận khách hàng tiềm năng ở xa. Khó khăn trong việc thực hiện các chương trình marketing, quảng cáo để thu hút khách hàng mới. Không thể tận dụng được sức mạnh của internet để quảng bá thương hiệu và sản phẩm. Dẫn đến việc bỏ lỡ nhiều cơ hội kinh doanh và mất dần lợi thế cạnh tranh.

III. Hướng Dẫn Thiết Kế Website Quản Lý Cửa Hàng Mỹ Phẩm Chuẩn SEO

Việc thiết kế website quản lý cửa hàng mỹ phẩm đòi hỏi sự tỉ mỉ và chuyên nghiệp để đảm bảo website hoạt động hiệu quả, thu hút khách hàng và mang lại doanh thu. Cần xác định rõ mục tiêu của website, đối tượng khách hàng mục tiêu và các chức năng cần thiết. Lựa chọn nền tảng thiết kế website phù hợp, có thể là WordPress, Shopify, hoặc các nền tảng e-commerce mỹ phẩm khác. Thiết kế giao diện website mỹ phẩm đẹp mắt, chuyên nghiệp, thân thiện với người dùng và phù hợp với thương hiệu của cửa hàng. Xây dựng cấu trúc website rõ ràng, logic, dễ điều hướng. Tối ưu hóa website chuẩn SEO để cải thiện thứ hạng trên các công cụ tìm kiếm.

3.1. Lựa Chọn Nền Tảng Thiết Kế Website Phù Hợp

Có nhiều nền tảng thiết kế website khác nhau, mỗi nền tảng có ưu và nhược điểm riêng. WordPress là một lựa chọn phổ biến, dễ sử dụng, có nhiều plugin hỗ trợ và khả năng tùy biến cao. Shopify là một nền tảng thương mại điện tử chuyên dụng, cung cấp đầy đủ các công cụ để quản lý và bán hàng online. Các nền tảng thiết kế website khác như Wix, Squarespace cũng là những lựa chọn tốt, đặc biệt đối với những người không có nhiều kinh nghiệm về lập trình.

3.2. Thiết Kế Giao Diện Website Mỹ Phẩm Chuyên Nghiệp Và Thu Hút

Giao diện website mỹ phẩm là yếu tố quan trọng để thu hút và giữ chân khách hàng. Cần lựa chọn màu sắc, hình ảnh, font chữ phù hợp với thương hiệu của cửa hàng. Thiết kế website responsive để đảm bảo hiển thị tốt trên mọi thiết bị, từ máy tính để bàn đến điện thoại di động. Bố cục website cần rõ ràng, dễ nhìn, dễ tìm kiếm thông tin. Hình ảnh sản phẩm cần chất lượng cao, chân thực.

3.3. Tối Ưu Hóa Website Quản Lý Cửa Hàng Mỹ Phẩm Chuẩn SEO

Việc tối ưu hóa website chuẩn SEO là rất quan trọng để cải thiện thứ hạng trên các công cụ tìm kiếm, giúp khách hàng dễ dàng tìm thấy website của bạn. Cần nghiên cứu từ khóa liên quan đến sản phẩm mỹ phẩm, sử dụng từ khóa trong tiêu đề, mô tả, nội dung website. Xây dựng liên kết nội bộ và liên kết bên ngoài chất lượng. Tối ưu hóa tốc độ tải trang. Tạo sơ đồ website (sitemap) và gửi cho các công cụ tìm kiếm.

IV. Chức Năng Thiết Yếu Của Website Quản Lý Cửa Hàng Mỹ Phẩm

Một website quản lý cửa hàng mỹ phẩm cần có đầy đủ các chức năng để quản lý sản phẩm, đơn hàng, khách hàng và các hoạt động kinh doanh khác. Chức năng quản lý sản phẩm cho phép thêm, sửa, xóa thông tin sản phẩm, phân loại sản phẩm theo danh mục. Chức năng quản lý đơn hàng cho phép theo dõi trạng thái đơn hàng, xử lý đơn hàng, in hóa đơn. Chức năng quản lý khách hàng cho phép lưu trữ thông tin khách hàng, theo dõi lịch sử mua hàng, thực hiện các chương trình khuyến mãi. Chức năng quản lý kho mỹ phẩm cho phép theo dõi số lượng tồn kho, cảnh báo hết hàng, nhập kho, xuất kho. Chức năng thanh toán online giúp khách hàng dễ dàng thanh toán đơn hàng.

4.1. Quản Lý Sản Phẩm Mỹ Phẩm Hiệu Quả

Chức năng quản lý sản phẩm cho phép thêm mới sản phẩm, cập nhật thông tin sản phẩm (tên sản phẩm, giá, mô tả, hình ảnh), phân loại sản phẩm theo danh mục, thương hiệu. Cần có chức năng tìm kiếm sản phẩm nhanh chóng, lọc sản phẩm theo các tiêu chí khác nhau. Có thể tích hợp chức năng đánh giá, nhận xét sản phẩm để tăng tính tương tác với khách hàng.

4.2. Quản Lý Đơn Hàng Và Khách Hàng Chuyên Nghiệp

Chức năng quản lý đơn hàng cho phép theo dõi trạng thái đơn hàng (mới, đang xử lý, đã giao, đã hủy), xử lý đơn hàng (xác nhận đơn hàng, đóng gói sản phẩm, giao hàng), in hóa đơn. Chức năng quản lý khách hàng cho phép lưu trữ thông tin khách hàng (tên, địa chỉ, số điện thoại, email), theo dõi lịch sử mua hàng, phân loại khách hàng theo nhóm (khách hàng mới, khách hàng thân thiết).

4.3. Tích Hợp Thanh Toán Online Và Vận Chuyển Tiện Lợi

Việc tích hợp các cổng thanh toán online (Visa, Mastercard, Momo, ZaloPay) giúp khách hàng dễ dàng thanh toán đơn hàng. Cần lựa chọn các cổng thanh toán uy tín, bảo mật. Tích hợp với các đơn vị vận chuyển (Giao hàng nhanh, Giao hàng tiết kiệm, Viettel Post) giúp tự động tính phí vận chuyển, theo dõi trạng thái vận chuyển đơn hàng. Cung cấp nhiều hình thức thanh toán và vận chuyển khác nhau để khách hàng lựa chọn.

V. Các Yếu Tố Quan Trọng Để Website Mỹ Phẩm Thành Công

Để website mỹ phẩm thành công, cần chú trọng đến nhiều yếu tố. Thiết kế website đẹp mắt, chuyên nghiệp, thân thiện với người dùng. Cung cấp thông tin sản phẩm đầy đủ, chính xác, hấp dẫn. Đảm bảo chất lượng sản phẩm và dịch vụ. Xây dựng thương hiệu uy tín. Thực hiện các chiến dịch marketing, quảng cáo hiệu quả. Chăm sóc khách hàng chu đáo. Thường xuyên cập nhật nội dung website và cải thiện website dựa trên phản hồi của khách hàng.

5.1. Nội Dung Website Chất Lượng Và Hấp Dẫn

Nội dung website cần cung cấp thông tin đầy đủ, chính xác, hữu ích về sản phẩm mỹ phẩm. Viết bài viết chia sẻ kiến thức về làm đẹp, chăm sóc da. Tạo video hướng dẫn sử dụng sản phẩm. Sử dụng hình ảnh, video chất lượng cao. Cập nhật nội dung thường xuyên để thu hút khách hàng quay lại website.

5.2. Chăm Sóc Khách Hàng Tận Tâm Và Chu Đáo

Trả lời nhanh chóng các câu hỏi của khách hàng. Giải quyết các vấn đề phát sinh một cách chuyên nghiệp. Cung cấp dịch vụ tư vấn, hỗ trợ khách hàng nhiệt tình. Thu thập phản hồi của khách hàng để cải thiện sản phẩm và dịch vụ. Xây dựng mối quan hệ tốt đẹp với khách hàng.

VI. Xu Hướng Thiết Kế Website Quản Lý Cửa Hàng Mỹ Phẩm Tương Lai

Trong tương lai, thiết kế website quản lý cửa hàng mỹ phẩm sẽ tiếp tục phát triển theo hướng cá nhân hóa trải nghiệm người dùng, tích hợp công nghệ AI (trí tuệ nhân tạo) để tư vấn sản phẩm, sử dụng thực tế ảo (VR/AR) để khách hàng trải nghiệm sản phẩm trước khi mua. Tập trung vào thiết kế website mobile friendly để đáp ứng nhu cầu sử dụng điện thoại di động ngày càng tăng. Chú trọng đến bảo mật thông tin khách hàng và tuân thủ các quy định về bảo vệ dữ liệu cá nhân.

6.1. Cá Nhân Hóa Trải Nghiệm Mua Sắm Online

Sử dụng AI để gợi ý sản phẩm phù hợp với nhu cầu của từng khách hàng. Hiển thị nội dung, khuyến mãi dựa trên lịch sử mua hàng và sở thích của khách hàng. Tạo chương trình khách hàng thân thiết với các ưu đãi riêng biệt.

6.2. Ứng Dụng Công Nghệ AR VR Để Trải Nghiệm Sản Phẩm

Cho phép khách hàng thử son, phấn, kem nền ảo trên khuôn mặt của mình. Tạo không gian mua sắm ảo để khách hàng khám phá sản phẩm. Tăng tính tương tác và trải nghiệm cho khách hàng.

Trích đoạn nội dung tài liệu

Graduation Project VIETNAM NATIONAL UNIVERSITY, HANOI INTERNATIONAL SCHOOL GRADUATION PROJECT PROJECT NAME Design a website for cosmetic store management Student’s name Đỗ Quang Minh Hanoi - Year 2024 Đỗ Quang Minh 1 Graduation Project VIETNAM NATIONAL UNIVERSITY, HANOI INTERNATIONAL SCHOOL GRADUATION PROJECT PROJECT NAME Design a website for cosmetic store management SUPERVISOR: Dr. Pham Dinh Tan STUDENT: Đỗ Quang Minh STUDENT ID: 19071617 SUBJECT CODE: INS401401 MAJOR: ICE Hanoi - Year 2024 Đỗ Quang Minh 2 Graduation Project TABLE OF CONTENT TABLE OF CONTENT. 3 LIST OF FIGURES. 6 LIST OF TABLES.

9 INFORMATION ON RESEARCH RESULTS. OVERVIEW OF WORDPRESS AND MYSQL. Introduction to web development. Learn about HTML.

Learn about CSS. Learn about JavaScript programming language. Learn about PHP. Benefits of Website for businesses.

Overview of WordPress Framework. History of WordPress formation. Advantages and Disadvantages when using WordPress. How to differentiate between WordPress.com and WordPress.

Overview of MySQL. Advantages and disadvantages of MySQL. SYSTEM ANALYSIS AND DESIGN. Introducing online sales website.

Overview of the website. Client-side functions. 37 Đỗ Quang Minh 3 Graduation Project 2. Administrator side functions.

User-side functional hierarchy diagram. Functional hierarchy diagram for administrators. General usecase diagram. Usecase diagram for customer actor.

Usecase diagram for system administrator. Usecase diagram for shopping cart management. Usecase diagram for product management. Usecase diagram for new management.

Usecase diagram for add to cart. Usecase diagram for payment. Usecase diagram for update shopping cart. Usecase diagram for add products.

Usecase diagram for delete products. Single Page Application model. Install Visual Studio Code. Connect to PHP Myadmin.

Integrate contact button into website. Integrate chat messages into the website. Integrate Zalo and phone. 72 Đỗ Quang Minh 4 Graduation Project 3.

Admin side interface. 80 Đỗ Quang Minh 5 Graduation Project LIST OF FIGURES Figure 1-1. Popular programming languages in front-end and back-end. Compare websites when adding CSS.

CSS properties through each version. Wide spectrum of programming languages. Home page PHP interface. WordPress interface first versions.

Sony Music homepage from the WordPress platform. WordPress supports a variety of languages. Supports a large WordPress community. The security issue is not really good.

What is MySQL?. Advantages of MySQL. Disadvantages of MySQL. User-side functional hierarchy diagram.

Functional hierarchy diagram for administrators. General usecase diagram. Usecase diagram for customer actor. Usecase diagram for system administrator.

Usecase diagram for shopping cart management. Usecase diagram for product management. Usecase diagram for new management. Usecase diagram for add to cart.

Usecase diagram for payment. Usecase diagram for update shopping cart. Usecase diagram for add products. Usecase diagram for delete products.

Login sequence diagram. 49 Đỗ Quang Minh 6 Graduation Project Figure 2-15. Order sequence diagram. Search sequence diagram.

Register sequence diagram. Comparison between Single Page Application and Server Side Rendering. Visual studio code homepage interface. Install Visual Studio Code.

Visual studio code interface. Git homepage interface. Install Git successful. Php Myadmin home page interface.

New account user addition interface. Create new folder. Declare information needed. Login with username.

Active theme Xstore. Install plugin Xstore Core. Import data demo. Choose page builder.

Install necessary plugin. 67 Đỗ Quang Minh 7 Graduation Project Figure 3-27. Add messager to website. Setup plugin chat.

Messenger Plugin Chat Code. Homepage interface when logged in. Product detail interface. Shopping cart interface.

Product search interface. Add new category and all categories. 78 Đỗ Quang Minh 8 Graduation Project LIST OF TABLES Table 1-1. Comparison table between WordPress.org and WordPress.

The table describes the client-side functionality. Table describing administrator-side functions. 41 Đỗ Quang Minh 9 Graduation Project INFORMATION ON RESEARCH RESULTS 1. General information Topic name: Design a website for cosmetic store management Student’s full name: Đỗ Quang Minh Student’s ID: 1907167 Class: ICE2019A Major: ICE 2.

Target Building an online sales website using Wordpress Framework and MySQL database management system. Website must ensure standards in content, interface, and user experience 3. Main content Research on Wordpress Framework and MySQL database management system. Analyze website system.

Accurate results are achieved Successfully built an online sales website. Optimize both interface and processing speed on the website. The website will provide basic content and functions of a sales website. Đỗ Quang Minh 10 Graduation Project ACKNOWLEDGEMENT I would like to send my sincere and deep thanks to the teachers in the subject, who have dedicatedly taught and imparted the necessary knowledge and valuable experiences to me during my time studying at the International School, VietNam National University, Ha Noi so I can carry out this project.

In particular, I would like to sincerely thank Dr. Pham Dinh Tan, who wholeheartedly guided, advised and supported me throughout the project implementation process. While working on the project with the teacher, I learned more knowledge and the ability to work independently and be responsible for my work. Although I have tried to complete the project within my scope and ability, there are certainly shortcomings.

I hope to receive understanding and suggestions from teachers and friends. Đỗ Quang Minh 11 Graduation Project INTRODUCTION 1. Overview of research situation in the field of the topic Nowadays, the development of technology is increasingly changing its face. Along with the development of technology and the need for digital transformation for businesses, we are using more websites to buy, sell goods or find information.

Updating information is essential for managers and businesses in this field. To promote products, many businesses of large companies have strategies for promoting products on mass media such as warnings, radio, and television, in which promoting products on websites is one of them. the most effective solutions. This is a formula for transmitting information quickly, effectively and cost-effectively.

Along with the development of the Internet, people's need to care for themselves and beautify themselves has also increased, so a series of artistic technology products are provided for application to the market. Serving customers, customers can directly buy through the online website. It doesn't take much time for customers to quickly buy the desired product. Based on the above needs, I chose the topic "Design a website for cosmetic store management" to research and carry out my graduation thesis.

The document content includes 3 chapters: Chapter 1: Overview of Wordpress and MySQL. Chapter 2: System analysis and design. Chapter 3: Building a Website. Urgency, scientific and practical significance of the topic The Internet helps people get closer together.

It leads to the creation of a new form of shopping, online shopping. This form of shopping meets the needs of people in the new age because it saves a lot of time. A sales website is a tool that helps users make purchases as quickly as possible, saving travel time and costs. Đỗ Quang Minh 12 Graduation Project Building an online sales website is very necessary, especially in the increasingly developing age of e-commerce.

For the need to exchange goods from individual businesses to consumers quickly, a website is indispensable. Website will help easily promote and sell products quickly and effectively. From theoretical research work, I used architecture and my research time to build a sales website. Đỗ Quang Minh 13 Graduation Project CHAPTER 1 OVERVIEW OF WORDPRESS AND MYSQL 1.

Introduction to web development Website programming is responsible for receiving all data (static web interface) from the department's web design and requests from customers to convert it into a complete system website that interacts with the database and interacts with the website. interact with users based on computer language. Divided into 2 main directions: Front End members and Back End members. Popular programming languages in front-end and back-end.

(source: https://200lab.io/blog/web-development-la-gi/) Front End is the way to call the process of using HTML, CSS, JavaScript languages to design and build interfaces for websites or web applications so that users can view and interact directly on it. The goal of website design is to make it easy for users to use when opening the website. This is very difficult because in reality users use many different types of devices with different sizes and resolutions, thus forcing Front End Developer to consider all these aspects when designing the website. It is Đỗ Quang Minh 14 Graduation Project necessary to ensure the website appears correctly on different browsers, different operating systems, and different devices.

Back End is the person who handles all the complex business logic behind the scenes, helping the system operate smoothly. User data and analysis algorithms are all located at the Back End. Back End programmers bring the website to life. To become a Back End Developer, you need to know Server-side languages as well as know how to manipulate databases: • Server-side languages to write Back End: C#, Java, Python, Ruby, ….

And must include knowledge of web frameworks that come with these languages: ASP.NET MVC, Spring, Django, Rails. • SQL database architecture: MS SQL Server, MySQL,. Recently some NoSQL databases are popular: Neo4j, MongoDB,. • Knowledge about the web in general, how to write Web Services, how to log in and assign permissions.

• Architecture of some CMS: WordPress, Joomla, Umbraco,. Learn about HTML ➢ Concept: HTML is the abbreviation of Hyper Text Markup Language, which means hypertext markup language. HTML is used to format and display text in the browser to the user. It is the backbone of a website.

Hyper Text: hypertext means "text within text". A text containing a link is a hypertext. Each click on a word is taken to a new web page, which is hypertext. Markup language: markup language is a programming language used to make text more interactive and flexible.

It can place text into images, tables, links. An HTML document contains many HTML tags, and each HTML tag contains different content.[4] ➢ Characteristics of HTML: Đỗ Quang Minh 15 Graduation Project o This is a very easy and simple language. o It is very easy to display results in HTML as it has many tag formats. o It is a markup language that can be used as a flexible way to design web pages along with text.

o May link to other websites. o Is platform independent as it can display on any other platform like Windows, Linux and Max. o Images, videos, and sounds can be added to websites to make them more attractive and interactive. ➢ Difference between HTML and HTML 5 HTML5 (also commonly known as HTML) was released in 1999.

During that time, the latest upgraded version of HTML, HTML5, was released in 2014. So, with HTML, HTML5 was added. Added many important features. Specifically, some new features of HTML5 include: o Video and audio support: Instead of having to use Flash Player to play video/audio, with HTML5, the installer can embed video/audio files directly into the web page using the <audio>< tag.

/audio> or <video></video>. o Scalable vector graphics (SVG) and MathML support for mathematical formulas or chemical methods. o There are more improvements in terms of language. Contains many semantic tags to help users understand the main content of the website.

o Supports more form types than HTML such as: email, date, time, phone number, URL, search. Additionally, some HTML tag errors have been removed in the HTML5 version. For example: isindex, noframes, acronym, applet, basefont, dir, font, frame, frameset, big, center, strike. Đỗ Quang Minh 16 Graduation Project 1.

Learn about CSS Figure 1-2. Compare websites when adding CSS. (source https://mikotech.vn/css-la-gi/) CSS stands for Cascading Style Sheets, it is a language used to find and reformat elements created with language markers (e.