Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Học thiết kế website miễn phí - chỉ cần 30' có ngay một website bán hàng chuyên nghiệp

Không cần bất cứ một kiến thức lập trình nào bạn cũng có thể tự thiết kế cho mình một website chuyên nghiệp trong vòng 30 phút. Bạn có tin không?

Điều đó hoàn toàn là sự thật vì với sự hỗ trợ của một loạt những mã nguồn mở Pro trên Internet như hiện nay, cho dù bạn mù tịt về công nghệ thì cũng tự tay có thể dựng lên cho mình một website đẹp mắt. Nhưng điều quan trọng dành cho bạn là sự ham học hỏi.

page này, không nằm ngoài mục đích giúp bạn tự thiết kế cho mình website ưng ý, thôi thì cứ gọi nó là khóa học thiết kế website miễn phí nhé!

Mình sẽ chia thành 2 phần, phần I sẽ giúp bạn tự thiết kế website bán hàng Online, cái này đưa lên hàng đầu vì web bán hàng sẽ làm đầy túi tiền của bạn.

*PHẦN MỞ ĐẦU – WEBSITE LÀ GÌ? *

Nói đến từ website thì ai cũng biết, nhưng để hiểu sâu về cấu trúc và hệ thống của nó thì… không phải ai cũng nói được.

Đơn giản như đan rổ… hiểu website được cấu tạo bởi các phần sau nhá:
Thứ 1: Tên miền: Ví dụ như abc.com, abc.net cái này thì ai cũng biết rồi. Bao gồm tên miền miễn phí như .tk, và tên miền mất phí như: .vn, .com, .net,.com.vn,…..

Dưới đây là một vài nhà cung cấp tên miền miễn phí nhé: http://codotvu.com/ , http://www.freedomain.co.nr/ , http://www.dotfree.com/ , http://www.dot.tk/vi/index.html

Thứ 2: Cơ sở dữ liệu (còn gọi là database) + mã nguồn website của bạn (còn gọi là code) , hình dáng, chức năng của website ra sao chính là do cái “thứ 2” này quyết định đây.

Thứ 3: Hosting: Đây là cái “thùng” để chứa cái “Thứ 2” của bạn. Cũng có hosting free cho bạn thí dụ như:
http://byethost.com/index.php/free-hosting , http://www.000webhost.com/, https://www.freehosting.com/ …
Có tên miền + hosting miễn phí tuy nhiên với website bán hàng, mình không khuyến khích các bạn dùng nó nhá, vì… đơn giản nó có thể die bất cứ lúc nào, hoặc có chèn quảng cáo trên website của bạn, làm cho khách hàng của bạn khó chịu à tác dụng ngược lại khách hàng sẽ bỏ đi…

*CHƯƠNG I – CÀI ĐẶT CÔNG CỤ CẦN THIẾT*

1. CÀI ĐẶT Locahost – HOSTING TRÊN MÁY TÍNH

Để có thể tự tay thiết kế website, trước tiên bạn bạn cần phải có cái tên miền và hosting chứ? Nhưng bạn đang học thiết kế web, chưa muốn đăng ký tên miền hosting thì phải làm sao đây… đừng vội hoang mang, đơn giản là bạn có thể thiết kế website ngay chính trên cái máy tính của mình. Biến cái máy tính của bạn thành Hosting… Kỳ diệu không? Theo dân IT(Công nghệ thông tin) thì người ta gọi cái này là Localhost.

Làm thế nào để tạo được Localhost, tất nhiên là phải dùng phần mềm rồi, tớ thì hay dùng cái Vertrigo. Nên sẽ hướng dẫn cho các đằng ấy dùng cái này nhé. Trước tiên vào đây download em nó về cái đã:

http://vertrigo.sourceforge.net/ kích vào chữ Get Laste Version ấy hoặc vào đây để tải trực tiếp:
http://sourceforge.net/projects/ver...go_230.exe/download?use_mirror=jaist&download=
Sau khi tải về xong thì cài file của bạn là Vertrigo_abc.exe (abc là số phiên bản ví dụ như: 230) , rồi công việc đơn giản của bạn là kích đúp vào nó để cài đặt:

chọn ngôn ngữ english -> Next -> I Agree -> Next ->Install -> Sau 30 giây, ta có ngay một Localhost rồi đó.
Mỗi khi khởi động VertrigoServ nó hiện lên cái bảng: thì bạn nhấn vào Hide this window and start Server

2. CÀI ĐẶT MACROMEDIA DREAMWARE- PM CHỈNH SỬA CODE WEB

Như vậy là đã lo xong phần hosting cho bạn. rồi bây giờ hãy tải phần mềm Macromedia Dreamware nhé. Phần mềm này dùng để chỉnh sửa Mã nguồn website (code) của bạn.
Download tại đây: http://sinhvienit.net/forum/phan-mem-macromedia-dreamweaver-8-0-direct-link.29239.html
Sau khi tải xong bạn làm theo các bước sau:
Bước 1: Mở thư mục chứa bộ cài Dremweaver 8 –> Nháy đúp vào tệp chương trình Dremweaver8-en.exe
Bước 2: Chọn Next để tiếp tục
Bước 3: Chọn I accept the terms in the license agreement –> Chọn Next
Bước 4: Chọn các vị trí chứa Shortcut –> Chọn Next
Bước 5: Chọn Install
Bước 6: Chọn Lunch Macromedia Dreamweaver 8 –> Chọn Finish
Bước 7: Chọn Designer hoặc Coder –> Chọn OK
Bước 8: Chọn I have a serial number and want to active Macromedia Dreamweaver –> Chọn Continue
Bước 9: Gõ Serial number (WPD800-57533-91832-61682) vào các ô –> Chọn Continue
Bước 10: Điền các thông tin về người dùng –> chọn Remind Later
Như vậy là bạn đã có 2 công cụ là Localhost để chứa code website và Dreamware để chỉnh sửa code website theo ý bạn.

Bây giờ tiến hành thiết kế website nào^^

I. Tự thiết kế website bán hàng chỉ trong vòng 30 phút

Như đã nói ở trên, mình sẽ hướng dẫn các bạn tự tay dựng một website bán hàng hoàn toàn free, và tất nhiên đó là cách sử dụng mã nguồn mở (Open Soucres).
Trên mạng hiện nay có rất nhiều mã nguồn mở giúp bạn tạo một website bán hàng một cách nhanh chóng, từ những mã nguồn đơn giản cho đến phức tạp.
Trên fanpage này mình sẽ hướng dẫn các bạn lần lượt thiết kế website bán hàng sử dụng các mã nguồn mở pro từ đơn giản đến nâng cao như sau:

1. Ecshop : Mã nguồn này có ưu điểm là đơn giản, dễ tùy chỉnh nhưng nhược điểm là của Tàu khựa ^^…
2. Opencart: Nhiều giao diện đẹp mắt, tùy chỉnh hơi khó chút
3. Magento: Như số 2, tủy chỉnh thì hơi khoai (nhưng mình khoái dùng anh này nhất)
4. Prestashop: Như số 3, tùy chỉnh thì khoai miễn chê L nhưng được cái hỗ trợ seo thì kinh điển rồi L

Phần I. Thiết kế website bán hàng với mã nguồn Ecshop

I. Cài đặt và cấu hình website Ecshop

Trước tiên hãy bật Vertrigo của bạn lên bằng cách kích vào biểu tượng của Vertrigo trên desktop hoặc vào Start-> All Programs -> Vertrigo ->VertrigoServ
Hiện lên cái bảng thì nhấn vào “Hide this windows and star server” sau khi nhấn nếu ở góc dưới tay phải của màn hình hiện lên biểu tượng màu xanh + thì là localhost đang chạy bạn nhé!
Tiếp tục mở trình duyệt của bạn ra, mình thì hay dùng Firefox gõ http://localhost/ vào rồi nhấn Enter -> hiển thị như hình:
Thì kích vào PhpMyAdmin chuyển đến trang login, bạn đăng nhập bằng:
User: root, pass: vertrigo
chuyển đến trang như hình:
Kích vào tab Database để tạo một cơ sở dữ liệu mới cho website của bạn.
Hình:
Phần Create New database điền tên database của bạn, ví dụ như: demo
phần Collation : chọn utf8-general_ci sau đó nhấn Create
Sau khi hoàn thành tên database của bạn sẽ hiển thị bên phía tay trái.
Giờ bạn đã có Localhost, hãy download code ecshop vê cài đã, tải về tại đây: http://www.mediafire.com/download/93e6oc52eaz6q3k/Ecshop.rar
Sau khi tải về giải nén bạn được 2 file: Code.rar (đây là code website) và data.gz (đây là cơ sở dữ liệu của website)

a.Import cơ sở dữ liệu

Sau khi có file data.gz bạn trở lại trang: http://localhost/phpmyadmin
Đăng nhập lại với user: root, pass: vertrigo nếu hệ thống yêu cầu.
Bạn sẽ thấy tên database mà mình vừa tạo ra lúc này ở phía cột bên tay trái, trong trường hợp này của mình tên database là “demo”. Hãy kích vào tên database “demo” này. Bạn sẽ được dẫn tới trang chi tiết của nó. -> nhấp vào Import ->tại “Browse your computer:” chọn “duyệt” tìm đến file data.gz mà bạn vừa down về và giải nén ở trên sau đó kéo xuống phía dưới và nhấn “Go” để tiến hành import dữ liệu vào database Demo.
Sau khi import thành công bạn sẽ nhận được thông báo là :”Import has been successfully finished, 844 queries executed. (data.gz)”

b.up mã nguồn của website lên localhost

Khi bạn download và giải nén được file Code.rar , đây chính là code của website. vậy up file này vào đâu?
bạn hãy tìm đến đường dẫn sau: vào Mycomputer -> chọn ổ C -> Program Files ->VertrigoServ ->www tại thư mục www bạn hãy tạo một thư mục con, tên gì tùy bạn, còn mình sẽ tạo là “demo”
mở thư mục “demo” ra, copy và giải nén file Code.rar vào thư mục này. Ta sẽ được một loạt các thư mục và các file code của website.

Bây giờ bạn hãy gõ thử: http://localhost/demo/ lên trình duyệt…
1..2..3 và chờ đợi – Oke done bạn đã có một website bán hàng rồi.

Nếu gặp thông báo là: “ECSHOP info: Can't Connect MySQL Server(localhost)! ”
điều này có nghĩ là nó chưa kết nối được tới database demo của bạn tạo ở trên. Vậy làm thế nào để kết nối?
tại thư mục demo của code website. bạn tìm đến thư mục “data” -> tìm đến file “config.php” chuột phải và file noày và Open With với Dreamware8
hãy thay đổi các dòng thành như sau:
// database host
$db_host = "localhost";
// database name
$db_name = "demo";
// database username
$db_user = "root";
// database password
$db_pass = "vertrigo";

Trong phần tiếp theo mình sẽ hướng dẫn cho bạn quản trị và tủy chỉnh giao diện theo ý của bạn bao gồm:
- Tìm hiểu về hệ thống quản trị
- Tìm hiểu về hệ thống cấu trúc website và các chỉnh sửa giao diện theo ý muốn.

Còn tiếp…
Chúc các bạn thành công!

Sưu tầm...

Mẹ nào làm được thì up ảnh chụp cho các mẹ khác xem nha!

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

hịc. Em thực sự là chả hiểu làm thế nào tự tạo được website sau khi đọc bài này... em nghĩ người có chuyên môn chắc nhìn cái này cũng há mồm khi nói 30" tạo đc 1 website.
Vì những ngời học chuyên môn mà có website sẵn họ chỉnh sửa cũng 2 tuần

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Lưu ý: Bài viết ko dành cho những người đầu óc ngắn và chỉ biết ăn sẵn

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Mình muốn trích những cm khen cho topic cũng còn chưa làm đc đây..... Hu huhu mò mẫm mãi chưa vỡ !!!!!

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Sao bạn nặng lời thế.... Mình vừa gõ mấy dòng có gì ngu ngơ bỏ qua nhé!

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

he hehe, cháu có thể giúp cô vụ này được đấy cô ạ!
Đơn giản lắm ạ, khi nào rảnh, cô alo cháu cháu hướng dẫn cô làm!

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Đánh dấu, Hôm nào rảnh sẽ mầy mò ạ

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Topic hữu ích. Em đánh dấu để tự thiết kế web cho riêng mình ^^!

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Ồ em làm được rồi nè, hi hihi, cám ơn mẹ nó, cảm giác tự làm rất tuyệt hihi:

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Mẹ nó ơi đơn giản lắm hehehe, cứ làm theo từng bước, đọc qua một lượt đầu tiên rồi cứ bắt tay vào làm theo từng bước. Chứ đọc để mà nhớ sau mà làm thì ko được đâu.

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Đánh dấu mày mò học tập mới dc thanks chủ top

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Chủ thớt ơi post nốt phần nữa đi hehehe, đang hóng quá, khi nào mới có phần hướng dẫn quản trị ạ

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

nghe có vẻ đơn giản nhỉ hihihi nhà iem ít sản phẩm quá k biết làm web cso hiệu quả k

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Cũng tùy thuộc vào cách phát triển và quảng bá website của bạn thôi bạn ạ, nếu tập trung cho nó thì hiệu quả mang đến là rất lớn!

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

có ebook ko bạn, cho mình xin với. email hienvanbui@gmail.com

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

Thật sự là chả hiểu gì. Đọc vài cũng chẳng thay đổi được gì. Hic.

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

em cũng đang mòn muốn có dc 1 cái wed bán hàng mà đã làm nhiều cách khác nhau vẫn chưa dc mình làm theo cách của bạn xem thế nào có gì không biết mn chỉ giúp em nhá.em cảm ơn mn trước,

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn miễn phí

E đánh dấu nhé ạ.phaiir mầy mò thôi ^^

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn

Cái này hay quá, em phải đánh dấu vào mới được. hi.hi

 

Ðề: Tự thiết kế cho mình một website bán hàng trong vòng 30' - Hoàn toàn

Mình có 1 cách cũng nhanh mà đơn giản hơn nhưng cơ mà ở đây không dám qua mặt chủ thớt vì chắc thớt cũng là một tay "chơi" trong nghề này. Nói ra lại thành múa rìu qua mắt thợ