Bài 9 Hướng Dẫn Thiết Kế Website Bán Hàng Trực Tuyến Bằng Joomla

Có thể bạn quan tâm

Tải bản đầy đủ (.pdf) (27 trang)

Trang chủ

Công Nghệ Thông Tin

Kỹ thuật lập trình

bài 9 hướng dẫn thiết kế website bán hàng trực tuyến bằng joomla

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (3.3 MB, 27 trang )

Bài 9Hướng dẫn thiết kế website bán hàng trựctuyến bằng JoomlaMục tiêu bài học• Hiểu rõ quy trình xây dựng 1 website bằng Joomla• Tổng hợp các kiến thức cơ bản về xây dựng và quản trịwebsite Joomla• Hiểu rõ cách thức đưa website lên host sau khi đã hoànthiện trên wampserver• Hiểu cách sử dụng các gói Quickstart Joomla để tạowebsite.• Hiểu rõ quy trình xây dựng 1 website bằng Joomla• Tổng hợp các kiến thức cơ bản về xây dựng và quản trịwebsite Joomla• Hiểu rõ cách thức đưa website lên host sau khi đã hoànthiện trên wampserver• Hiểu cách sử dụng các gói Quickstart Joomla để tạowebsite.Bài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngCài đặt Joomla trên wampserver, không sử dụng dữ liệumẫuBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngXây dựng sơ đồ website-Trang chủ-Giới thiệu-Tin tức+Tin tuyển dụng+Tin khuyến mại-Sản phẩm+Thời trang trẻ em+Đồ chơi trẻ em-Liên hệBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng Joomla-Trang chủ-Giới thiệu-Tin tức+Tin tuyển dụng+Tin khuyến mại-Sản phẩm+Thời trang trẻ em+Đồ chơi trẻ em-Liên hệXây dựng website bán hàngTạo Section, Category và một số Article-Tạo Section: Tin tức-Tạo Category Tin tuyển dụng, Tin khuyến mại nằmtrong section Tin tức-Tạo Article Giới thiệu thuộc thuộc uncategorised và đặtngoài trang chủ; Tạo một số Article thuộc category Tintuyển dụng, Tin khuyến mại, các article này cũng đặthiển thị ngoài trang chủ theo 2 cột phía dưới article GiớithiệuBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng Joomla-Tạo Section: Tin tức-Tạo Category Tin tuyển dụng, Tin khuyến mại nằmtrong section Tin tức-Tạo Article Giới thiệu thuộc thuộc uncategorised và đặtngoài trang chủ; Tạo một số Article thuộc category Tintuyển dụng, Tin khuyến mại, các article này cũng đặthiển thị ngoài trang chủ theo 2 cột phía dưới article GiớithiệuXây dựng website bán hàngChỉnh sửa trình đơn Home trong khối trính đơn MainMenu và hiệu chỉnh thứ tự bài viết trong FrontpageManager-Thay tiêu đề Home thành Trang chủ;-Đặt tham số #Link là 0 để không có liên kết phía dướicác bài intro;-Bật chức năng Title Linkable để đặt liên kết vào tiêu đềbài viết, Tắt hiển thị (chọn hide) ở các tham số AuthorName, Created Date and Time, Modified Date and Time-Truy cập Frontpage Manager, đặt lại thứ tự các bài viết,để bài viết Giới Thiệu lên đầuBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng Joomla-Thay tiêu đề Home thành Trang chủ;-Đặt tham số #Link là 0 để không có liên kết phía dướicác bài intro;-Bật chức năng Title Linkable để đặt liên kết vào tiêu đềbài viết, Tắt hiển thị (chọn hide) ở các tham số AuthorName, Created Date and Time, Modified Date and Time-Truy cập Frontpage Manager, đặt lại thứ tự các bài viết,để bài viết Giới Thiệu lên đầuXây dựng website bán hàngDanh sách SectionBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngDanh sách CategoryBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngTạo bài viếtBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngSửa trình đơn HomeBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngHiểu chỉnh thứ tự bài viết trong Fronpage ManagerBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngTrang Frontend lúc này:Bài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngThêm mới các trình đơn trong khối Main Menu:-Giới thiệu: Kiểu Article Layout - trỏ tới bài viết Giới thiệu đãtạo;-Tin tức: Kiểu Section Blog Layout trỏ tới section Tin tức vớitham số cơ bản là Leading=0; Intro = 4; Columns=2, Links=6 ;-Tin khuyến mại: Kiểu Category Blog Layout trỏ tới CategoryTin khuyến mại với tham số cơ bản là Leading=1; Intro = 6;Columns=1, Links=6 ; trình đơn này lựa chọn Parent Item làTin tức-Tin tuyển dụng: Kiểu Category Blog Layout trỏ tới CategoryTin tuyển dụng với tham số cơ bản là Leading=1; Intro = 6;Columns=1, Links=6 ; trình đơn này lựa chọn Parent Item làTin tứcBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng Joomla-Giới thiệu: Kiểu Article Layout - trỏ tới bài viết Giới thiệu đãtạo;-Tin tức: Kiểu Section Blog Layout trỏ tới section Tin tức vớitham số cơ bản là Leading=0; Intro = 4; Columns=2, Links=6 ;-Tin khuyến mại: Kiểu Category Blog Layout trỏ tới CategoryTin khuyến mại với tham số cơ bản là Leading=1; Intro = 6;Columns=1, Links=6 ; trình đơn này lựa chọn Parent Item làTin tức-Tin tuyển dụng: Kiểu Category Blog Layout trỏ tới CategoryTin tuyển dụng với tham số cơ bản là Leading=1; Intro = 6;Columns=1, Links=6 ; trình đơn này lựa chọn Parent Item làTin tứcXây dựng website bán hàngTrang Frontend, mục tin tức lúc này:Bài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngTải và cài đặt extension-Joom Shopping: là extension làm trang bán hàng trựctuyến bao gồm component và các plugin, module hỗ trợ.Joom shopping được tải từ website-Aicontactsafe: là extension tạo chức năng liên hệ trựctuyến, được tải từ Bài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng Joomla-Joom Shopping: là extension làm trang bán hàng trựctuyến bao gồm component và các plugin, module hỗ trợ.Joom shopping được tải từ website-Aicontactsafe: là extension tạo chức năng liên hệ trựctuyến, được tải từ Xây dựng website bán hàngCấu hình component Joom Shopping-Vào Option chọn Currencies, thêm mới 1 loại tiền tệ là tiềnViệt Nam Đồng, mã vnd, và đặt loại tiền tệ này là mặcđịnh-Vào Option chọn Payment, xóa các hình thức thanh toáncó sẵn thêm mới các hình thức thanh toán:Tienphongbank, Vietcombank, Techcombank và thanhtoán trực tiếp khi giao hàng-Vào Option cọn Shipping methods xóa các hình thức vậnchuyển cũ, tạo mới hình thức vận chuyển tới tận nhàkhách hàng và khách hàng nhận hàng tại cửa hàngBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng Joomla-Vào Option chọn Currencies, thêm mới 1 loại tiền tệ là tiềnViệt Nam Đồng, mã vnd, và đặt loại tiền tệ này là mặcđịnh-Vào Option chọn Payment, xóa các hình thức thanh toáncó sẵn thêm mới các hình thức thanh toán:Tienphongbank, Vietcombank, Techcombank và thanhtoán trực tiếp khi giao hàng-Vào Option cọn Shipping methods xóa các hình thức vậnchuyển cũ, tạo mới hình thức vận chuyển tới tận nhàkhách hàng và khách hàng nhận hàng tại cửa hàngXây dựng website bán hàngTạo danh mục sản phẩm và một số sản phẩm-Vào categories tạo 2 danh mục sản phẩm là thời trang trẻem và đồ chơi trẻ em-Vào Products tạo mới một số sản phẩm thuộc 2 danh mụcthời trang trẻ em và đồ chơi trẻ emBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng Joomla-Vào categories tạo 2 danh mục sản phẩm là thời trang trẻem và đồ chơi trẻ em-Vào Products tạo mới một số sản phẩm thuộc 2 danh mụcthời trang trẻ em và đồ chơi trẻ emXây dựng website bán hàngTạo trình đơn Sản Phẩm trỏ tới trang Joom Shopping-Vào khối Main Menu, thêm mới trình đơn Sản phẩm và 2trình đơn con là Thời trang trẻ em, Đồ chơi trẻ em tương ứngtrỏ tới danh sách các sản phẩm của 2 chuyên mục nàyBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngTạo trình đơn liên hệThêm mới trình đơn Liên hệ trỏ tới componentAicontactsafeBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngThêm mới khối trình đơn đặt phía trên trang webThêm mới khối trình đơn với 2 trình đơn là Thời trang trẻ em và Đồ chơi trẻ em, 2trình đơn này trỏ tới 2 trình đơn tương ứng trong khối Main Menu và đặt modulehiển thị khối trình đơn này ở vị trí user3Bài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngĐưa một số module ra ngoài trang Frontend-Đưa các module ra ngoài frontend: mod_jshopping_cart(module giỏ hàng); mod_jshopping_search (moduletìm kiểm sản phẩm); mod_jshopping_login (moduleđăng ký, đăng nhập); mod_jshopping_latest_products(module sản phẩm mới nhất)-Đặt các module trên ở vị trí left, có module class suffix là_menu-Tạo mới 2 module kiểu Custom HTML 1 đặt ở vị trí User1và 1 đặt ở ví trí footer, đăng ảnh banner quảng cáo có kíchthước 730x350px trong 2 module nàyBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng Joomla-Đưa các module ra ngoài frontend: mod_jshopping_cart(module giỏ hàng); mod_jshopping_search (moduletìm kiểm sản phẩm); mod_jshopping_login (moduleđăng ký, đăng nhập); mod_jshopping_latest_products(module sản phẩm mới nhất)-Đặt các module trên ở vị trí left, có module class suffix là_menu-Tạo mới 2 module kiểu Custom HTML 1 đặt ở vị trí User1và 1 đặt ở ví trí footer, đăng ảnh banner quảng cáo có kíchthước 730x350px trong 2 module nàyXây dựng website bán hàngTrang Frontend lúc này:Bài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaXây dựng website bán hàngThay logo trang webTạo mới một ảnh định dạng .png có tên mw_joomla_logo.png có kích thước298x75, chép đè ảnh này vào thư mục templates\rhuk_milkyway\imagesBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng JoomlaĐưa website lên host3 Bước chính để đưa website lên Host-Bước 1: Upload toàn bộ Source code Joomla lên host bằng cách sử dụng trìnhquản lý file manager của host hoặc sử dụng các phần mềm FTP-Bước 2: Export database trong phpmyadmin của wampserver sau đó import vàophpmyadmin của Host-Bước 3: Cấu hình file configuration.php ở các dòng:var $hostvar $uservar $passwordvar $dbvar $dbprefixvar $log_pathvar $tmp_pathBài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng Joomla-Bước 1: Upload toàn bộ Source code Joomla lên host bằng cách sử dụng trìnhquản lý file manager của host hoặc sử dụng các phần mềm FTP-Bước 2: Export database trong phpmyadmin của wampserver sau đó import vàophpmyadmin của Host-Bước 3: Cấu hình file configuration.php ở các dòng:var $hostvar $uservar $passwordvar $dbvar $dbprefixvar $log_pathvar $tmp_pathGiới thiệu QuickStart JoomlaQuickStart Joomla là gì?- Là bộ cài đặt Joomla đã có tích hợp sẵn các extension nhưTemplate, module, Plugin, component có thể triển khai luôn.-Do các bên thứ 3 sản xuất và bán ra thị trường như:GavicPro, Joomlart, You Joomla -Quá trình cài đặt QuickStart Joomla giống như cài đặtJoomla nhưng luôn phải cài đặt dữ liệu mẫu.-Có thể tham khảo các website demo được cài từ QuickStartJoomla tại website của các bên thứ 3 như joomlart.com ,gavicpro.com-Xu hướng hiện tại nhiều đơn vị dùng QuickStart để triển khaiwebsite nhanh chóng mà lại có giao diện đẹp, chức nănghoàn thiện.Bài 9 - Hướng dẫn thiết kế website bán hàng trực tuyến bằng Joomla- Là bộ cài đặt Joomla đã có tích hợp sẵn các extension nhưTemplate, module, Plugin, component có thể triển khai luôn.-Do các bên thứ 3 sản xuất và bán ra thị trường như:GavicPro, Joomlart, You Joomla -Quá trình cài đặt QuickStart Joomla giống như cài đặtJoomla nhưng luôn phải cài đặt dữ liệu mẫu.-Có thể tham khảo các website demo được cài từ QuickStartJoomla tại website của các bên thứ 3 như joomlart.com ,gavicpro.com-Xu hướng hiện tại nhiều đơn vị dùng QuickStart để triển khaiwebsite nhanh chóng mà lại có giao diện đẹp, chức nănghoàn thiện.

Tài liệu liên quan

Hướng dẫn sử dụng website bán hàng trực tuyến
- 6
- 1
- 14
Bài soạn Hướng dẫn thiết kế Website với HTML
- 218
- 444
- 4
BÁO CÁO THỰC TẬP :THIẾT KẾ WEB BÁN HÀNG TRỰC TUYẾN BẰNG OPENCART
- 39
- 4
- 5
bài 9 hướng dẫn thiết kế website bán hàng trực tuyến bằng joomla
- 27
- 1
- 2
Thiết kế web bán hàng trực tuyến bằng opencart
- 70
- 3
- 7
thiết kế website bán hàng trực tuyến và seo cho web
- 68
- 719
- 10
tài liệu hướng dẫn thiết kế website cá nhân easyvn - lấy mã html và đưa lên trang web
- 4
- 982
- 1
tài liệu hướng dẫn thiết kế website cá nhân easyvn - quản lý website
- 8
- 707
- 4
BÁO CÁO THỰC TẬP TỐT NGHIỆP ngành Quản trị mạng và An ninh-ĐỀ TÀI: THIẾT KẾ WEB BÁN HÀNG TRỰC TUYẾN BẰNG OPENCART
- 69
- 5
- 15
Tài liệu hướng dẫn thiết kế website cá nhân EasyVN - Thiết kế trang (cơ bản) docx
- 11
- 511
- 0