Tạo website bằng Dreamweaver và đưa lên Internet sử dụng free hosting

Tạo website bằng Dreamweaver và đưa lên Internet sử dụng free hosting

Biên soạn: Ngô Hải Anh Liên hệ: http://www.ngohaianh.info Trang 1/12 Tạ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ý Biên soạn: Ngô Hải Anh Liên hệ: http://www.ngohaianh.info Trang 2/12 Ấ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 Biên soạn: Ngô Hải Anh Liên hệ: http://www.ngohaianh.info Trang 3/12 Tiế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ó Biên soạn: Ngô Hải Anh Liên hệ: http://www.ngohaianh.info Trang 4/12 dò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ý. Biên soạn: Ngô Hải Anh Liên hệ: http://www.ngohaianh.info Trang 5/12 2. ðư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 Biên soạn: Ngô Hải Anh Liên hệ: http://www.ngohaianh.info Trang 6/12 Sau ñó 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 Biên soạn: Ngô Hải Anh Liên hệ: http://www.ngohaianh.info Trang 7/12 Sau 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 Biên soạn: Ngô Hải Anh Liên hệ: http://www.ngohaianh.info Trang 8/12 Có 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” Biên soạn: Ngô Hải Anh Liên hệ: http://www.ngohaianh.info Trang 9/12 ðế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 Biên soạn: Ngô Hải Anh Liên hệ: http://www.ngohaianh.info Trang 10/12 Sau ñó 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 [...]... ñ 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 ñã... trên Internet Trang 11/12 Biên so n: Ngô H i Anh Liên h : http://www.ngohaianh.info Lư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... 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 Trang 12/12 . http://www.ngohaianh.info Trang 1/12 Tạ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 ñể. 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. một vài trang HTML lên web host mà bạn vừa ñăng ký. Biên soạn: Ngô Hải Anh Liên hệ: http://www.ngohaianh.info Trang 5/12 2. ðưa website của bạn lên Internet Mở phần mềm Dreamweaver 8, tạo