Giáo trình XUẤT bản WEB lên INTERNET

Web hosting - Hai loại hình web hosting thường dùng nhất: + Windows hosting: dựa vào nền tảng hệ điều hành Windows của Microsoft + Linux hosting: dựa vào nền tảng hệ điều hành Linux + T

BỘ NÔNG NGHIỆP VÀ PHÁT TRIỂN NÔNG THÔN

TRƯỜNG CAO ĐẲNG CƠ ĐIỆN HÀ NỘI

****************************

GIÁO TRÌNH MÔN HỌC/MÔ ĐUN: XUẤT BẢN WEB LÊN INTERNET

NGÀNH/NGHỀ: THIẾT KẾ TRANG WEB

(Ban hành kèm theo Quyết định số: /QĐ-CĐCĐ-ĐT ngày…….tháng….năm

của Trường Cao đẳng Cơ điện Hà Nội)

Hà Nội, năm…

BÀI 1: LẬP KẾ HOẠCH XUẤT BẢN WEBSITE

1 Xây dựng website

1.1 Thiết kế giao diện

- Giao diện là bộ mặt của một website, đóng vai trò vô cùng quan trọng trong việc định

vị thương hiệu

- Giao diện website cần được thiết kế một cách thông minh và thu hút để khiến khách ghé thăm ấn tượng và ghi nhớ trong đầu, tạo mối liên hệ giữa giao diện website và thương hiệu của bạn Hơn nữa, giao diện website bắt mắt và thông minh có thể tạo ấn tượng lôi kéo khách ghé thăm và gia tăng tỷ lệ chuyển đổi cho bạn

- Thiết kế giao diện website có hai hướng như sau:

+ Một là thiết kế dựa trên những mẫu website có sẵn tùy theo thể loại trang (còn gọi là template)

+ Hai là tự xây dựng giao diện website và phong cách riêng

+ Cách thứ nhất phổ biến hơn và tất nhiên là cũng tiết kiệm hơn rất nhiều Đánh đổi lại chính là việc giao diện website của bạn có nguy cơ bị “rập khuôn”, trùng lặp trong thiết kế với nhiều thương hiệu khác

+ Ngược lại, cách thứ hai tốn của bạn nhiều chi phí và thời gian hơn, nhưng sẽ đảm bảo một thiết kế website duy nhất, thể hiện được nét thương hiệu riêng của doanh nghiệp trong thị trường trực tuyến vốn đã rất nhiều đối thủ cạnh tranh

- Các tính năng cơ bản của một website không nhiều và thường được thiết kế theo các module Các lập trình viên có thể sử dụng những module này để nhanh chóng tạo ra hoặc thêm các tính năng cơ bản cho trang web của bạn một cách nhanh chóng Một số module cơ bản có thể kể đến như: module trang chủ, landing page, trang tin tức, form (biểu mẫu) hỗ trợ, trang tuyển dụng, trang “Về chúng tôi”, thanh menu hoặc thanh tìm kiếm, v.v… Việc áp dụng các module cơ bản này thường không mất nhiều thời gian

và công sức, đặc biệt là khi bạn sử dụng những giao diện mẫu có sẵn

- Bên cạnh các tính năng cơ bạn, một số loại website sẽ cần phải có những tính năng cao cấp và không phổ biến ở các trang web bình thường

- Đây là 1 trong những yếu tố ảnh hưởng rất lớn đến chi phí thiết kế website như mua hàng và thanh toán online, booking đặt dịch vụ, live-chat, gợi ý nội dung cá nhân hóa,… vô số tính năng nâng cao khác có thể được thêm vào tùy theo mục đích sử

dụng của doanh nghiệp hoặc yêu cầu thực tiễn phát sinh trong quá trình phát triển trang web Điều này lý giải vì sao có những trang web giá chỉ chục triệu đồng, nhưng cũng có những trang web giá tới trăm triệu đồng

2 Chiến lược phát triển website

- Là điều rất quan trọng, nhất là đối với một Website Tùy vào đặc thù của lĩnh vực mà thiết kế Website và cách thức quản lý Website

Mục đích của chiến lược phát triển website?

- Nếu bạn có một chiến lược phát triển website tốt thì đứa con của chúng ta sẽ có được một tầm ảnh hưởng mạnh mẽ và lâu dài

- Muốn có được điều đó thì chúng ta phải có được sự hợp lý và cân bằng của nhiều yếu

tố

- Bạn nên chọn lọc thêm cái gì và bỏ bớt những cái gì, nghĩa là bạn nên biết mình nên

ưu tiên cho những vấn đề gì và hạn chế các lỗi nào để trang web của mình ngày càng thu hút hơn

2.1 Nội dung (Content)

- Trước khi bạn thành lập một website bạn có thể soạn thảo cho mình cách nội dung thật hay liên quan đến ngành nghề dịch vụ cái giá trị mà bạn đang muốn nói đến

Nó thể hiện cái nội dung cốt lõi mà bạn muốn khách hàng hiểu rõ hơn về công ty bạn Bạn có tạo ra một website nó đẹp đến đâu, khi nhìn thoáng qua có vẻ rất thu hút nhưng khi người dùng ghé thăm, bỏ thời gian vào trang của chúng ta nhưng không tìm được bất cứ điều gì họ cần thì liệu chúng ta có giữ chân được họ hay

không? Nội dung của một trang web là một phần rất quan trọng trong chiến lược phát triển website Chỉ khi nào chúng ta đáp ứng được yêu cầu người dùng, cung

cấp các thông tin thật sự bổ ích khi ấy khách hàng sẽ không bao giờ rời bỏ chúng

2.3 SEO (Search Engine Optimization)

- Sau hai bước trên, nghĩa là sau khi có được một nền tảng nội dung tốt và giao diện thân thiện thì điều tiếp theo mà chúng ta nên quan tâm đó là làm sao để nhiều người biết đến ngôi nhà của mình Dịch vụ seo sẽ giúp chúng ta có được điều đó Khi SEO tốt các bạn sẽ có được một nguồn traffic dồi dào, đây là con đường khá tốt và ổn định để người dùng biết và tìm đến chúng ta

- Mọi người thường ngần ngại khi phải bỏ ra chi phí để quảng bá thương hiệu của mình, thay vào đó họ sẽ tìm các thủ thuật để đưa website của chúng ta đến gần với người dùng Nhưng chúng ta đã quên rằng ngày nay các công cụ tìm kiếm đã tích hợp các thuật toán để phân tích và hạn chế các thủ thuật đó của chúng ta Việc sử dụng dịch vụ SEO là cần thiết để có được hiệu quả cao với chi phí hấp dẫn và được các công cụ tìm kiếm thừa nhận

- Hãy nhớ rằng thực hiện tốt hai bước trên trước khi thực hiện bước này nhé Nó cũng giống như việc bạn tạo nền móng cho một ngôi nhà tiếp theo xây dựng nó và

sau cùng mới trang trí cho nó vậy Đảo lộn thứ tự mọi thứ ta sẽ không có được hiệu quả cao

BÀI 2: ĐĂNG KÝ TÊN MIỀN VÀ HOSTING

1 Đăng ký tên miền

1.1 Khái niện về Domain và DNS Server

- Domain: định danh của website trên Internet

Domain thực chất là địa chỉ IP được biến đổi thông qua DNS VD: 203.133.35.15

-www.codienhanoi.edu.vn

- DNS Server: là server có nhiệm vụ ánh xạ địa chỉ IP thành domainvà ngược lại

- Máy tính lưu nội dung website sẽ có địa chỉ IP để máy tính khác truy cập vào Do địa chỉ IP khó nhớ nên người ta chuyển nó thành domain bằng cách sử dụng DNS

-

Minh họa về domain, DNS và web hosting

- Hoặc một số lĩnh vực dùng chung như:

+ COM: thương mại (COMmerial)

+ NET: mạng lưới (NETwork)

+ ORG: các tổ chức (ORGnizations)

+ INFO: thông tin (INFOmation)

+ EDU: giáo dục (EDUcation)

- Domain thứ cấp (không bắt buộc phải có): là tất cả những domain còn lại mà phải phụ thuộc vào domain cấp cao nhất Để đăng ký domain thứ cấp thông thường phải liên hệ trực tiếp với người quản lý domain cấp cao nhất

1.3 Web hosting

- Hai loại hình web hosting thường dùng nhất:

+ Windows hosting: dựa vào nền tảng hệ điều hành

Windows của Microsoft

+ Linux hosting: dựa vào nền tảng hệ điều hành

Linux

+ Tùy theo nhà cung cấp mà chất lượng web hosting

khác nhau :

- Web hosting thường đặt trên máy chủ (server):

+ Nếu truy cập Internet thông thường qua các nhà cung cấp Internet(ISP) thì địa chỉ

IP của máy chúng ta luôn bị thay đổi => Máy khác thể truy cập dữ liệu của máy chúng ta qua Internet được

+ Nếu đặt nội dung website trên máy chủ chuyên dụng thì địa chỉ IP của máy đó là

cố định khác không thể truy cập dữ liệu của máy chúng ta qua Internet

- Một số hosting Linux hay sử dụng nhất

+ cPanel: đây là phần mềm mà các hosting Linux hay sử dụng nhất Ngoài ra còn các phần mềm khác như: Webmin, Hosting Controller, DirectAdmin…

+ Để một website hoạt động trên mạng thì cần có domain & hosting Với người dùng

cá nhân thông thường, muốn có domain & hosting thì cần giao dịch với nhà cung cấp

+ Domain & hosting đều có 2 loại : mất phí và miễn phí Các domain & hosting miễn phí thường hay đi kèm quảng cáo cùng rất nhiều hạn chế, chỉ nên sử dụng với mục đích cá nhân

+ Với hosting tính phí, các nhà cung cấp đưa ra nhiều sự lựa chọn tùy theo nhu cầu của người dùng :

+ Shared hosting : người dùng được cấp hosting từ bên cung cấp để sử dụng

+ Virtual Private Server : người dùng thuê một máy chủ ảo và được toàn quyền quản trị host trong đó

+ Dedicated server : người dùng thuê một máy chủ thật và được toàn quyền tạo máy chủ ảo cũng như quản trị host trong đó

+ Reseller : người dùng trở thành một đại lý cung cấp dịch vụ Shared hosting hoặc VPS cho người khác

1.4 Đăng ký domain & shared hosting

Bước đầu của người quản trị domain & hosting là đăng ký domain & hosting với nhà cung cấp

Sau đó nhà cung cấp sẽ gửi lại email thông tin về domain & hosting đã đăng ký

1.4.1 Cấu hình domain

Để một website hoạt động với domain đã chọn thì cần phải trỏ IP của domain về IP của hosting Trong phần này có các nội dung:

Khái niệm về record của DNS

- Record là bản ghi trong database của DNS server trong đó ánh xạ một domain (hoặc subdomain) với một địa chỉ IP

- Một số loại record thường dùng:

+ Record A (Address): chỉ cho DNS server biết website của bạn đang ở đâu

+ Record Cname (Canonical Name): thông báo cho DNS server biết tên domain của bạn

+ Record MX (Mail Exchange): chỉ cho mail server biết tên domain của bạn

+ Record NS (Name Server): cho biết tên server của hệ thống DNS

Để trỏ domain chứa website cần thiết lập hai record như sau:

+ Host record: điền www

+ Record type: chọn Cname

+ Address: điền tên domain của bạn

- Để trỏ subdomain (domain con trỏ tới các trang con của website) cần thiết lập record

Để trỏ IP mail thì cần thiết lập hai record như sau:

Record A:

+ Host record: điền mail + Record type: chọn A + Address: điền địa chỉ IP của hosting chứa email của bạn Record MX:

+ Host record: @ + Record type: chọn MX + Address: điền mail.<domain của bạn>.com + Priority: độ ưu tiên cho các server trong trường hợp bạn có nhiều + mail server, chỉ số càng nhỏ thì độ ưu tiên càng cao

 Bước 3: Sau đó vào email để xác nhận đăng ký

 Bước 4: Nhấn vào Manage Website để có thể quản lý website của mình Người dùng có thể đăng ký thêm một hosting miễn phí nữa bằng cách nhấn vào dấu (+)

mà không cần thiết phải tạo một tài khoản mới nữa

BÀI 3: QUẢN TRỊ HOSTING

1 Sử dụng phần mềm upload

1.1 Sử dụng phần mềm FileZilla Upload dữ liệu lên hosting

Site Manager trong FileZilla là một cách tốt nhất để bạn quản lý các kết nối FTP, bạn

không nên dùng Quick Connect vì bạn sẽ không xác lập được mọi thông số cần thiết Hơn

nữa, khi bạn nhập một tài khoản vào Site Manager, nó sẽ được lưu ở đó để bạn sử dụng

những lần sau

Bước 1: Mở phần mềm FileZilla

Bước 2: Click vào nút Site Manager ở góc trái

Bước 3: Click vào “New Site” vào nhập tên tài khoản, bạn có thể dùng ngay tên miền để

dễ nhớ

Bước 4: Nhập vào các thông tin kết nối

Trong đó:

(1) Phương thức kết nối, tại đây ta chọn là FTP

(2) Địa chỉ IP của hosting

(3) Cổng(Port) kết nối Mặc định sẽ là port 21

(4) Kiểu mã hóa, tại đây ta nên chọn Only use plain FTP (insecure)

(5) Phương thức đăng nhập, tại đây ta chọn Normal để khai báo thông tin username và password

(6) Khi báo username để đăng nhập

(7) Khai báo mật khẩu cho username

(8) Nhấn để tiến hành kết nối

Bước 5: Kết nối đến tài khoản FTP vừa tạo bằng cách nhấn vào mũi tên bên cạnh nút Site Manager vừa nãy

FileZilla sẽ thực hiện kết nối và hiển thị danh sách, bên trái là tập tin trên máy bạn, bên phải là trên máy chủ

2 Upload Website

2.1 Upload dữ liệu lên hosting bằng phần mềm FileZilla

Trước tiên, bạn cần một chút thời gian để hiểu tổng quát về FileZilla Màn hình của nó chia làm nhiều ô, mỗi ô chứa một loại thông tin khác nhau Hãy phân biệt các thông tin này

 Connection status: Khi kết nối, “Connection status” sẽ hiển thị các dòng lệnh FTP

ở ô này, có thể nó lạ lẫm đối với bạn, nhưng hầu hết các thông báo quan trọng, các báo lỗi đều nằm ở đây

 Local site: Thư mục bạn đang mở trên máy tính của mình, thường thì bạn sẽ di chuyển nó để thư mục chứa mã nguồn của website để chuẩn bị Upload

 Remote site: Thư mục đang mở trên máy chủ, bạn đang mở thư mục nào thì khi tải lên các tập tin sẽ nằm trong thư mục đó Thường thì đối với Windows Cloud

Hosting, bạn sẽ tải website vào thư mục httpdocs, hoặc public_html đối với Linux

Cloud Hosting

 Local files: Liệt kê các tập tin (máy bạn) có trong thư mục đang ở ô phía trên

 Remote files: Liệt kê các tập tin (máy chủ) đang có trong thư mục đang ở ô phía trên

Bây giờ, để Upload hoặc Download, bạn sẽ thao tác như sau:

 Upload: Bạn dùng chuột, click và kéo rê tập tin/thư mục từ ô bên trái sang ô phải

 Download: Bạn dùng chuột, click và kéo rê tập tin/thư mục từ ô bên phải sang ô bên trái

2.2 Upload trực tiếp trên Hosting

Có nhiều phần mềm quản trị hosting Linux như:

+ cPanel, DirectAdmin, H-Sphere, Interworx……

Phần mềm quản trị hosting Linux được toàn thế giới đánh giá cao nhất là cPanel vì nó cung cấp nhiều tính năng hữu ích, độ ổn định cao, giao diện dễ sử dụng

+ cPanel có giao diện thân thiện cùng với các công cụ tự động giúp đơn giản hóa quá trình quản lý một hosting

+ cPanel có kiến trúc 3 tầng dành cho ba loại đối tượng :Nhà quản trị server(Administrator)

+ Người dùng cuối (End-user): người đăng ký dịch vụ hosting thông thường

- Tính năng của cPanel là gì?

+ cPanel hỗ trợ gần như tất cả các tính năng cần thiết cho người quản trị website Tuỳ vào từng nhà cung cấp, cPanel sẽ có những tính năng khác nhau, tuy nhiên cPanel nào cũng có những tính năng cơ bản sau:

+ Cài đặt và quản lý ứng dụng: Cài đặt các ứng dụng, các mã nguồn mở phổ biến một cách nhanh chóng như: WordPress, Joomla, Drupal,…

+ Quản lý domain: Thêm, xóa, tạo subdomain, chuyển hướng,…

+ Quản lí file: Thêm, xóa, đổi tên, nén,… các tập tin, bảo mật cho thư mục, backup, tạo và quản lý tài khoản FTP,…

+ Quản lí mail: Quản lý các tài khoản, tạo, xáo trộn các tạo khoản POP3; thay đổi mật khẩu, định mức tài nguyên sử dụng; quản lí hệ thống trả lời tự động, bộ lọc, danh sách từ chối

+ Quản lí cơ sở dữ liệu database: Hỗ trợ khởi tạo và quản lý database MySQL, PostgreSQL Hỗ trợ tích hợp với phpMyAdmin

+ Bảo mật: Quản lý các chứng chỉ SSL/TLS, quản lý whitelist/backlist truy cập, quản

lý truy cập SSH tới server

Đơn giản hơn, bạn có thể sử dụng chính tên miền của bạn để đăng nhập vào cPanel (với

điều kiện, tên miền của bạn đã trỏ về IP Server)

Ví dụ http://domain.com:2082 hoặc https://domain.com:2083

- Tạo Subdomain trên cPanel

Thêm domain/subdomain mới với cPanel

cPanel cho phép bạn tạo hai loại tên miền: domain và subdomain

 Addon Domains là những tên miền hoàn toàn độc lập, ví dụ:

tuyensinh.codienhanoi.edu.vn

 Subdomain, chúng được thêm vào tên miền của bạn, ví dụ:

codienhanoi/tuyensinh

Để thêm cả hai loại domain, hãy tìm tùy chọn có liên quan trong mục Domain

Upload và quản lý file với cPanel

- Để truy cập, tìm tùy chọn File Manager trong mục File

- Bạn click vào File Manager để chuyển sang một giao diện mới giúp bạn thực hiện

- Đến các vị trí khác nhau bằng cách sử dụng cây thư mục ở bên trái

- Quản lý các tệp riêng lẻ trong giao diện trung tâm

- Thực hiện các tác vụ khác nhau, bao gồm tải lên và chỉnh sửa tệp, trên thanh top bar

Backup website với cPanel

- Để bắt đầu, tìm tùy chọn Back up hoặc Back up Wizard trong mục Files

- Tại đây bạn có thể chọn sao lưu toàn bộ hosting bao gồm mã nguồn website, database, cấu hình tên miền addon, alias, subdomain… Lưu ý: chỉ sử dụng chức năng sao lưu toàn bộ khi hosting của bạn không bị đầy dung lượng và bạn chắn chắn rằng dung lượng sau khi sao lưu hoàn tất không vượt mức giới hạn, nếu

không sẽ lỗi

-Sau khi nhấn vào genarate backup, hệ thống sẽ tự động sao lưu và mất 1 khoản thời gian tùy theo dung lượng lưu trữ trên hosting mà bạn đang sử dụng Một đường dẫn sẽ hiện ra khi hệ thống đã sao lưu hoàn tất để bạn có thể tải về máy tính cá nhân và lưu trữ

Trường hợp Hosting của bạn đã đầy dung lượng, hệ thống sẽ không thể sử dụng chức năng sao lưu toàn bộ Bạn phải sao lưu từng phần của hosting riêng lẻ

2 Import cơ sở dữ liệu

Bước 1: Lựa chọn Database > Import

Bước 2: File to Import > Chỉ định đường dẫn đến data file trên máy cá nhân của bạn

Bước 3: Tùy theo định dạng file backup cùng với nhu cầu mà bạn tinh chỉnh cấu

hình Partial Import / Format / Format-Specific Options > Go

2 Export

Bước 1: Lựa chọn Database > Export

– Format : phpMyAdmin hỗ trợ cho bạn khá nhiều định dạng xuất file như

: SQL, CSV, XML, CSV for MS Excel …

– Export Method : phương thức export

 Quick : chỉ hiển thị các tùy chọn tối thiểu

 Custom : hiển thị tất cả các tùy chọn có thể chẳng hạn : Table, File name

template, Character set of the file, Compression, Format-specific options

Bước 2: Click Go Khi backup hoàn tất, chúng ta có thể download file backup về lưu trên

máy

3 Cấu hình tệp tin configuration

3.2 Upload Dữ Liệu và cấu hình tệp tin Website Lên Hosting

- Mở trình duyệt Web Đăng nhập hệ thống thống

- Mở trình duyệt Web Đăng nhập vào giao diện quản trị hosting theo đường dẫn

https://codienhanoi.tk:2083

- Upload dữ liệu lên Host

+ Chọn Bộ quản lý tệp trong bảng điều khiển Chọn thư mục “public_html” tiến hành upload và giải nén dữ liệu lên Hosting

- Kiểm tra Thông tin MySQL Database

+ Tên cơ sở dữ liệu : codien160_honggiang

+ Tên người dùng: codien160_honggiang1

+ Mật khẩu đăng nhập cơ sở dữ liệu: Honggiang1#

- Cấu hình tệp tin configuration

+ Chọn Bộ quản lý tệp trong bảng điều khiển / Public_html / wp-config.php và chọn Edit

Kiểm tra và chạy thử website trên Internet

BÀI 4: DUY TRÌ VÀ PHÁT TRIỂN WEBSITE

1 Duy trì website

Yếu tố để duy trì website hoạt động?

Một website hoạt động cần có yếu tố cơ bản sau:

+ Tên miền: Hay còn gọi là domain, là địa chỉ của trang web để mọi người truy cập vào, nó cũng giống như địa chỉ công ty bạn

+ Hosting: là nơi lưu trữ dữ liệu cho website trên internet, nó cũng giống như nơi bạn đặt trụ sở công ty

+ Nội dung các trang web, hoặc cơ sở dữ liệu thông tin: chính là nội dung của website, bao gồm các hình ảnh và bài viết, các file mã lệnh hay còn gọi là mã nguồn – source code

Nói cách khác: một website cũng giống như một công ty, tên miền chính là địa chỉ công ty, hosting chính là nơi bạn đặt trụ sở công ty, và mã nguồn hay source code

là các loại vật liệu xây dựng đã được gắn kết để xây dựng nên công ty đó

- Tên miền:

Tên miền hay còn gọi là domain, là yếu tố quan trọng nhất trong việc xây dựng website, thường gắn vơi tên công ty, và nó giống như thương hiệu của công ty bạn trên internet đồng thời cũng là địa chỉ mà mọi người truy cập vào website của bạn Mỗi tên miền chỉ được cung cấp cho một chủ thể duy nhất theo qui tắt ưu tiên cho người đăng kí trước, vì vậy khi thành lập website bạn cần đăng kí tên miền càng sớm càng tốt.Tên miền sẽ được cấp cho chủ sở hữu trong thời gian chủ sở hữu đăng

kí với cơ quan chức năng: ví dụ: 1 năm, 2 năm, 5 năm, 10 năm… Hết thời gian đó, bạn phải đăng kí lại

- Hosting là gì?

Hosting là nơi lưu trữ dữ liệu của website trên internet sau khi thiết kế, nếu không

có hosting thì website không thể chạy trên internet