Chuyên đề Web cơ bản

WEB CƠ BẢNHội trường Khoa CNTT&TTNgày 27/09/2015CLB Tin học – Khoa CNTT&TTBước đầu làm quen với thiết kế WebNội dung báo cáoGiớ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ảnUp file lên hosting sử dụng File Manager của hosting. Sử dụng FTP bằng phần mềm FileZilla. Giới thiệu về phần mềm XAMPP Cài đặt localhost XAMPP và thử nghiệm CMS Wordpress trên localhost. Thực hànhĐặt câu hỏi và trả lời.Web và những hiểu biết cơ bản về webTác giả: Dương Lữ Điệndien@duongludien.comTrình bày: Lê Nguyên Thứcinfo@ngthuc.comNội dungGiớ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.Giới thiệu về webChúng ta sử dụng webHÀNG NGÀYGiới thiệu về webWeb 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 đó.Bí 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 ITXu hướng CV OnlineNhững gì sinh viên IT cần làm để có một công việc tốt hơn trong tương laiNhững thuật ngữ cần biết HostingLocalhostDomainFTPNhững thứ nên biếtChọn mua domainChọn mua hostingTrỏ domain về hostLập trình HTML/CSSSử dụng Wordpress/BloggerDemo thực tếBước đầu làm một trang web cơ bảnTác giả: Tăng Hoàng MinhTrình bày: Lê Nguyên ThứcViế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++,PHPdesignerMột số thẻ cơ bản trong HTMLTrước tiên: “thẻ” là gì ???*Thẻ là nhãn bạn dùng đánh dấu nơi bắt đầu và kết thúc của một phần tử.Nội dung phần tử được đánh dấu bằng các cặp thẻ mở-đóng mỗi thẻ sẽ có tác dụng riêng:Vd: ..16Một số thẻ quan trọng Đây là thẻ đánh dấu tiêu đề trang web Đây là dòng chữ in đậm Đây là dòng chữ in nghiêngMột số thẻ khác+Thẻ định dạng chữ cái:..chữ in nghiêng.. chữ in đậm+Thẻ tiêu đề:....+Thẻ tạo màu cho web:+Thẻ chèn liên kết khác:Link to web+Thẻ chèn hình ảnh:Upload web cơ bản bằng FilemanagerUpload web cơ bản bằng FilemanagerUpload web cơ bản bằng FileZillaVào trang filezilla-project.orgNhấn vào để kết nối với host đã đăng kí trên hostinger.vnLocalhost và phụ trợTác giả & trình bày: Lê Nguyên ThứcLocalhost 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.Thế 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à  Đâ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à  thiệu về phần mềm localhost XAMPPXAMPP 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.Cài đặt thôiLư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.Xoá toàn bộ ứng dụng liên quan tới localhostNế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.Lưu ý nếu bạn dùng SkypeNế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.Tắt tường lửaNếu máy bạn có cài đặt tường lửa từ Windows hay từ một phần mềm Antivirus nào khác thì hãy tắt nó đi vì có thể nó sẽ chặn cổng 80 hoặc các ứng dụng webserver.Tắt UAC trên WindowsNế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)Bắt đầu.Khởi chạy XAMPPDEMO VÀ THỰC HÀNHĐẶT CÂU HỎI