1. Họ Và Tên : Nguyễn Anh Cương
Đề Tài : Thiết Kế web giới thiệu các khóa học của Trung Tâm Đào Tạo Quản Trị Mạng
và An Ninh Mạng Athena bằng Opencart
1/ Cài đặt phần mềm XAMPP Control
2/ Cài Đặt Opencart
- Sau khi cài đặt phần mềm Xampp xong ta cần tiến hành tạo database cho trang
web
+ truy cập vào đường dẫn http://localhost/phpmyadmin
Nhấp chuột vào Database
- nhập tên Database
- nhấn vào Creer
-
- Vậy là database của trang web đã được tạo xong

2. Ta vào tai liệu của trung tâm tìm đến thư mục tên : OpencartVN_version2 Fixed 2_3
- sau đó copy theo đường dẫn c://xampp/htdoc và pase vào
- sau đó đổi tên thư mục
- Sau khi đổi tên, ta vào trình duyệt của mình nhấn đường dẫn
http://localhost/demos/
- Sau đó sẽ xuất hiện giao diện cài đặt opencart
- Ta chọn ngôn ngữ tiếng Việt
- Bước 1: ta nhấn vào : tôi đồng ý cấp giấy phép
- Sau đó nhấn tiếp tục

3. - Bước 2 tiếp tục nhấn nút tiếp tục
- Bước 3
- Điền thông tin cho phù hợp:
Máy chủ cơ sở dữ liệu: localhost
Tài khoản MySQL: root
Mật khẩu: để trống
Tên CSDL MySQL: demos
Tên tài khoản: admin
Mật khẩu: 123456
Địa chỉ Email: nguyenanhcuong11ctci2@gmail.com
Nhấn "Tiếp tục" sau khi điền xong thông tin.

4. Hoàn thành quá trình cài đặt
Ở bước này trước khi truy cập vào các giao diện, bạn phải tiến hành xóa thư mục
cài đặt trong đường dẫn xampp.

5. Vào thư mục "C:xampphtdocsShop" Xóa thư mục "install"
Sau khi đã xóa thư mục "Install", quay lại trình duyệt và truy cập trang.
Đây là trang quản trị, đường dẫn: "localhost/demos/admin"

6. Đây là trang chủ, đường dẫn: "localhost/shop"
Bước 5: Chỉnh sửa thông tin của Shop Opencart
Truy cập bảng quản trị: "localhost/demos/admin"
Điền thông tin username/password
Đây là bảng quản trị

7. Bấm vào Menu "Hệ thống" -> "Cấu hình". Bấm vào nút "sửa" ở bên Phải
Thay đổi thông tin tổng quan:
Tên cửa hàng: khóa học Athena
Chủ cửa hàng: Nguyễn Anh Cương
Địa chỉ: 92 Nguyễn Đình Chiểu – dakao –q1- tp Hồ Chí Minh
Email: Nguyenanhcuong11ctci2@gmail.com
Điện thoại: 0967059708

8. Ở mục Cửa hàng:
Tiêu đề: Khóa Học Athena
Mô tả từ khóa Meta: Khóa Học Athena
Giao diện: default
Bốcục: Mặcđịnh
Chuyển qua thẻ Khuvực:
Quốc gia: Việt Nam
Tỉnh/ Thành: HồChí Minh

9. Chuyển qua thẻ "Thư"
Giao thức gửi thư: SMTP
Tham số thư: đểtrống
Máy chủ SMTP: ssl:smtp.gmail.com
Tài khoản SMTP: nguyenanhcuong11ctci2@gmail.com
Mậtkhẩu SMTP: 123456
Cổng SMTP: 445
Thời gian chờ: 10
Chuyển qua "Nút thanh toán"

10. Opencart hổ trợ thanh toán qua trung gian là Ngân Lượng và Bảo Kim. Bạn phải
đăng ký dịch vụ thanh toán trên trang chủ của NgânLượng (nganluong.vn) vàBảo
Kim (baokim.vn) để lấy các thông tin: Mã merchant, mật khẩu giao tiếp, tài khoản
nhận tiền!
--------------
Chuyển sang Thẻ "Hình"

11. Logo cửa hàng: Dùng để thay đổi Logo theo ý muốn
Bước 6: Tùy chỉnh Danh mục tin tức, sản tin tức.
Truy cập vào Menu "Nội Dung", "Danh mục". Bạn có thể thêm, xóa, hoặc chỉnh
sửa danh mục.

12. Bấm vào Menu "Nội Dung", "Tin Tức". Bạn có thể thêm, xóa, Sao chép, hoặc
chỉnh sửa thông tin của Tin Tức.
Bước 7: Tạo một danh mục tin tức.
Vào Menu "Nội Dung", "danh mục"
Bấm vào nút "Thêm" để tạo danh mụcTin Tức mới
Mục Tổng quan:
Tên danh mục: Danh Mục Khóa Học
Mô tả từ khóa: Tùy chọn
Từ khóa: Tùy chọn
Mô tả: Tùy chọn

13. Mục Dữ liệu
Chuyên mục: không
Cửa hàng: Mặc định
Từ khóa SEO: tùy chọn
Đánh vào nút lên trên
Hình: Bấm vào nút chọn tập tin
Bấm vào nút "Tải lên", tìm và tải ảnh lên. Chọn ảnh!

14. Chọn ảnh đã tải lên thành công.
Nhấn nút "Lưu" ->Hoàn thành
Bước 8: Tạo Tin Tức

15. Vào Menu "Nội Dung", "Tin Tức".
Nhấnnút "Thêm".
Tổng quan:
Tên tin tức : tên của tin tức bạn thêm
Mô tả từ khóa: tùy chọn
Từ khóa: tùy chọn

16. Mô tả: Thông tin về tin tức
Chuyển sang thẻ: Dữ liệu
Hình : chọn Đường Dẫn,Tải Lên để chọn hình cho tin tức
Qua mục liên kết
Chọn tên danh mục bạn muốn tin tức hiên thị
Sau đó nhấn lưu
Bước 9: Hiển thị nội dung ra trang chủ

17. Vào Menu "Phần mở rộng", "Mô-đun"
Trong đây có rất nhiều mod các bạn muốn cho trang web hiển thị ra mod nào thì
chỉ việc nhấn vào sủa rồi tùy chỉnh thông tin mình muốn hiển thị
Bước10: Chỉnh sửa Mod Hỗ trợ trực tuyến
Vào Menu "Phần mở rộng", "Mô-đun"

18. Dòng Hỗ trợ, bấm vào nút "Sửa"
Chỉnh sửa thông tin Yahoo ID, Số điện thoại. Bấm nút "Lưu"
Bước 12: Hiệu chỉnh Slide trình diễn quảng cáo đầu trang
Vào Menu "Côngcụ", "Liên kết, Slide, Banner"

19. Bấm vào Slide trang chủ, chọn "Sửa"

20. Tiêuđề:
Liên kết: Trỏ về website bất kỳ
Hình ảnh: Bấm "chọn hình", tải hình và chọn hình phù hợp.
Lưu ý: Ảnh chọn tải lên phải có kích thước Ngang: 920, Dọc: 342.
Có thể xóa bớt các Link
Bấm "Lưu" để hoàn thành.
Bấm "Xem cửa hàng" để xem kết quả
- thay đổi baner động cho trang web
- đầu tiên bạn cần sủ dụng phần mềm chỉnh sủa ảnh để tạo ra hình ảnh baner
cho mình sau đó hình phần mềm Flash Intro and Banner Maker deedr tạo

21. banner

22. sau đó copy phần cose HTML trong phần mềm vào file header
-
Tìm đến file header theo đường dẫn c://htdoc/demos/catalog /view
/theme/dafault/template/common

23. Tìm đến đoạn cose
<div id="header">
<?php if ($logo) { ?>
<div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo;
?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
<?php } ?>
<?php echo $language; ?>
<?php echo $currency; ?>
<?php echo $cart; ?>
<div id="search">
<div class="button-search"></div>
<?php if ($filter_name) { ?>
<input type="text" name="filter_name" value="<?php echo $filter_name; ?
>" />
<?php } else { ?>
<input type="text" name="filter_name" value="<?php echo $text_search; ?>"
onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
<?php } ?>
</div>
<div id="welcome">
<?php if (!$logged) { ?>
<?php echo $text_welcome; ?>
<?php } else { ?>
<?php echo $text_logged; ?>
<?php } ?>
</div>

24. <div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?
></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo
$text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo
$text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo
$text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo
$text_checkout; ?></a></div>
Thay thế bằng
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash
.cab#version=8,0,0,0" width="977" height="177">
<param name="movie" value="dfsa.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="dfsa.swf"
quality="high"
type="application/x-shockwave-flash"
WMODE="transparent"
width="977"
height="177"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
Luu lại và kiểm tra lại trang web
- thay đổi Backgroaund cho các mod tao làm như sau
nhấp vào chỗ cần thay, nhấn chuột phải chọn kiểm tra phần tử

25. Bạn sẽ thấy có 2 phần,một bên là HTML và một bên là CSS
Để thay đổi background bạn phải thay đổi css của trang web
Bên phải có tên của file cần sủa và vị trí sủa dòng mấy
Bạn vào đường dẫn sau
C://xampp/htdoc/demos catalog/view/theme/default/stylesheet
Sau khi chỉnh sủa bạn ra trang web nhấn phím f5 đê thay đổi trang web

26. -