Giới thiệu về web, vài thuật ngữ cần biết và những thứ nên biết về web, hướng dẫn thiết lập hosting và domain, giới thiệu các thẻ HTML cơ bản, viết 1 trang web đơn giản Up file lên hosting sử dụng File Manager của hosting, sử dụng FTP bằng phần mềm FileZilla,... là những nội dung chính trong bài báo cáo với chuyên đề Web cơ bản. Đây là tài liệu tham khảo hữu ích cho các bạn đang học chuyên ngành Công nghệ thông tin.
Trang 2WEB CƠ BẢN
Hội trường Khoa CNTT&TT
Ngày 27/09/2015
CLB Tin học – Khoa CNTT&TT
Bước đầu làm quen với thiết kế Web
Trang 3Nội dung báo cáo
1 Giới thiệu về web
2 Vài thuật ngữ cần biết và những thứ nên biết về web.
3 Hướng dẫn thiết lập hosting và domain
4 Giới thiệu các thẻ HTML cơ bản Viết 1 trang web đơn giản
5 Up file lên hosting sử dụng File Manager của hosting
6 Sử dụng FTP bằng phần mềm FileZilla
7 Giới thiệu về phần mềm XAMPP
8 Cài đặt localhost XAMPP và thử nghiệm CMS Wordpress trên localhost.
9 Thực hành
10 Đặt câu hỏi và trả lời.
Trang 4Web và những hiểu biết cơ bản về web
Trang 5Tác gi : ả Dương Lữ Điện dien@duongludien.com
Trình bày: Lê Nguyên
Thức info@ngthuc.com
Trang 6Nội dung
• Giới thiệu về web.
• Bí mật về web.
• Vài thuật ngữ cần biết.
• Những thứ nên biết khi lần đầu làm web.
Trang 7Giới thiệu về web
Chúng ta sử dụng
web HÀNG NGÀY
Trang 8Giới thiệu về web
• Web page là những trang cấu
thành từ tập hợp nhiều thành phần như HTML, CSS, JS, PHP, Ruby
on Rails,…
• Website là một tập hợp các web
page thể hiện thông tin theo một
chủ đề nào đó.
Trang 9Bí mật về web
• Đối với dân non-IT: khối ngành kinh
tế, du lịch, nhân văn cũng học web!
• Đối với dân IT
việc tốt hơn trong tương lai
Trang 12Demo thực tế
Trang 14Bước đầu làm một trang web cơ bản
Tác giả: Tăng Hoàng Minh
Trình bày: Lê Nguyên Thức
Trang 15Viết web bằng HTML (Hypertext Markup
Language)
.Công cụ soạn thảo:
Các bạn có thể lựa chọn rất nhiều công cụ khác nhau
như: Winword, notepad,
notepad++, DevC+
+,PHPdesigner
Trang 17Một số thẻ quan trọng
<html>
<head>
<! Comment: Các thông tin khai báo, các thông tin ẩn >
Trang 18– <body style=“background-color: … ”> … </body>
– <a href=“ Link liên k t mu n dùng ế ố ”> Link to web </a>
– <img src=“ Link liêh k t ế ”/>
Trang 19Upload web cơ bản bằng Filemanager
Trang 20Upload web cơ bản bằng Filemanager
Trang 21Upload web cơ bản bằng FileZilla
Vào trang
filezilla-project.org
Trang 24Nh n vào đ k t n i v i host đã đăng kí ấ ể ế ố ớ trên hostinger.vn
Trang 25Localhost và phụ trợ
Tác giả & trình bày: Lê Nguyên Thức
Trang 26Localhost là gì?
• Localhost là từ ghép của hai chữ “local” và “host“ Local dịch theo
nghĩa IT là máy tính của bạn, Host theo nghĩa IT là máy chủ Vậy localhost nghĩa là một máy chủ được vận hành trên máy tính của bạn.
• Localhost bao gồm nhiều ứng dụng đi kèm với nhau và tất cả các ứng dụng đó sẽ kết hợp với nhau để tạo ra một môi trường có thể chạy mã nguồn WordPress trên máy tính của chính bạn bao gồm: + Phần mềm Webserver tên Apache, đây là webserver thông dụng nhất.
+ Phần mềm PHP để xử lý mã PHP vì WordPress viết bằng ngôn ngữ PHP.
+ Phần mềm MySQL Server để lưu trữ và xử lý cơ sở dữ liệu, do WordPress sử dụng MySQL làm nền tảng cơ sở dữ liệu Cơ sở dữ liệu thường được mình viết theo chữ tiếng Anh là database.
+ Phần mềm PHPMyAdmin để xem và quản lý cơ sở dữ liệu
MySQL.
Trang 27Thế localhost vận hanh ra sao?
• Khi cài đặt Localhost vào máy tính rồi, thì máy tính của bạn đã có một phần mềm Webserver
để chạy ứng dụng website với địa chỉ
là http://127.0.0.1 Đây là địa chỉ IP dạng
localhost, ngoài ra bạn cũng có thể chạy
localhost với đường dẫn là http://localhost.
Trang 28Giới thiệu về phần mềm localhost XAMPP
• XAMPP là một gói phần mềm máy chủ tích
hợp của Apache, mySQL, PHP và Perl (các
AMPP trong XAMPP) tất cả chạy từ một ổ đĩa rời Tất cả mọi thứ được cấu hình và sẵn sàng
để đi chỉ bằng cách giải nén hoặc cài đặt nó Nếu là Webmaster thì bạn sẽ rất quen thuộc với công cụ phát triển này
Trang 29Cài đặt thôi……
• Lưu ý trước khi cài đặt:
Để tải XAMPP, đầu tiên bạn truy cập vào địa chỉ https://www.apachefriends.org/download.html và chọn phiên bản XAMPP phù hợp với hệ điều
hành của máy tính bạn đang sử dụng, và bạn
nên chọn phiên bản PHP 5.4.31 Lưu ý là
XAMPP chỉ có phiên bản cho hệ điều hành 32bit nhưng 64bit vẫn hoạt động bình thường
Trang 30• Xoá toàn bộ ứng dụng liên quan tới localhost
• Nếu bạn có cài đặt các phần mềm liên quan đến việc làm localhost như PHP, MySQL thì hãy xoá hết Và bạn không nên cài XAMPP trên Windows Server đã cài đặt IIS
Trang 31• Lưu ý nếu bạn dùng Skype
• Nếu máy bạn đang cài đặt phần mềm Skype thì localhost sẽ không hoạt động được do
Skype đã chiếm quyền sử dụng cổng mạng
80, đây là cổng mặc định của webserver Do
đó, bạn hãy mở Skype -> Tools ->
Connection Options -> và bỏ chọn phần “Use
port 80 and 443… ” rồi nhập một cổng bất kỳ
để Skype sử dụng
• Sửa xong, hãy khởi động lại máy để hoàn
tất.
Trang 33• Tắt UAC trên Windows
• Nếu máy của bạn đang dùng Windows và có bật chức năng User Account Control thì hãy tắt
nó đi khi dùng localhost để tránh các vấn đề bị
giới hạn quyền (Tìm cách tắt trên Google)
Trang 34Bắt đầu….
Trang 35Khởi chạy XAMPP
Trang 36DEMO VÀ THỰC HÀNH
Trang 37ĐẶT CÂU HỎI