Cái kho của thế giới mạng
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I)

Go down

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Empty Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I)

Bài gửi by designer pro Tue Apr 26, 2011 11:27 am

Hiện nay có rất nhiều bạn có nhu cầu học về lập trình web. Bài viết sau đây sẽ hướng dẫn bạn từ A đến Z các bước để có một website một cách rất nhanh chóng, mà kết quả nhìn vào sẽ thấy không kém phần chuyên nghiệp.
Phần 1: Tạo một server tại nhà(để thực hành nhanh gọn, không tốn kém)
Trước hết bạn phải cài đặt web server trên máy của mình (Bài viết minh họa trên Hệ điều hành Windows XP). Tôi sẽ hướng dẫn các bạn cài một web server cùng với một số công cụ hỗ trợ khác lên máy tính của mình.
+ Bước 1: Download:
-Download phần mềm: appserv-win32-2.5.10 (16M) theo địa chỉ sau:http://nchc.dl.sourceforge.net/project/appserv/AppServ%20Open%20Project/2.5.8/appserv-win32-2.5.8.exe
-Hoặc: http://prdownloads.sourceforge.net/appserv/appserv-win32-2.5.10.exe?download
-Hoặc vào địa chỉ sau để chọn version: http://www.appservnetwork.com/
+ Bước 2: Cài đặt:
-Sau khi download về máy chạy file “appserv-win32-2.5.8.exe”
[center]Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0017
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0026

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0035

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0045

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0054
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0063
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0072
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0082
[/center]
-Bạn nên khởi động lại máy.
+ Bước 3: Kiểm tra:
-Vào trình duyệt Internet Explorer hoặc Firefox nhập địa chỉ: http://localhost/
Màn hình hiện ra như sau là bạn đã cài đặt thành công.
[center]Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0092
[/center]
-Thư mục chứa website của bạn: C:/AppServ/www/
-Bạn vào thư mục www này xó bỏ file “ index.php ” đi.
(Thư mục www để bạn chứa code website của bạn sẽ được hướng dẫn tạo ở phần 2)

-----------------Bổ xung thêm bài viết vào lúc 10:34 PM -----------------

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần 2)


Sau khi tạo Server tại nhà thành công theo hướng dẫn của phần 1 bài viết, các bạn cần tạo website trên máy tính cá nhân theo hướng dẫn dưới đây:
Phần 2: Tạo website chuyên nghiệp trên máy tính của bạn
Trước khi xuất bản trang web lên mạng, bạn hãy tạo trên máy của bạn (localhost) trước. Mời các bạn tiếp tục làm theo hướng dẫn:
+ Bước 1: Download:
oBạn hãy download phần mềm tạo website của NUKEVIET:
http://nuke-viet.googlecode.com/files/nukeviet2rc4.zip
oHoặc vào đây: http://nukeviet.vn/vi/download/ để lựa chọn new version (hiện đang có NUKEVIET 3 sẽ hướng dẫn sau)
+ Bước 2: giải nén (Bằng Winrar)
oGiải nén được các thư mục sau: install_ manual, sql, changelog, upload
oMở thư mục “upload” và copy toàn bộ các thư mục và các file trong đó vào thư mục C:/AppServ/www/
+ Bước 3: Tạo cơ sở dữ liệu:
oMở trình duyệt (Internet Explorer hoặc Firefox) gõ địa chỉ: http://localhost/phpmyadmin/
Nhập User name: root (Mặc định là root)
Password: 123456 (Mật khẩu bạn nhớ ở phần 1)
[center]Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0102
Màn hình xuất hiện:

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image011
[/center]
Bạn đã tạo xong một cơ sở dữ liệu cụ thể:
-Host chứa CSDL: localhost
-Tên truy cập CSDL: root (Bạn ghi ra giấy những thứ này)
-Mật khẩu truy cập CSDL: 123456
-Tên CSDL: nuke2
+ Bước 4: Cài đặt:
oMở trình duyệt (Internet Explorer hoặc Firefox) gõ địa chỉ: http://localhost/ màn hình xuất hiện:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image012

Bấm: “Chuyển sang bước 2” xuất hiện
[center]Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image013

Chú ý: Điền thật chính xác (ghi ra giấy) rồi bấm “Bước 3”

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image014

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image015[/center]
oBạn hãy vào ổ C:/AppServ/www/ và xóa bỏ thư mục “install”
oBây giờ bạn gõ địa chỉ:http://localhost/
màn hình xuất hiện:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image016

Chúc mừng bạn đã cài thành công một website chuyên nghiệp để trang trí đẹp hơn, mời các bạn đọc các bài viết tiếp theo.
Để điều hành website này bạn hãy đăng nhập quản trị: http://localhost/admin
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image017
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image019

designer pro

Tổng số bài gửi : 203
Points : 589
Danh tiếng : 0
Join date : 23/03/2011

Về Đầu Trang Go down

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Empty Re: Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I)

Bài gửi by designer pro Tue Apr 26, 2011 11:27 am

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần 3)


Sau khi Phần 1 và Phần 2 của bài viết "Lập Website chuyên nghiệp chỉ trong 10 phút" nhận được nhiều phản hồi của bạn đọc. Tác giả xin giới thiệu tiếp Phần 3 của loạt bài viết này giúp "Hướng dẫn cài đặt NukeViet 3.0".
+ Bước 1: Download:
oBạn hãy download phần mềm tạo website của NUKEVIET:
http://nuke-viet.googlecode.com/files/NukeViet3RC3.rar
+ Bước 2: giải nén (Bằng Winrar)
oGiải nén được các thư mục sau:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0018 oTiếp tục giải nén thư mục Nukeviet3.0.11.zip ta được:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0027 oMở thư mục “NukeViet3.0.11” và copy toàn bộ các thư mục và các file trong đó vào thư mục C:/AppServ/www/
+ Bước 3: Tạo cơ sở dữ liệu:
oMở trình duyệt (Internet Explorer hoặc Firefox) gõ địa chỉ: http://localhost/phpmyadmin/
Nhập User name: root (Mặc định là root)
Password: 123456 (Mật khẩu bạn nhớ ở phần 1)
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0036 Màn hình xuất hiện:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0046 Bạn đã tạo xong một cơ sở dữ liệu cụ thể:
-Host chứa CSDL: localhost
-Tên truy cập CSDL: root (Bạn ghi ra giấy những thứ này)
-Mật khẩu truy cập CSDL: 123456
-Tên CSDL: nuke3
+ Bước 4: Cài đặt:
oMở trình duyệt (Internet Explorer hoặc Firefox) gõ địa chỉ: http://localhost/ màn hình xuất hiện:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0055

Chọn: Bước kế tiếp
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0064

Chọn: Bước kế tiếp
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0073

Chọn: Bước kế tiếp
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0083 Chọn: Bước kế tiếp
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0093

Điền thông tin:
-Tên Host: localhost
-Username: root (Bạn ghi ra giấy những thứ này)
-Mật khẩu: 123456
-Tên CSDL: nuke3
Chọn: "Thực hiện"
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0103

Điền thông tin
(Phần này để bạn đăng nhập quản trị nên bạn phải nhớ tên tài khoản ADMIN và Mật khẩu)
Chọn: Thực hiện
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0112

Chọn: Xem trang chủ sẽ có:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0122 Chọn: Đăng nhập quản trị (hoặc vào: http://localhost/admin)
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0132 Xuất hiện:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0142
Xuất hiện:
Chúc mừng bạn đã cài đặt thành công Nukeviet3.0 trên localhost.
Ở bài viết tiếp theo, tác giả sẽ giới thiệu tới bạn đọc phần hướng dẫn điều hành Website của bạn.

designer pro

Tổng số bài gửi : 203
Points : 589
Danh tiếng : 0
Join date : 23/03/2011

Về Đầu Trang Go down

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Empty Re: Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I)

Bài gửi by designer pro Tue Apr 26, 2011 11:28 am

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần 4)

Bài viết này hướng dẫn các bạn điều hành NUKEVIET 3.0 cho một Website “tin tức” phổ biến hiện nay. Sau khi cài đặt xong Nuke3.0 như hướng dẫn ở phần 3 ta được giao diện Website như bên dưới:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0019

Bây giờ ta bắt tay sửa sang đôi chút. Các bạn có thể mày mò và trang bị cho trang web trở lên “long lanh” hơn tùy vào khả năng và “gu” thẩm mỹ của mỗi người. Dưới đây là những hướng dẫn cơ bản.
Bước 1: Sửa banner và logo và thanh tiêu đề.
+ Tạo một banner, logo,h3.header (Hình) Bạn có thể dùng bất cứ một phần mền biên soạn ảnh để tạo một banner ví dụ như paint của mycrosoft có sẵn trong windows của bạn hoặc Photoshop tùy bạn.
+ Chú ý: + banner, logo,h3.header nên khớp nhau về mặt thẩm mỹ.
+ Bạn ghi ra giấy kích thước của banner, logo (vd 1130 x 291)


+ Tạo lấy ba tệp tin: header.jpg( cỡ 1024x200)
logo. gif (cỡ 200x200) (cỡ ảnh tùy bạn)
h3.header.jpg (cỡ 80x20)
+ copy ba tệp ảnh header.jpg, logo.gif h3.header.jpg đè vào ba tệp đó trong thư mục: C:\AppServ\www\themes\default\images
+ Bạn thử lại: http://localhost ok một số thứ đã thay đổi nhưng hình ảnh còn chưa theo ý muốn vì kích cỡ khác với thiết đặt ban đầu. Ta sẽ sửa tiếp nhé:
+ Bước 2: Sửa code (cũng không khó đâu):
+ Để sửa được code bạn nên có phần mền notepad++ (có thể dùng notepad của windows có sẵn)
+ Download và cài đặt notepad++ tại đây: http://download.tuxfamily.org/notepa....Installer.exe
+ Cài đặt Bấm Ok/Next/I agree/Next/Install/Finish Tắt bỏ cửa sổ notepad nhé.
+ và thư mục C:\AppServ\www\themes\default\css (sửa file: template.css)
Mở file template.css bằng notepad++ hình vẽ bên dưới:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0037
Cửa sổ Notepad++ như sau:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0047

Tìm đến dòng 18 và dòng 25 thay đổi thông sốphù hợp với kích thước của ảnh banner VD: hình vẽ
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0056

Tìm đến dòng 482 sửa: repeat–x thành no-reapet
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0065

Tìm đến dòng 417 (của span-13), thay đổi kích thước khu vực chính của trang web bạn thay đổi tăng lên 100, 50, 10 ... tùy vào việc bạn đã tăng chiều rộng trên dòng 18 là bao nhiêu. VD hình vẽ
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0074

Bạn thử lại: http://localhost ok một số thứ đã thay đổi thành công:


Đã đến lúc bắt tay vào cấu hình một trang web chuyên về tin tức online chuyên nghiệp mời các bạn đọc tiếp:
Bước 1: Tạo menu ngang với các đề mục theo ý mình:
Chọn: Đăng nhập quản trị (hoặc vào: http://localhost/admin)
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0094
Chọn: Đăng nhập quản trị , chon mục quả lý module.
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0104
Bỏ chọn các ô như hình vẽ dưới đây:
Chú ý: Không được bấm vào mục cài lại (tuyệt đối đấy nếu bấm một số thứ - bạn sẽ phải làm lại nhiều)
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0113
Tiếp tục chon mục “Sửa”
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0123

Sửa theo ý bạn:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0133

Tiếp tục bạn chọn: Thêm module ảo và cách thêm module ảo như hình vẽ:
(Phần này để thêm thành phần menu)
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0143
Dưới đây tôi thêm 3 module ảo cong-nghe, thethao, phapluat có module gốc là module News:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0152

Bạn chọn nút cài đặt và cài như sau:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0162
Tiếp tục vào mục: Cài đặt module và cài đặt tương tự các modul ảo còn lại.
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0172
Kết quả:

Bước 2: Thay đổi và thêm các chủ đề cho từng bộ phận trên thanh menu:

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image0192
Để làm được như vậy các bạn làm như sau:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image020
Xuất hiện:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image021
Tiếp tục thêm các chủ đề khác cho thành phần mới tạo trên menu. Làm tương tự như trên.
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image022

Ví dụ của tôi như sau:
Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Image023
Ta được trang chủ như sau:


Chúc các bạn làm được trang web ưng ý!

designer pro

Tổng số bài gửi : 203
Points : 589
Danh tiếng : 0
Join date : 23/03/2011

Về Đầu Trang Go down

Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I) Empty Re: Lập Website chuyên nghiệp chỉ trong 10 phút (Phần I)

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết