Tai lieu-thiet-ke-web-15-joomla

Dịch vụ thiết kế website – Dịch Vụ Seo Website Joomla Fan Page: https://www.facebook.com/dichvuthietkewebgiare Website: Website: http://joomlahcm.com

THIẾT KẾ WEB VỚI JOOMLA

Bước 01. Cài đặt Joomla

- Giải nén gói cài đặt


- Đổi tên thư mục và copy thư mục vào thư mục www của Appserv

- Mở trình duyệt gõ http://localhost/dienthoai - Click button Next


- Click Next


- Nhập thông tin host, user name và password của hệ quản trị cơ sở dữ liệu MySQL

- Chọn No, Click Next


- Nhập thông tin: Site name, Email, mật khẩu để vào trang quản trị của website, Nếu không Install dữ liệu mẫu thì không click vào button “Install Sample Data” . Ở đây ta không click cài đặt dữ liệu mẫu. Click button Next


- Click Ok

- Xóa thư mục Installation. Sau đó, click button Site để kiểm tra kết quả cài đặt


- Thực hiện đổi tên hoặc xóa thư mục

- Kiểm tra site gõ: http://localhost/dienthoai


- Mở trình duyệt gõ: http://localhost/dienthoai/administrator để kiểm tra phần quản trị

- Nhập User name và mật khẩu quản trị


Bước 02. Cài đặt template - Vào menu Extensions | install/uninstall


- Click button Duyệt (hoặc Browse tùy từng trình duyệt)


- Chọn template cần cài đặt

- Click button Upload File & Install


- Thông báo cài đặt thành công

- Vào menu Extensions | Template Manager


- Click radio JV_Conto | Click button Default

- Gõ http://localhost/dienthoai để kiểm tra lại template đã cài đặt


Bước 03. Cài Component VIRTUEMART cho Joomla

- Vào menu Extensions | Install/Uninstall

- Click button Duyệt (hoặc Browse tùy từng trình duyệt)


- Chọn Component cần cài đặt

- Click button “Go directly the Shop” (nếu ta chọn đây thì không cài đặt dữ liệu mẫu)


- Click Ok

- Kết quả sau khi cài đặt component virtuemart


Bước 04. Cài đặt Module lấy các sản phẩm đã nhập liệu

- Vào menu Extensions | Install/Uninstall

- Click button “Duyệt” (hoặc “Browse” tùy từng trình duyệt). Chọn module cần cài đặt. Sau đó, click button “Upload Files and Install”



- Vào menu Extensions | Module Manager để kiểm tra lại


Bước 05. Cấu hình cho virtuemart

- Vào menu Components | Virtuemart , Sau đó click vào Store

- Cấu hình thông tin cho Store

- Cấu hình thông tin cho phần liên hệ ( phần thông tin này được hiển thị khi bạn dùng Joomla để

gửi mail cho khách hàng


- Cấu hình đơn vị

Bước 06. Tạo Nhóm sản phẩm


- Vào menu Components | Virtuemart, Click link Add Category - Nhập và chọn các thông tin theo hình, Click button Save

Bước 07. Nhập liệu cho một sản phẩm


- Click vào Extended Layout để thay đổi giao diện làm việc của virtuemart

- Vào menu Product | Add Product


- Nhập thông tin và thiêt lập tùy chọn cho sản phẩm

- Nhập thông tin cho phần mô tả sản phẩm


- Nhập thông tin cho phần trạng thái sản phẩm, nếu sản phẩm đó là đặc biệt thì check vào ô vuông Special


- Chọn hình ảnh cho sản phẩm


- Click button Save. Tiếp tục nhập thêm sản phẩm để test dữ liệu (khoảng 8 sản phẩm)


Bước 08. Cấu hình module jwm_catpro để hiển thị sản phẩm

- Nhập và chọn các thông tin như hình, Sau đó lưu lại.

- Kiểm tra lại: http://localhost/dienthoai


- Click vào chi tiết một sản phẩm, ta thấy phần giao diện chi tiết không được như ý muốn. Giải quyết lỗi này ta tiếp tục Bước 9


Bước 09. Cấu hình theme cho VM

- Copy thư mục jv-shop

- Dán vào thư mục đó vào thư mục /www/dienthoai/components/comvirtuemart/themes (lưu ý đúng đường dẫn)


- Trở lại phần cấu hình: vào menu Admin | Configuration

- Chọn tab Site, chọn them là jv-shop. Save lại


- Kiểm tra lại sản phẩm chi tiết


Bước 10. Cài module lấy các nhóm sản phẩm ( trong dữ liệu có bao nhiêu categoty, thì mỗi category là 1 menu)

- Tương tự như các bước đã làm, ta chọn module cài đặt như hình

- Click button Upload File & Install



- Vào menu Extensions | Manager Module. Click Edit module, cấu hình lại thông tin theo hình


- Kiểm trả tra lại : gõ http://localhost/dienthoai


- Tiếp tục nhập các Category còn lại theo như hình


- Kiểm tra sau khi nhập thêm Category


Bước 11. Cài đặt module Giỏ hàng - Chọn module cần cài đặt

- Click vào link để Edit module


- Cấu hình thông tin cho module theo như hình

- Kết quả sau khi cài đặt


- Kết quả giỏ hàng sau khi Click button Add Cart ở một sản phẩm

Bước 12. Cài đặt module headline

- Chọn module cần cài đặt

- Vào menu Extensions | Module Manager kiểm tra module cài đặt chưa?


- Tạo secion tên là Headline: Vào menu Content | Section Manager, Click button New

- Nhâp thông tin như hình


- Vào menu Content | Category Manager

- Nhập thông tin category như hình, và chọn Section là Headline


- Vào menu Content | Article Manager , click button New

- Click button Image, chọn file ảnh cần upload, Upload ảnh


- Chọn ảnh cho bài viết, Click button Insert

- Nhập các thông tin còn lại cho bài viết, click Save


- Tiếp tục cập nhật 5 bài tương tự. ta có kết quả sau


- Vào menu Module | Manager , Edit module Headslide theo như hình


- Kiểm tra lại gõ: http://localhost/dienthoai


Bước 13. Cài module sản phẩm đặc biệt

- Chọn module cài đặt theo như hình

- Click Edit module


- Nhập thông tin cho module theo như hình

- Kiểm tra lại : http://localhost/dienthoai


Bước 14. Tạo menu Sản phẩm

- Vào menu: Menus | Manager, Click vào biểu tượng Menu Items của Main Menu

- Click button New

- Chọn link Virtuemart


- Nhập thông tin cho menu item (Category ID =0 là hiển thị tất cả các sản phẩm của category product, nếu bạn muốn chỉ định category Nokia thì nhập id của category này vào)


- Kiểm tra lại: http://localhost/dienthoai

Bước 15. Tạo menu Tin Tức - Tương tự như menu sản phẩm, nhưng thay đổi ở bước này : chọn Artices chứ không chọ

Virtuemart


- Chọn Artice layout


- Nhập thông tin cho menu

- Chọn bài viết cho menu. Nội dung bài viết sẽ được hiện ra nếu bạn click vào menu tin tức


- Tương tự như thế, Các bạn tiếp tục tạo các menu còn lại


THE END CHÚC CÁC BẠN THÀNH CÔNG

Tai lieu-thiet-ke-web-15-joomla

Design

Transcript of Tai lieu-thiet-ke-web-15-joomla