Trường THPT Xuân Lộc

Trường THPT Xuân Lộc - Đồng Nai
 
Trang ChínhTrang Chính  WebsiteWebsite  Tra CứuTra Cứu  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng Nhập  

Share|

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

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tác giảThông điệp
whitehat
SuperMod
SuperMod
avatar

Tổng số bài gửi : 313
Birthday : 28/08/1995
Cầm Tinh : Hợi
Age : 22
Ngày nhập học : 25/10/2010

Đến từ : Home
Job/hobbies : Student
Tài Sản Cá Nhân : Máy bay F22

Bài gửiTiêu đề: Tự thiết kế website ảnh đẹp mắt chỉ với Notepad Mon Dec 20, 2010 6:54 pm

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, slidesthumbs.
[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 60065 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.].
[You must be registered and logged in to see this image.]
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.].

[You must be registered and logged in to see this image.]
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.
[You must be registered and logged in to see this image.]
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.]


[You must be registered and logged in to see this image.]
Về Đầu Trang Go down
Xem thêm bài khác:

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

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
+ Viết tiếng việt có dấu để mọi người đọc được, để không bị hiểu sai ý nghĩa mình muốn diễn giải.
+ Lời lẽ phải lịch sự, không đuợc thô tục hay cải vã trong diễn đàn.
+ Nội dung bài trả lởi phải phù hợp với bài của chủ Topic, không được Spam.
+ Chia sẻ bài sưu tâm thì phải ghi rõ nguồn, để tôn trọng người viết.
+ Thực hiện những điều trên truớc khi gửi bài, là tôn trọng chính mình.

- Nếu chèn smilies vào bài viết thì bật a/A trên phải khung viết bài.

Permissions in this forum:Bạn không có quyền trả lời bài viết
Trường THPT Xuân Lộc :: GÓC CÔNG NGHỆ :: Thủ Thuật :: Tổng hợp-
Chuyển đến:
Loading...
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Create a blog
Web THPTXL