Tự thiết kế website ảnh đẹp mắt chỉ với Notepad

Tạo một trang web hình ảnh dưới dạng Slideshow không còn là xa lạ với nhiều người. Đây là một cách hay để bạn lưu lại những khoảng khắc đáng nhớ và chia sẻ với mọi người. Bài viết sẽ hướng dẫn bạn cách tạo một trang web như vậy mà không cần phải cài đặt thêm chương trình nào khác ngoài việc sử dụng công cụ Notepad có sẵn trong Windows XP.
[You must be registered and logged in to see this image.]

Bước 1:

Bạn tạo một thư mục mang tên Album, rồi tạo thêm 3 thư mục con bên trong thư mục Album này lần lượt là: res, slides và thumbs.
[You must be registered and logged in to see this image.]
Thư mục Album gồm 3 thư mục con và 2 tập tin

Bước 2:

Bạn lưu 1 hình bất kì trong thư mục res với tên background.gif (có thể sử dụng tập tin ảnh tải về [You must be registered and logged in to see this link.]) để làm ảnh nền. Tải tập tin play.swf [You must be registered and logged in to see this link.], rồi cũng chép vào thư mục res.

Bạn chuyển những bức ảnh muốn tạo website về 2 kích thước là 798 x 600 và 65 x 49. Chép những bức ảnh có kích cỡ 798 x 600 vào thư mục slides, và chép những bức ảnh 65 x 49 vào thư mục thumbs.

Bước 3: Bạn mở Notepad lên và nhập vào đoạn mã trong [You must be registered and logged in to see this link.].

Tạo tập tin index.html

Trong đó, bạn nhập tên bất kì vào Tên Album.

Sau đó, vào File > chọn Save As… Chọn nơi lưu là thư mục Album đã tạo, rồi nhập index.html vào mục File Name > nhấn Save.

Bước 4: Bạn mở chương trình Notepad lên làn nữa, rồi nhập vào đoạn mã trong [You must be registered and logged in to see this link.].

Tạo tập tin slides.xml

Trong đó, bạn chú ý thay đổi các dữ liệu cho phù hợp.

Ví dụ:

tên_hình > Hinh.jpg
thông_tin_ảnh > Friendship
tên_hình_hiển_thị > Friendship

Khi đó, đoạn mã ví dụ sẽ [You must be registered and logged in to see this link.].

Nếu có nhiều hình thì bạn chỉ việc viết liên tiếp nhiều lần đoạn mã <slideNode … </slideNode> trên (sử dụng copy và paste cho nhanh nhé!), chú ý: cần thay đổi tên hình và số thứ tự của Image information 0. Bạn xem [You must be registered and logged in to see this link.] sau để hiếu thêm nhé!

Rồi vào File > Save As… > chọn nơi lưu là thư mục Album, và nhập slides.xml vào ô File Name > nhấn Save.

Xem thành quả nào!

Cuối cùng, bạn thử kích hoạt tập tin index.html để xem kết quả. Muốn chia sẻ với mọi người thì bạn Upload toàn bộ thư mục Album lên Hosting của mình, khi đó bạn sẽ có được một trang web dẫn đến Album này là [You must be registered and logged in to see this link.]. Bạn có thể xem thử một trang web đã tạo bằng cách trên tại [You must be registered and logged in to see this link.].

[You must be registered and logged in to see this link.]