Download doc - Baocao nguyenanhcuong

Transcript
Page 1: Baocao nguyenanhcuong

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 Opencart1/ Cài đặt phần mềm XAMPP Control2/ 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

Page 2: Baocao nguyenanhcuong

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

Page 3: Baocao nguyenanhcuong

- 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: localhostTài khoản MySQL: rootMật khẩu: để trốngTên CSDL MySQL: demosTên tài khoản: adminMật khẩu: 123456Địa chỉ Email: [email protected]ấn "Tiếp tục" sau khi điền xong thông tin.

Page 4: Baocao nguyenanhcuong

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.

Page 5: Baocao nguyenanhcuong

Vào thư mục "C:\xampp\htdocs\Shop" 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"

Page 6: Baocao nguyenanhcuong

Đâ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ị

Page 7: Baocao nguyenanhcuong

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 AthenaChủ cửa hàng: Nguyễn Anh CươngĐịa chỉ: 92 Nguyễn Đình Chiểu – dakao –q1- tp Hồ Chí MinhEmail: [email protected]Điện thoại: 0967059708

Page 8: Baocao nguyenanhcuong

Ở mục Cửa hàng:Tiêu đề: Khóa Học AthenaMô tả từ khóa Meta: Khóa Học Athena Giao diện: defaultBốcục: Mặcđịnh

Chuyển qua thẻ Khuvực:Quốc gia: Việt NamTỉnh/ Thành: HồChí Minh

Page 9: Baocao nguyenanhcuong

Chuyển qua thẻ "Thư"Giao thức gửi thư: SMTPTham số thư: đểtrốngMáy chủ SMTP: ssl:smtp.gmail.comTài khoản SMTP: [email protected]ậtkhẩu SMTP: 123456Cổng SMTP: 445Thời gian chờ: 10

Chuyển qua "Nút thanh toán"

Page 10: Baocao nguyenanhcuong

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"

Page 11: Baocao nguyenanhcuong

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.

Page 12: Baocao nguyenanhcuong

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 dan h 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ọcMô tả từ khóa: Tùy chọnTừ khóa: Tùy chọnMô tả: Tùy chọn

Page 13: Baocao nguyenanhcuong

Mục Dữ liệuChuyên mục: khôngCửa hàng: Mặc địnhTừ khóa SEO: tùy chọnĐánh vào nút lên trênHì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!

Page 14: Baocao nguyenanhcuong

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

Page 15: Baocao nguyenanhcuong

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

Page 16: Baocao nguyenanhcuong

Mô tả: Thông tin về tin tứcChuyể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ủ

Page 17: Baocao nguyenanhcuong

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"

Page 18: Baocao nguyenanhcuong

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"

Page 19: Baocao nguyenanhcuong

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

Page 20: Baocao nguyenanhcuong

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 LinkBấ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

Page 21: Baocao nguyenanhcuong

banner

Page 22: Baocao nguyenanhcuong

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

Page 23: Baocao nguyenanhcuong

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>

Page 24: Baocao nguyenanhcuong

<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ư saunhấp vào chỗ cần thay, nhấn chuột phải chọn kiểm tra phần tử

Page 25: Baocao nguyenanhcuong

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ấyBạn vào đường dẫn sauC://xampp/htdoc/demos catalog/view/theme/default/stylesheetSau khi chỉnh sủa bạn ra trang web nhấn phím f5 đê thay đổi trang web

Page 26: Baocao nguyenanhcuong

-