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 ...
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/h...
- 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 MySQ...
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...
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 t...
Đâ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ị: "local...
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 A...
Ở 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 ...
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: nguyena...
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...
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 D...
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 ...
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 ti...
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
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
...
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...
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 n...
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 ...
Bấm vào Slide trang chủ, chọn "Sửa"
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 ...
banner
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 /vi...
Tìm đến đoạn cose
<div id="header">
<?php if ($logo) { ?>
<div id="logo"><a href="<?php echo $home; ?>"><img src="<?php ec...
<div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?
></a><a href="<?php echo $wishlist; ?>" id="wis...
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ả...
-
Upcoming SlideShare
Loading in …5
×

Baocao nguyenanhcuong

241 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
241
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Baocao nguyenanhcuong

  1. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 19. Bấm vào Slide trang chủ, chọn "Sửa"
  20. 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. 21. banner
  22. 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. 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. 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. 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. 26. -

×