Đăng ký Đăng nhập
Trang chủ Công nghệ thông tin Quản trị web Giáo trình joomla căn bản ( www.sites.google.com/site/thuvientailieuvip )...

Tài liệu Giáo trình joomla căn bản ( www.sites.google.com/site/thuvientailieuvip )

.PDF
158
386
140

Mô tả:

TRƯỜNG ĐH CÔNG NGHỆ THÔNG TIN ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH KHOA MẠNG MÁY TÍNH & TRUYỀN THÔNG – LỚP MMT03 –&— Biên soạn: Nguyễn Tấn Thành LỜI CỦA TÁC GIẢ Xin kính chào các bạn! Tôi không phải là một người chuyên nghiệp trong lĩnh vực thiết kế web. Tôi cũng không phải là một giáo viên dạy công nghệ thông tin. Đây là đầu tiên trong đời tôi tự viết được một cuốn sách và chia sẽ nó cho cộng động. Tôi rất vui vì điều này, và tôi tin chắc những bạn IT nào cũng có cảm giác đó như tôi. Chuyên đề THIẾT KẾ WEB VỚI JOOMLA này là những ngày đêm miệt mài nghiên cứu của tôi. Tôi rất vinh hạnh chia sẽ kiến thức của mình cho các bạn. Đặc biệt là những bạn mới làm quen với Joomla, để các bạn không phải mệt óc với cả khối tài liệu rời rạc, vừa tiếng Anh, vừa tiếng Việt trên mạng như hiện nay. Với tất cả những gì có thể tôi đã biên soạn thành công tài liệu thiết kế web với Joomla này bao gồm những nội dung cơ bản nhất giúp các bạn tự tạo, và quản trị một website đơn giãn bằng Joomla. Bạn sẽ bắt đầu với việc tìm hiểu về những nguyên lý hoạt động của internet và website. Tiếp đó bạn cùng tôi khám phá cách cài đặt một website mã nguồn Joomla như thế nào. Từ kiến thức nền tảng có được trong việc sử dụng những thành phần mở rộng của có sẳn trong Joomla, bạn sẽ tục tìm những thành phần mở rộng nâng cao để thiết kế một trang web chuyên nghiệp hơn, như trang web tin tức, web chia sẽ file, web thương mại điện tử, diễn đàn...Công việc cuối cùng mà bạn sẽ được tìm hiểu là việc bảo mật cho website, và tối ưu hóa website sử dụng Joomla. Hầu hết các bài thực hành đều làm trên localhost, như vậy nếu bạn có nhu cầu chia sẽ website cho mọi người thì làm sao. Chương cuối cùng của cuốn sách này sẽ hướng dẫn cách up website lên internet. Mặc dù đã cố gắn hết sức, nhưng cũng còn nhiều phần mà tôi chưa kịp chia sẽ với các bạn. Kiến thức thì quá là bao la, tôi cũng chia kịp khám phá ra hết. Vì vậy nếu có phần nao thiếu xót mong các bạn góp ý tậng tình. Tôi là người rất ngay thẳng, nghĩ sao nói vậy, “nói sao viết vậy”. Đó chính là khuyết điểm lớn nhất của tôi – sai lổi chính ta. Vì vậy nếu bạn có gặp những từ nào trong cuốn sách này viết sai lổi chính tả thì mong bạn bỏ qua lổi đó cho tôi. Trân trọng cảm ơn ! Nguyễn Tấn Thành PHIÊN BẢN THỬ NGHIỆM - LƯU HÀNH NỘI BỘ 2 GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Lời cuối cùng, mong các bạn học thật tốt. Khi đã đọc xong cuốn sách và tạo được một website thì đừng quên chia sẽ nó cho tôi. Gửi về địa chỉ email bên dưới! MỤC LỤC LỜI CỦA TÁC GIẢ................................................................................................................................................... 2 M ỤC L ỤC ................................................................................................................................................................ 3 CHƯƠNG 1: CÁC VẤN ĐỀ TRƯỚC KHI SỬ DỤNG JOOMLA ....................................................................... 7 BÀI 1: INTERNET .................................................................................................................................................... 7 I: GIAO THỨC (PROTOCOL) ........................................................................................................................... 7 II: PHÂN LOẠI WEB ......................................................................................................................................... 8 BÀI 2: DOMAIN AND HOSTING ........................................................................................................................... 9 I: DOMAIN ......................................................................................................................................................... 9 II: HOSTING .................................................................................................................................................... 10 BÀI 3: NGÔN NGỮ LẬP TRÌNH VÀ CƠ SỞ DỮ LIỆU .................................................................................... 11 I: NGÔN NGỮ LẬP TRÌNH ............................................................................................................................. 11 II: CƠ SỞ DỮ LIỆU (DATABASES) ................................................................................................................ 12 BÀI 4: CÀI ĐẶT WEB SERVER XAMPP............................................................................................................ 12 I: GIỚI THIỆU ................................................................................................................................................. 12 II: CÀI ĐẶT ...................................................................................................................................................... 12 III: CẤU HÌNH ................................................................................................................................................. 16 BÀI 5: QUẢN TRỊ CƠ SỞ DỮ LIỆU BẰNG PHPMYADMIN .......................................................................... 18 I: GIỚI THIỆU ................................................................................................................................................. 18 II: THAY ĐỔI MẬT KHẨU TRUY CẬP DỮ LIỆU .......................................................................................... 18 III: QUẢN TRỊ CƠ SỞ DỮ LIỆU ..................................................................................................................... 19 BÀI 6: QUẢN TRỊ CSDL BẰNG NAVICAT ........................................................................................................ 24 I: GIỚI THIỆU ................................................................................................................................................. 24 II: QUẢN TRỊ CSDL VỚI NAVICAT ................................................................................................................ 24 BÀI 7: LẬP TRÌNH PHP ........................................................................................................................................ 27 GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA CHƯƠNG 2: CÀI ĐẶT VÀ CẤU HÌNH JOOMLA ............................................................................................. 48 BÀI 1: GIỚI THIỆU JOOMLA ............................................................................................................................. 48 I: VỀ JOOMLA ................................................................................................................................................. 48 II: CÁC THÀNH PHẦN MỞ RỘNG CỦA JOOMLA ....................................................................................... 49 III : CÁC THUẬT NGỮ .................................................................................................................................... 50 BÀI 2: CÀI ĐẶT JOOMLA .................................................................................................................................... 52 BÀI 3 : GIỚI THIỆU GIAO DIỆN LÀM VIỆC CỦA ADMIN ........................................................................... 57 I: GIAO DIỆN LÀM VIỆC................................................................................................................................ 57 II: HỆ THỐNG MENU ..................................................................................................................................... 59 BÀI 4: CẤU HÌNH CƠ BẢN CHO WEBSITE ..................................................................................................... 61 CHƯƠNG 3: QUẢN LÝ BÀI VIẾT TRONG JOOMLA ..................................................................................... 63 BÀI 1: QUẢN LÝ SECTION .................................................................................................................................. 63 I: GIỚI THIỆU ................................................................................................................................................. 63 3 PHIÊN BẢN THỬ NGHIỆM – LƯU HÀNH NỘI BỘ II: TẠO MỚI SECTION .................................................................................................................................... 63 III : QUẢN LÝ SECTION ................................................................................................................................. 64 BÀI 2 : QUẢN LÝ CATEGORY ............................................................................................................................ 65 I : GIỚI THIỆU ................................................................................................................................................ 65 II : TẠO MỚI CATEGORY ............................................................................................................................... 65 III : QUẢN LÝ CATEGORY ............................................................................................................................. 66 BÀI 3 : QUẢN LÝ BÀI VIẾT ................................................................................................................................. 67 I : THÊM MỚI BÀI VIẾT ................................................................................................................................. 67 II : QUẢN LÝ BÀI VIẾT ................................................................................................................................... 68 III : CẤU HÌNH CÁC THÔNG SỐ CHO BÀI VIẾT ......................................................................................... 68 IV: TẠO BÀI VIẾT NÂNG CAO ....................................................................................................................... 70 BÀI 4: QUẢN LÝ ĐA PHƯƠNG TIỆN ................................................................................................................. 73 HƯỚNG DẪN QUẢN LÝ ĐA PHƯƠNG TIỆN ................................................................................................ 73 QUY ĐỊNH THƯ MỤC LƯU TRỮ................................................................................................................... 74 BÀI 5: QUẢN LÝ USER ......................................................................................................................................... 74 QUẢN LÝ USER VÀ TẠO MỚI USER ............................................................................................................. 74 PHÂN QUYỀN TRONG JOOMLA ................................................................................................................... 75 CHƯƠNG 4: LÀM VIỆC CƠ BẢN VỚI CÁC THÀNH PHẦN MỞ RỘNG ..................................................... 78 BÀI 1: CÀI ĐẶT CÁC THÀNH PHẦN MỞ RỘNG ............................................................................................ 78 CÁCH CÀI ĐẶT EXTENSIONS ....................................................................................................................... 78 BÀI 2: TEMPLATE ................................................................................................................................................. 80 HƯỚNG DẪN CÀI ĐẶT TEMPLATE .............................................................................................................. 80 CẤU TRÚC GÓI CÀI ĐẶT CỦA TEMPLATE ................................................................................................. 82 TẬP HỢP CÁC TRANG CUNG CấP TEMPLATE FREE ................................................................................ 82 BÀI 3: MODULE ..................................................................................................................................................... 83 TẠO MỚI MỘT MODULE ............................................................................................................................... 84 BÀI 4: PLUGIN........................................................................................................................................................ 85 PHÂN LOẠI PLUGIN ...................................................................................................................................... 85 I : Banner ......................................................................................................................................................... 86 II: Contacts ....................................................................................................................................................... 88 II: News Feed ................................................................................................................................................... 88 IV: Polls............................................................................................................................................................ 89 V: Search .......................................................................................................................................................... 90 VI: Web Links ................................................................................................................................................... 90 BÀI 6: TẠO VÀ QUẢN LÝ MENU ....................................................................................................................... 91 Tạo Menu.......................................................................................................................................................... 91 MENU Đặc Biệt................................................................................................................................................ 92 Tạo DropDown Menu ....................................................................................................................................... 93 BÀI 7: KHAI THÁC MODULE CÓ SẴN TRONG JOOMLA ........................................................................... 94 I: Latest News (Tin mới nhất), Popular (Tin đọc nhiều nhất) .......................................................................... 94 II: Who’s Online ............................................................................................................................................... 94 III: News Flash ................................................................................................................................................. 95 PHIÊN BẢN THỬ NGHIỆM - LƯU HÀNH NỘI BỘ 4 GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA BÀI 5: KHAI THÁC COMPONENT ..................................................................................................................... 86 IV: Customs HTML .......................................................................................................................................... 95 CHƯƠNG 5: TIẾNG VIỆT TRONG JOOMLA .................................................................................................. 96 BÀI 1: VIỆT HÓA JOOMLA ................................................................................................................................. 96 I: HƯỚNG DẪN TỰ VIỆT HÓA ...................................................................................................................... 96 II: HƯỚNG DẪN VIỆT HÓA BẰNG GÓI NGÔN NGỮ CÓ SẴN.................................................................... 97 BÀI 2: CÀI BỘ GÕ TIẾNG VIỆT VÀO TRANG WEB ...................................................................................... 98 I: Cài đặt bộ gõ tiếng Việt AVIM thủ công cho Joomla ................................................................................... 98 II:Cài đặt bộ gõ tiếng việt AVIM bằng Module. ............................................................................................... 99 BÀI 3: LỖI HIỂN THỊ TIẾNG VIỆT .................................................................................................................. 100 CHƯƠNG 6: KHAI THÁC THÀNH PHẦN MỞ RỘNG NÂNG CAO ............................................................ 101 BÀI 1: KHAI THÁC MODULE ........................................................................................................................... 101 I: VISITORS COUNTER ................................................................................................................................ 101 II: SLIDE SHOW ............................................................................................................................................ 101 III: JA TABS ................................................................................................................................................... 102 IV: MAXI MENU ............................................................................................................................................ 103 BÀI 2: TẠO VÀ QUẢN LÝ COMMENTS.......................................................................................................... 104 GIỚI THIỆU VÀ CÀI ĐẶT ............................................................................................................................. 104 QUẢN LÝ COMMENTS ................................................................................................................................. 105 CẤU HÌNH ..................................................................................................................................................... 105 BÀI 3 : TRÌNH SOẠN THẢO JCE ...................................................................................................................... 107 PHÂN NHÓM SỬ DỤNG .............................................................................................................................. 107 BÀI 4: TẠO WEB THƯƠNG MẠI ĐIỆN TỬ VỚI VIRTUE MARK .............................................................. 109 TÍNH NĂNG CỦA VIRTURE MARK ............................................................................................................. 109 HƯỚNG DẪN CÀI ĐẶT ................................................................................................................................. 109 VIỆT HÓA VIRTURE MARK ......................................................................................................................... 110 SỬ DỤNG CÁC MODULE ............................................................................................................................ 111 THEME CHO VIRTURE MARK .................................................................................................................... 112 GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA BÀI 5: QUẢN LÝ FILE VỚI DOCMAN ............................................................................................................. 113 I: CÀI ĐẶT DOCMAN ................................................................................................................................... 113 II: CHIA SẼ TÀI NGUYÊN............................................................................................................................. 113 III : PHÂN QUYỀN THEO NHÓM ................................................................................................................ 117 IV : THEME CHO DOCMAN ........................................................................................................................ 117 BÀI 6: TẠO DIỄN ĐÀN ĐƠN GIÃN VỚI KUNENA ........................................................................................ 119 I: CÀI ĐẶT KUNENA..................................................................................................................................... 119 II: TẠO MỚI CÁC DANH MỤC TRONG FORUM........................................................................................ 119 III: NHỮNG CHỨC NĂNG KHÁC ................................................................................................................ 121 BÀI 7: TẠO WEB NHẠC VỚI MAIAN MUSIC ................................................................................................ 122 CÀI ĐẶT ......................................................................................................................................................... 122 SỬ DỤNG MAIANMUSIC ............................................................................................................................. 124 HIỂN THỊ CÁC BÀI HÁT MỚI ĐĂNG .......................................................................................................... 130 VIỆT HÓA MAIAN MUSIC ............................................................................................................................ 131 5 PHIÊN BẢN THỬ NGHIỆM – LƯU HÀNH NỘI BỘ BÀI 8: TẠO WEB ẢNH PHOCA GALLERY .................................................................................................... 132 QUẢN LÝ ALBUM ............................................................................................................................................ 132 HIỂN THỊ ALBUM............................................................................................................................................. 133 THEME CHO PHOCA GALLERY .................................................................................................................... 134 MODULE PHOCA GALLERY MENU ....................................................................................................................... 135 BÀI 9: TẠO MENU VỚI SWMENUFREE ......................................................................................................... 136 BÀI 10: PLUGIN CHÈN NHẠC – VIDEO ......................................................................................................... 139 CHƯƠNG 7: NHỮNG VẤN ĐỀ NÂNG CAO KHI QUẢN TRỊ WEB VỚI JOOMLA.................................. 141 BÀI 1: ĐẢM BẢO AN TOÀN CHO WEBSITE ................................................................................................. 141 I:BACKUP WEBSITE & DATABASE ............................................................................................................ 141 II: THAY ĐỔI TIỀN TỐ MẶC ĐỊNH CHO DATABASE ................................................................................ 142 III: THAY ĐỔI ĐƯỜNG DẪN MẶC ĐỊNH CHO TRANG QUẢN TRỊ .......................................................... 144 BÀI 2: TỐI ƯU HÓA WEBSITE ......................................................................................................................... 145 I: SỬ DỤNG CACHING................................................................................................................................. 145 II: TỐI ƯU HÓA DATABASE ........................................................................................................................ 146 III: TẠO ĐƯỜNG DẪN THÂN THIỆN .......................................................................................................... 147 IV: MỘT SỐ PHƯƠNG PHÁP TỐI ƯU KHÁC ............................................................................................. 148 BÀI 3: XUẤT BẢN WEBSITE LÊN INTERNET .............................................................................................. 148 I: HƯỚNG DẪN ĐĂNG KÝ HOST FREE TẠI BYETHOST........................................................................... 148 II: QUẢN LÝ FILE TRÊN HOST.................................................................................................................... 151 III: XUẤT BẢN WEBSITE LÊN INTERNET .................................................................................................. 153 IV: THÔNG SỐ CẦN CHÚ Ý KHI TẢI WEBSITE LÊN INTERNET .............................................................. 156 LỜI CẢM ƠN......................................................................................................................................................... 158 GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA TÀI LIỆU THAM KHẢO ..................................................................................................................................... 158 PHIÊN BẢN THỬ NGHIỆM - LƯU HÀNH NỘI BỘ 6 CHƯƠNG 1: CÁC VẤN ĐỀ TRƯỚC KHI SỬ DỤNG JOOMLA –&— BÀI 1: INTERNET I: GIAO THỨC (PROTOCOL) 1: Khái niệm Ngôn ngữ được sử dụng bởi các thực thể mạng gọi là giao thức truyền thông (gọi tắc là giao thức). Các bên hiểu nhau do giao thức định nghĩa một ngôn ngữ chung giữa các thành phần mạng. Từ khái niệm cơ bản này, bạn có thể hiểu giao thức là thủ tục, quy tắc hoặc các đặc tả chính thức đã được chấp nhận nhằm xác định các hành vi và ngôn ngữ trao mà các bên trao đổi với nhau. Trong cuộc sống chúng ta cũng áp dụng nhiều quy tắc khác nhau. Ví dụ như khi đi đến một nơi mang tính chất quan trọng, mọi người luôn phải tuân thủ những quy tắc về trang phục như phải mặc đồ vét có thắc caravat. Trong khi đi đến một quán ăn bình dân thì mặc gì cũng được. Trong mạng máy tính giao thức là những bản đặc tả về cách thức “xử sự” của các thực thể tham gia truyền thông. Trong việc thiết kế web bạn cần quan tâm đến hai giao thức là HTTP và FTP. 2: Giao thức HTTP GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Hyper Text Transfer Protocol (HTTP) Là trái tim của web. Giao thức HTTP được triển khai trên cả hai phía Client và Server. HTTP quy định cách thức trao đổi thông tin thông qua việc giao tiếp bằng các thông điệp HTTP. HTTP xác định cách thức trình duyệt yêu cầu một trang web từ web server cũng như các thức mà server sẽ gửi trả kết quả cho web client. Trang web (Web pages – còn gọi là một tập tin web) : Chứa các đối tượng (Object). Đơn giãn đó chỉ là một file text, hay là một tập tin hình ảnh, âm nhạc…Đối tượng được xác định qua URL. Trang web chứa các một file HTML cơ sở và tham chiếu đến các đối tượng khác. Trình duyệt (Browser – Web Client) Chương trình giao tiếp người dùng của ứng dụng Web cho phép hiển thị trang web. Browser cài đặt phía client của giao thức HTTP. Hiện nay có nhiều phần mềm trình duyệt phổ biến như Internet Explorer, Firefor, Opera… Web server 7 PHIÊN BẢN THỬ NGHIỆM – LƯU HÀNH NỘI BỘ Là nơi lưu trữ website, và trả lời yêu cầu từ phía web client. Một số phần mềm phía server phổ biến như Microsoft Internet Information Server (IIS), Appache, Nestcape Enterprise Server (NES)… URL (Uniform Resource Locator) Là một tên gọi khác của địa chỉ web. URL bao giồm tên giao thức (là HTTP hay FTP…), kế đến dấu hai chấm và hai dấu xuyệt sắc (://), ví dụ địa chỉ http://www.uit.edu.vn dẫn đến website có địa chỉ là www.uit.edu.vn bằng giao thức HTTP. Khi truy cập chúng ta có thể bỏ qua tiền tố http:// vì trình duyệt mặc định thêm thành phần này vào. Một URL phải chính xác đến từng ký tự, vì chỉ cần thêm một dấu chấm là đã dẫn đến một trang web khác. 3: Giao thức FTP FTP(File Transfer Protocol) là giao thức dùng để truyền file giữa các máy tính. Trong phiên làm việc, người dùng sử dụng tại máy tính của mình và trao đổi file với máy tính khác. Người dùng cần phải đăng nhập bằng cách cung cấp tên định danh (username) và mật khẩu xác thực (password). Cả hai giao thức HTTP và FTP đều dùng để truyền file. Nhưng ở chúng có một đặc điểm khác nhau cơ bản là ở FTP bạn không thể mở trực tiếp file đó được. Nó cần bạn đưa về máy tính trước khi mở nó lên. Trong khi với HTTP bạn có thể mở file trực tiếp được. 4: Một số giao thức khác II: PHÂN LOẠI WEB Static Web (Web tĩnh) Chỉ bao gồm nội dung hiển thị cho người dùng xem. Nội dung này có thể là text thông thường, nhưng cũng có thể là một file đa phương tiện (hình ảnh, âm nhạc, video, flash…). Froms Pages (Biểu mẫu) Ngoài những nội dung thông thường như Static web, nó có thêm phần điền thông tin, dữ liệu do người dùng nhập vào. Sau khi điền xong form người dùng bấm nút Submit thì dữ liệu được gửi đến đầu vào của một trang web khác. Dynamic Web (Web động) PHIÊN BẢN THỬ NGHIỆM - LƯU HÀNH NỘI BỘ 8 GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Thỉnh thoảng bạn vẫn thấy có vài website là https://gmail.com chẳng hạn. Như vậy giao thức HTTPS là gì? Đó chính là một dạng của HTTP nhưng được tăng cường thêm tính năng bảo mật, cụ thể là nó mã hóa tất cả thông tin gửi đi trên đường truyền. Chữ S ở đây chính là SSL. Bạn cũng thường truy cập một file nhạc dạng mms://www.data.com/anhmaiyeuem.mp3 chẳng hạn. Như vậy chúng ta có một giao thức mới cho việc truyền dẫn các file nhạc đó chính là MMS. Giao thức còn dùng cho việc truyền các file video, hình ảnh..nói chung là đa phương tiện. Sau khi bấm nút Submit ở biễu mẫu, nếu dữ liệu đó có lưu trữ lại cho phiên làm việc sau của người dùng thì đó là Web động. Web động có tương tác đến một cơ sở dữ liệu lưu trữ trên mạng để hiển thị thông tin cho người dùng. Lưu ý: Bạn đừng bao giờ cho rằng một trang web có những tấm hình nhảy múa là web động. Đó chỉ là một tập tin ảnh động mà thôi. Web động là web có tương tác với cơ sở dữ liệu, đừng bao giờ định nghĩa web động là web có from đăng nhập. Một trang web có from đăng nhập chưa chắc là web động, có thể thông tin đăng nhập chỉ lưu trong một biến nào đó của ngôn ngữ lập trình. Cũng đừng bao giờ định nghĩa web tĩnh là web lập trình bằng HTML, còn web động là web lập trình bằng PHP hay Java…Những trang web lập trình bằng PHP chưa chắc là web động, nếu nó chỉ dùng để hiển thị thông tin. BÀI 2: DOMAIN AND HOSTING I: DOMAIN 1: Cấu trúc một địa chỉ Domain (miền) Bạn truy cập vào địa http://www.google.com thành phần .com phía sau được gọi là Domain Name. Thành phần miền được quản lý bởi của ISP khu vực, và đơn vị phụ trách quản lý tên miền trên toàn thế giới là ICANN. GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Host name Thành phần google như ví dụ trên chính là host name. Để có thể đưa website ra cộng đồng bạn cần mua một địa chỉ. Địa chỉ này gọi là Domain Name. Ví dụ ở đây chúng ta cần phải mua google.com Thỉnh thoảng bạn cũng lấy một domain có hai thành phần ví dụ như .com.vn. Nó được cấp phát và quản lý bỡi nhà quản lý domain cấp cao, trong ví dụ này là .vn 2: Tại sao phải sử dụng domain name Khi làm việc với máy tính, nó sử dụng những con số. Để truy cập website nó sẽ tìm đến máy tính lưu dữ liệu web (các file) bằng địa chỉ IP của máy tính. Nhưng đối với con người thì việc nhớ những IP này không hay cho lắm. Vì vậy mà người ta dùng domain name để ánh xạ một địa chỉ dạng text sang IP. Việc phân giải tên miền thành IP được thực hiện thông qua dịch vụ DNS (Domain Name Services). 9 PHIÊN BẢN THỬ NGHIỆM – LƯU HÀNH NỘI BỘ II: HOSTING 1: Khái niệm hosting Dịch vụ Web host là hình thức dịch vụ host trên Internet, cung cấp cho các cá nhân, tổ chức và người sử dụng những hệ thống trực tuyến (trên mạng) để lưu trữ thông tin, hình ảnh, video, hoặc bất kỳ nội dung nào khác có thể truy cập qua Web. Web host là các công ty chuyên cung cấp chỗ (dung lượng) trên server của họ cho khách hàng sử dụng, đồng thời cung cấp kết nối Internet, thường trong một trung tâm dữ liệu. Các Web host còn có thể cung cấp không gian ở trung tâm dữ liệu và kết nối Internet đến các server không thuộc sở hữu của họ. Phạm vi của các dịch vụ host rất rộng. Cơ bản nhất là host trang Web và những tập tin nhỏ, với các tập tin được upload lên server thông qua giao thức FTP hoặc một giao diện Web. Các tập tin thường được cung ứng “nguyên trạng” cho ứng dụng Web, hoặc chỉ được xử lý rất ít. Nhiều nhà cung cấp dịch vụ Internet (ISP) cung cấp dịch vụ này miễn phí cho khách hàng của họ. Người dùng còn có thể sử dụng dịch vụ Web host do nhiều nhà cung cấp dịch vụ khác cung cấp. Dịch vụ Web host thường miễn phí, có kèm theo quảng cáo hoặc có giá rẻ. Dịch vụ Web host thông thường chỉ đủ đáp ứng nhu cầu của các trang chủ cá nhân. Một Web site phức tạp đòi hỏi một gói dịch vụ toàn diện hơn, cung cấp khả năng hỗ trợ cơ sở dữ liệu và các hệ nền phát triển ứng dụng (như PHP, Java, ASP.NET). Những tính năng này cho phép người dùng viết hoặc cài đặt script cho các ứng dụng như diễn đàn hay quản lý nội dung. Các Web site thương mại điện tử còn đòi hỏi mã hóa SSL. Nhà cung cấp dịch vụ host có thể còn cung cấp một bảng điều khiển giao diện Web (Cpanel, Helm, Plesk, ví dụ thế) để quản lý Web server và cài đặt script cũng như các dịch vụ khác, chẳng hạn e-mail. Gần đây các bảng điều khiển hoặc giao diện Web này gây ra nhiều cuộc tranh cãi khi Web.com tuyên bố công ty này được độc quyền về công nghệ host với 19 phát minh của mình. Hostopia, một công ty host sỉ lớn, gần đây đã mua quyền sử dụng công nghệ của Web.com với giá 10% lợi tức host lẻ. Web.com cũng đã kiện công ty Godaddy vì xâm phạm các phát minh độc quyền đó. Một số nhà cung cấp dịch vụ host tập trung vào một phần mềm hoặc dịch vụ nhất định (ví dụ như thương mại điện tử). Những phần mềm hay dịch vụ này thường do các công ty lớn hơn sử dụng để tận dụng kiến trúc hạ tầng mạng của công ty cung cấp dịch vụ host. 3: Các loại dịch vụ host Sau đây là những dịch vụ giới hạn trong phạm vi ứng dụng Web: Dịch vụ Web host miễn phí: Miễn phí, (đôi khi) chấp nhận quảng cáo, và cực kỳ hạn chế khi so sánh với dịch vụ host có thu phí. Dịch vụ Web host dùng chung: Website của bạn được đặt chung server với hàng trăm Web site khác. Dịch vụ host dành riêng: Người sử dụng thuê trọn Web server và có toàn quyền điều khiển nó, tuy nhiên, người sử dụng không sở hữu server. PHIÊN BẢN THỬ NGHIỆM - LƯU HÀNH NỘI BỘ 10 GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA 2: Phạm vi dịch vụ Dịch vụ host hỗ trợ: Tương tự dịch vụ host dành riêng, nhưng người sử dụng sở hữu server; công ty host chỉ cung cấp chỗ (không gian vật lý) để lắp đặt và bảo trì server. Đây là loại dịch vụ Web host mạnh nhất và đắt tiền nhất. Server ảo dành riêng: Chia một server thành nhiều server ảo, mỗi người dùng có cảm tưởng như họ đang quản lý server dành riêng cho họ, nhưng thât ra họ đang chia sẻ server với nhiều người dùng khác. Web host lẻ: Cho phép khách hàng cung cấp dịch vụ Web host cho chính họ. Host phân bổ: Sử dụng nhiều server lưu trữ cùng một nội dung để tận dụng tài nguyên tốt hơn. Một số dịch vụ Web cụ thể: Dịch vụ lưu trữ tập tin: không lưu trữ trang Web mà là các tập tin Dịch vụ lưu trữ hình ảnh Dịch vụ lưu trữ video Dịch vụ lưu trữ blog Dịch vụ lưu trữ công cộng (như yousendit hay myfilehut vậy) BÀI 3: NGÔN NGỮ LẬP TRÌNH VÀ CƠ SỞ DỮ LIỆU I: NGÔN NGỮ LẬP TRÌNH 1: Ngôn ngữ HTML Là ngôn ngữ lập trình cơ bản nhất. Nó chỉ có thể dùng để hiển thị một trang web tĩnh. Đôi khi bạn có thể dùng nó để thiết kế của form, nhưng nó không tương tác được với cơ sở dữ liệu. Chúng ta dễ dàng xem code của một trang web dạng HTML bằng cách vào menu View > Page Code (Ctrl + U) 2: Ngôn ngữ CSS GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Đây là ngôn ngữ dùng để định nghĩa một giao diện cho website. Nó không thể hiển thị được nội dung, nhưng nó tạo ra template cho nội dung. Ví dụ để định nghĩa một font chữ bạn dùng CSS và áp nó vào cho một đoạn văn. Ngôn ngữ này thường đi kèm với HTML. 3: Ngôn ngữ PHP, ASP, JAVA Ngôn ngữ chạy phía server, nó thực hiện một quá trình biên dịch mã nguồn và trả về kết quả, hiển thị lên Browes cho người xem. Quy trình biên dịch như sau: Client Server Trình biên dịch Ngôn ngữ này cho phép tương tác với cơ sở dữ liệu. Ngôn ngữ phổ biến được dùng nhiều nhất là PHP. 11 PHIÊN BẢN THỬ NGHIỆM – LƯU HÀNH NỘI BỘ II: CƠ SỞ DỮ LIỆU (DATABASES) Bạn thường vào một diễn đàn, đăng ký thông tin để tham gia vào diễn dàn. Như vậy những thông tin mà bạn đăng ký đó gọi là dữ liệu. Toàn bộ được lưu lại trong hệ thống gọi là cơ sở dữ liệu. Các chương trình quản lý cơ sở dữ liệu phổ biến như SQL Server, Oracel, Access, MySQL. Để dùng cho thiết kế bằng ngôn ngữ PHP người ta thường dùng MySQL, bỡi tính đơn giãn dể sử dụng của nó. BÀI 4: CÀI ĐẶT WEB SERVER XAMPP I: GIỚI THIỆU Xampp là máy chủ web cho phép bạn cài đặt và quản lý website của mình tại máy tính của mình. Khi cài đặt thành công Xampp bạn sẽ được một host ảo hay còn gọi là localhost. Với localhost thì việc quản trị nó tương tự như quản trị trên host thật. Xampp hổ trợ hầu hết các hệ điều hành. Nó hổ trợ việc thực thi ngôn ngữ lập trình PHP, Perl. Sau khi cài đặt bạn còn có thêm tiện ích PHPMyAdmin là chương trình dùng để quản trị cơ sở dữ liệu dưới dạng giao diện đồ họa. Hiện tại chương trình có nhiều phiên bản cho bạn lựa chọn. Tuy nhiên việc lựa chọn phiên bản nào còn tùy thuộc vào hệ thống và nhu cầu của bạn. Để tải chương trình bạn truy cập địa chỉ: http://www.apachefriends.org/ Lưu ý chọn đúng phiên bản dành cho hiệu điều hành. II: CÀI ĐẶT Bước 2: Kích vào tập tin vừa tải về để cài đặt. Tại màn hình đầu tiên bạn chú vào trường Destination Folder, tại đây đang chọn là ổ C, nhưng tôi khuyên bạn nên chọn sang một ổ đĩa khác không có cài hệ điều hành. Bấm nút Next. PHIÊN BẢN THỬ NGHIỆM - LƯU HÀNH NỘI BỘ 12 GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Bước 1: Download chương trình từ địa chỉ trên. Ở đây sử dụng phiên bản 1.7.2 cho Windows. GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Bước 3: Trong bước tiếp theo này bạạn đảm bảo đã chọn hết tất cả các tùy chọn. Trong đó có ba tùy chọn trong mụcc Services Session là quan trọng nhất. Điều này có nghĩa ĩa là ba dịch d vụ được chọn sẽ chạy mặc trong Windows. 13 PHIÊN BẢN THỬ NGHI NGHIỆM – LƯU HÀNH NỘI BỘ Bước 4: Dưới đây là quá trình cài đặt đang được tiến hành. Bạn chờ cho đến khi màn hình DOS xuất hiện. GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Bước 5: Khi những màn hình DOS xuất hiện bạn cứ để yên cho nó qua hết cho đến khi màn hình báo đã cài đặt hoàn tất xuất hiện. PHIÊN BẢN THỬ NGHIỆM - LƯU HÀNH NỘI BỘ 14 Bước 6: Tiếp theo bạn ra desktop tìm icon của chương trình và khởi động nó lên. Bấm nút Start cạnh hai dịch vụ Apache và MySql, để ý thấy trạng thái của nó là Running thì được. Bấm nút Exit để thoát chương trình. GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Bước 7: Bạn kiểm tra chương trình đã hoạt động chưa bằng cách mở trình duyệt web bất kỳ và gõ vào địa chỉ http://localhost hoặc http://127.0.0.1 Nếu kết quả xuất hiện như hình dưới đây là bạn đã cài đặt thành công. 15 PHIÊN BẢN THỬ NGHIỆM – LƯU HÀNH NỘI BỘ III: CẤU HÌNH 1: Thay đổi địa chỉ local Mặc định để truy cập vào webserver bạn vào địa chị http://localhost Nhưng nếu bạn muốn thay địa chỉ này thành một cái tên tùy thích, ví dụ như http://tinhyeucuatoi.com chẳng hạn. Bạn thực hiện như sau: Bước 1: Mở Windows Explorer lên theo đường dẫn C:\Windows\System32\drivers\etc Bước 2: Mở tập tin hosts bằng Notepad. Bước 3: Tìm đến dòng # 127.0.0.1 localhost và thay chữ localhost bằng chữ tùy thích. Trong ví dụ này là tinhyeucuatoi.com. Bỏ dấu # phía trước. Bước 4: Lưu tập tin này lại và kiểm tra bằng cách truy cập vào trình duyệt http://tinhyeucuatoi.com Bây giờ chúng ta sẽ thử tạo ra một website đơn giãn để kiểm tra webserver của chúng ta hoạt động chưa. Bước 1: Bạn tìm theo địa chỉ C:\Xampp\htdocs (C:\ là thư mục cài đặt) tạo thêm một thư mục mới có tên MyWeb dùng để chứa website của bạn tạo ra. Bước 2: Tạo tập tin Index.html trong thư mục MyWeb trên, nội dung tùy ý. Ví dụ ở đây tôi ghi nội dung như hình. PHIÊN BẢN THỬ NGHIỆM - LƯU HÀNH NỘI BỘ 16 GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA 2. Tạo thử website Bước 3: Lưu website này và truy cập vòa địa chỉ http://localhost/MyWeb. Nếu kết quả hiện ra trang web với nội dung ở trên thì là thành công. (Lưu ý: nếu bạn đã sửa địa chỉ localhost thành địa chỉ khác thì nhớ gõ đúng, trong sách này tôi sử dụng mặc định). 3. Thay đổi thư mục htdocs Mặc định thì bắt buộc bạn phải lưu thư mục chứa web của mình trong thư mục htdocs Nhưng bạn muốn thay đổi địa chỉ này qua một thư mục khác chẳng hạn. Chúng ta làm như sau: Bước 1: Bạn tìm đến thư mục C:\xampp\apache\conf Mở tập tin httpd.conf bằng notepad. GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Bước 2: Tìm đến dòng và thay đường dẫn trong đó bằng đường dẫn đến thu mục chứa web mới của bạn. Ví dụ tôi tạo thư mục D:\Data thì tôi sẽ sửa lại thành Bước 3: Tìm đến dòng DocumentRoot "C:/xampp/htdocs" và cũng sửa đường dẫn trong đó đến thư mục chứa web. Bạn chú ý dùm tôi dấu gạch chéo trong địa chỉ. 17 PHIÊN BẢN THỬ NGHIỆM – LƯU HÀNH NỘI BỘ Bước 4: Khởi động lại dịch vụ Apache bằng cách mở trình điều khiều Xampp, bấm Stop ở dịch vụ Apache và sau đó chọn Start trở lại. Nếu trạng thái lúc này là Running thì việc cấu hình của bạn thành công. Bước 5: Bạn thử kiểm tra lại bằng cách tạo một file Index.html và truy cập vào website của mình. BÀI 5: QUẢN TRỊ CƠ SỞ DỮ LIỆU BẰNG PHPMYADMIN I: GIỚI THIỆU Trình quản trị cơ sở dữ liệu PHPMyAdmin quản trị cơ sở dữ liệu bằng ngôn ngữ dữ liệu MySQL. Nó cho phép tạo ra một cơ sở dữ liệu, tương thích với ngôn ngữ lập trình web PHP. PHPMyAdmin viết trên nền web nên dễ dàng sử dụng và được nhiều người ưa chuộng. Còn nói về ngôn ngữ truy vấn dữ liệu MySQL thì nó không khác gì SQL cho lắm. Nhưng nó hổ trợ tốt hơn cho PHP. Công việc đầu tiên bạn nên làm là đặt mật khẩu bảo vệ cho cơ sở dữ liệu của mình. Để làm điều này bạn truy cập vào trang http://localhost/security/xamppsecurity.php Nhập mất khẩu hiện tại và mật khẩu mới, rồi bấm nút Password changing PHIÊN BẢN THỬ NGHIỆM - LƯU HÀNH NỘI BỘ 18 GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA II: THAY ĐỔI MẬT KHẨU TRUY CẬP DỮ LIỆU Thông báo Password đã được thay đổi thành công. III: QUẢN TRỊ CƠ SỞ DỮ LIỆU 1: Truy cập trang quản trị GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Để làm điều này bạn vào địa chỉ http://localhost/phpmyadmin Đăng nhập với Username mặc định là root, Password do bạn đặt ở mục trước. Nếu đúng thì chương trình PHPMyAdmin xuất hiện như hình bên dưới. 19 PHIÊN BẢN THỬ NGHIỆM – LƯU HÀNH NỘI BỘ 2: Tạo CSDL mới Để tạo mới một CSDL bạn chọn tab Databases, điền tên CSDL trong trường Create new databases. Lưu ý: chọn thêm kiểu mã hóa ký tự là utf8_general_ci trong mục chọn kế bên. Sau cùng bấm Create. GIÁO TRÌNH THIẾT KẾ WEB VỚI JOOMLA Nhận được thông báo đã tạo thành công một CSDL mới. 3: Tạo Table (thuật ngữ gọi là quan hệ) mới cho dữ liệu Bây giờ chúng ta sẽ tạo mới một bảng cho dữ liệu MyData ở trên. Ví dụ tôi sẽ tạo một bảng ThongTinSinhVien để lưu thông tin của sinh viên. Để làm điều này bạn thực hiện như sau Bên góc tay trái bạn chọn vào tên database của mình là MyData. Bạn nhận được một thông báo No table found in database có nghĩa là bảng dữ liệu bây giờ đang trống. Để tạo mới bạn gõ tên Table trong trường Name, trường PHIÊN BẢN THỬ NGHIỆM - LƯU HÀNH NỘI BỘ 20
- Xem thêm -

Tài liệu liên quan