Tạo website bằng Dreamweaver và đưa lên Internet sử dụng free hosting
Trang 1Tạo website bằng Dreamweaver và ñưa lên Internet
sử dụng free hosting
(1/2009)
*
* *
1 ðăng ký một tài khoản free hosting
Truy cập trang web sau ñể ñăng ký dịch vụ web host miễn phí:
http://www.t35.com
Hình 1 – Giao diện của trang web http://www.t35.com
Chọn phần “FREE HOSTING PACKAGE” và ấn “Sign Up” ñể bắt ñầu ñăng
ký Giao diện trang ñăng ký như sau:
Hình 2 – Giao diện phần ñăng ký
Trang 2Ấn vào liên kết “Accept” ở phía dưới bên trái trong hình 2 Lưu ý rằng dãy số
trong ngoặc ñơn là ñịa chỉ IP của người ñăng ký Sau ñó màn hình sẽ chuyển sang trang ñiền thông tin của người ñăng ký
Hình 3 – Form ñể người ñăng ký ñiền thông tin
Bạn ñiền ñầy ñủ thông tin vào các trường trong form ñăng ký rồi ấn vào
“Proceed to the Next Page” Nếu mọi thông tin bạn ñiền ñược chấp nhận thì
bạn sẽ chuyển ñến một trang quảng cáo☺, bạn hãy ấn vào nút “SKIP” ñể bỏ qua phần quảng cáo này
Hình 4 – Giao diện quảng cáo, ấn “SKIP” ñể bỏ qua
Trang 3Tiếp theo bạn lại chuyển ñến một trang quảng cáo nữa☺, kéo thanh cuộn của
frame giữa xuống, sẽ thấy 2 nút “SUBMIT” và “SKIP”, bạn tiếp tục chọn
“SKIP” ñể bỏ qua phần quảng cáo
Hình 5 – Giao diện quảng cáo tiếp theo, ấn “SKIP” ñể bỏ qua
Lúc này bạn sẽ chuyển ñến một trang xác nhận rằng quá trình ñăng ký của bạn
ñã hoàn tất, một email xác nhận ñã ñược gửi ñến ñịa chỉ email của bạn
Hình 6 – Giao diện xác nhận quá trình ñăng ký ñã hoàn tất
Bây giờ bạn mở hộp thư ñiện tử của bạn ñể xem thông tin xác nhận ñăng ký của trang web http://www.t35.com ñã gửi ñến cho bạn Trong email ñó có một
số thông tin như username và password của bạn, ñặc biệt trong email sẽ có
Trang 4dòng yêu cầu bạn phải ấn vào một liên kết ñể kích hoạt tài khoản của bạn: “In order to activate your new account you will need to click on the link below…”
Bạn hãy ấn vào URL ñó Chỉ sau khi liên kết này ñược clicked, tài khoản của bạn mới có hiệu lực hoạt ñộng
Hình 7 – Email xác nhận ñã ñăng ký thành công
Sau khi bạn ấn vào liên kết kích hoạt tài khoản trong email, một cửa sổ mới sẽ
mở ra, lúc này bạn ñã hoàn tất mọi thủ tục ñăng ký và có thể sử dụng tài khoản của mình trên http://www.t35.com Giao diện trang xác nhận tài khoản của bạn
ñã ñược kích hoạt giống như hình 8 dưới ñây:
Hình 8 – Xác nhận mọi thủ tục ñăng ký ñã hoàn thành
Tiếp theo cần ñưa thử một vài trang HTML lên web host mà bạn vừa ñăng ký
Trang 52 ðưa website của bạn lên Internet
Mở phần mềm Dreamweaver 8, tạo một site mới bằng cách ấn vào
“Dreamweaver Site…” trong phần Create New Thiết lập các thông tin cho
website của bạn
- What would you like to name your site?: có thể ñiền tên của bạn
- What is the HTTP Address (URL) of your site?: ñiền ñúng ñịa chỉ
website vừa ñăng ký của bạn: http://ngohaianh.t35.com
Sau ñó ấn Next
Hình 9 – Thiết lập thông tin cho website của bạn bằng Dreamweaver 8
Tiếp theo, chọn sử dụng server technology như sau:
Hình 10 – Chọn sử dụng công nghệ PHP/MySQL
Trang 6Sau ñó chọn thư mục lưu các webpages trên máy cục bộ, chọn chế ñộ soạn thảo trên máy cục bộ rồi mới tải lên server như sau:
Hình 11 – Chọn chế ñộ soạn các trang web và tải lên server
Bước tiếp theo rất quan trọng là nhập ñúng thông số cho FTP (ñây là phương thức giúp bạn tải các trang web từ máy cục bộ lên server trên Internet): nhập ñúng các thông số mà bạn ñã ñăng ký trên trang http://www.t35.com (xem lại các bước ở hình 7, hình 8)
Hình 12 – Nhập thông số cho phương thức FTP
Trang 7Sau khi nhập các thông số của bạn, có thể kiểm tra ngay việc kết nối tới server
trên Internet bằng cách ấn vào nút “Test Connection” Nếu không có lỗi gì thì
sẽ xuất hiện một cửa sổ pop-up nhỏ báo kết nối thành công như sau:
Hình 13 – Thông báo kết nối tới server trên Internet thành công
Tiếp theo là ñiền ñịa chỉ HTTP cho website của bạn (là ñịa chỉ mà người dùng dùng trình duyệt web ñể truy cập)
Hình 14 – ðiền ñịa chỉ HTTP cho website của bạn
Trang 8Có thể kiểm tra ñịa chỉ website của bạn bằng cách ấn vào nút “Test URL”, nếu không có lỗi sẽ xuất hiện một cửa sổ pop-up nhỏ báo thành công “The URL Prefix test was successfully” như sau:
Hình 15 – Thông báo ñịa chỉ website của bạn hợp lệ
Màn hình tiếp theo bạn có thể tùy chọn một trong 2 lựa chọn Nếu muốn an
toàn bạn có thể chọn “Yes, enable check in and check out” ñể tránh trường hợp
có thể có 2 người cùng tác ñộng ñến website (trong trường hợp làm việc
nhóm) Hoặc bạn chọn “No, do not enable check in and check out” cũng không
sao☺ Sau ñó ấn Next
Hình 16 – Lựa chọn “No, do not enable check in and check out”
Trang 9ðến ñây các bước cần thiết ñã xong, Dreamweaver liệt kê lại các thông tin của website ñể bạn xem lại một lần nữa Khi ñã chắc chắn mọi thông tin mình vừa nhập là ñúng ñắn, bạn ấn nút Done
Hình 17 – Hoàn tất việc tạo website bằng Dreamweaver
Sau ñó bạn soạn một trang có nội dung tùy ý, lưu lại dưới tên index.htm ñể làm trang chủ cho website của bạn Trang index.htm bắt buộc phải có vì bất kỳ
website nào cũng phải có trang chủ (homepage)
Hình 18 – Tạo trang chủ index.htm cho website của bạn
Trang 10Sau ñó bạn sẽ ñưa trang index.htm lên server trên Internet bằng chức năng “Put File (s)”: ấn vào nút mũi tên hướng lên màu xanh ñậm
Hình 19 – Tải trang chủ index.htm lên server trên Internet
Sẽ xuất hiện thông báo hỏi bạn có muốn ñưa toàn bộ các files lên server
không? Bạn chọn OK
Hình 20 – ðưa toàn bộ các files lên server
Sẽ xuất hiện cửa sổ thông báo quá trình các files của bạn ñang ñược tải lên
server trên Internet (trường hợp này chỉ có 1 file index.htm ☺)
Hình 21 – Cửa sổ thông báo quá trình tải file lên server
Sau ñó bạn có thể xem tình trạng server trên Internet bằng cách chuyển từ chế
ñộ “Local view” sang chế ñộ “Remote view” Khi ñó sẽ xuất hiện một cửa sổ
pop-up nhỏ báo ñang kết nối tới server như hình 22, sau khi kết nối thành công
thì cửa sổ “Remote view” sẽ xuất hiện tệp index.htm vừa ñược tải lên thành
công như hình 23:
Hình 22 – Thông báo ñang kết nối tới server trên Internet
Trang 11Hình 23 – Chọn chế ñộ Remote view ñể xem tình trạng server trên Internet
Như vậy lúc này bạn ñã hoàn tất việc tạo một website trên Internet Mở trình duyệt web Internet Explorer hoặc Firefox và gõ vào ñịa chỉ website của bạn☺:
http://ngohaianh.t35.com
Nếu trên trình duyệt hiện ra nội dung của trang index.htm mà bạn ñã soạn bằng
Dreamweaver thì có nghĩa là mọi việc ñã thành công
Hình 24 – Website của bạn trên Internet Chúc mừng các bạn ñã tạo ñược một “ngôi nhà” cho mình trên Internet☺
Trang 12Lưu ý: khi bạn thoát khỏi Dreamweaver, có thể lần làm việc sau của bạn, khi thực hiện thao tác tải file lên server có thể không thành công, nguyên nhân là khi bạn thoát thì các thông số liên quan ñến username, password FTP của bạn
bị mất ñi, ñể tránh trường hợp này, bạn có thể lưu thông tin theo các sau:
Hình 25 – Vào Site Manage Sites Edit
Hình 26 – ðiền lại thông tin của bạn và nhớ ñánh dấu chọn Save
Như vậy mỗi phiên làm việc với Dreamweaver của bạn sẽ không phải mất thời gian nhập lại username, password nữa Tuy nhiên nên lưu ý ñến vấn ñề riêng tư nếu nhiều người cùng dùng chung một máy tính