PDA

View Full Version : Thiết Kế Websites - Không khó như tưởng tượng (phần 3)



diaoc3mien.vn
23-07-2011, 20:11
iclick.vn (http://iclick.vn)
viet web (http://iclick.vn) | thiet ke web (http://iclick.vn) | thiet ke trang web (http://iclick.vn) | thiet ke website (http://iclick.vn) | cong ty thiet ke web (http://iclick.vn)
viết web (http://iclick.vn) | thiết kế web (http://iclick.vn) | thiết kế trang web (http://iclick.vn) | thiết kế website (http://iclick.vn) | công ty thiết kế web (http://iclick.vn)

Tạo Album ảnh trong Website

Bạn đừng lo lắng vì sợ chuyện đó là quá sức mình, hãy yên tâm vì chuyện tạo album ảnh trong website của mình rất đơn giản như… đang giỡn. Thật ra, album ảnh chỉ là một trang web gồm các ảnh thôi! Bây giờ, có rất nhiều chương trình giúp bạn tạo những album ảnh rất tiện lợi nhưng trong bài viết này cách đơn giản nhất, thủ công nhất sẽ được giới thiệu đến với bạn. Không cần phải biết nhiều tiếng Anh, không cần phải nặn óc suy nghĩ, hãy làm theo chỉ dẫn, bạn sẽ có album ảnh vừa ý trên trang web của mình!

1. Album ảnh trên website là gì? Như đã nói ở trên, thật ra, đó chỉ là các trang web chứa hình thôi, nhưng vấn đề ở đây là làm sao sắp xếp và trình bày album ảnh cho thật logic, tạo cho khách đến thăm trang web của bạn thoải mái.

Đây là mẫu đơn giản và chuẩn nhất: 1 album ảnh gồm 2 phần. Phần giới thiệu và phần ảnh.
Phần giới thiệu là 1 trang web (tạm gọi là trang web giới thiệu) gồm các “hình thu nhỏ” (tiếng Anh gọi là thumbnails) của các hình trong album.
Phần thứ 2 là các hình trong album ảnh. Và đây là phương thức hoạt động: ở trang web giới thiệu, người đọc được giới thiệu danh sách các hình trong album bằng các “hình thu nhỏ”. Họ sẽ click vào các “hình thu nhỏ” để xem các hình thực sự. QUÁ ĐƠN GIẢN!!!!

2. Tạo các “hình thu nhỏ” – thumnails: bạn phải nhờ tới phần mềm Easy Thumbnails 2.5. Đây là phần mềm giúp bạn biến các ảnh lớn của mình thành các ảnh nhỏ.
Sau khi download Easy Thumbnails, bạn khởi động nó lên và bắt đầu làm việc. Công việc thật ra chỉ là chọn hình và click nút Make để tạo các thumnails. Không còn gì đơn giản hơn.
Khi chọn hình, bạn nhìn qua màn hình bên phải, ở đó có 2 ô “Original Image” và “Preview output”. Bạn muốn xem trước “hình thu nhỏ” như thế nào, chỉ cần click vào ô “Preview output” là thấy ngay.
Nếu chưa hài lòng về kích thước hay màu sắc của thumnails, bạn vào SEasy Thumbnailstings để chỉnh sửa. Ở đây bạn có thể điều chỉnh chiều ngang, chiều dọc, độ phân giải, độ sáng, màu sắc, độ nghiêng và chất lượng của thumbnails. Một kinh nghiệm nhỏ: bạn chỉ cần chọn chất lượng thumnails (JPEG Output) khoảng 30-50% thôi, không cần phải nhiều vì suy cho cùng các thumnails chỉ là hình mẫu! Quan trọng hơn, bạn sẽ tiết kiệm được vài KB mỗi hình. Bạn còn có thể thu nhỏ một lúc nhiều file bằng cách chọn thư mục chứa các file ảnh và click nút “Make all”. Một điểm tiện lợi nhất của Easy Thumbnails là nó có thể xử lý nhiều dạng hình gốc như JPG, PNG, TIFF, ICO, PCX, GIF,…. File insatall Easy Thumnails nặng chưa đến 1MB, download tại: http://www.fookes.net/ftp/free/EzThmb_Setup.exe

3. Tạo trang web giới thiệu: khởi động Microsft Frontpage. Chọn new để mở 1 trang web mới. Sau đó, bạn chọn Table/draw table để vẽ một bảng gồm các dòng và cột. Sau đó, bạn click vào thumbnail và chọn hyperlink, trong ô URL, bạn chọn đường dẫn đến tấm ảnh thật sự. Và tới đây, bạn sẽ có 1 trang web giống giống trang web dưới đây của tôi:

Việc còn lại của bạn là chỉnh sửa và trang trí cho web site của mình.

Cuối cùng, bạn đã có 1 album ảnh trên website của mình. Khi khách vào xem, học click chuột vào ảnh nhỏ, một cửa sổ Internet Explorer mới hiện lên và khách sẽ thấy được tấm ảnh lớn.

Quá Đơn GIản! Hãy thử 1 lần rồi xem, bạn sẽ thích ngay mà !!!

Tạo nút bấm – Button cho trang web.

Các nút bấm – button là một phần không thể thiếu của 1 trang web. Chúng thật ra là những file ảnh có dạng giống 1 cái nút bấm được kết nối đến 1 trang web khác hay 1 file khác. Khi bạn nghĩ như thế thì tất cả lại trở lên hết sức đơn giản, như đang… ăn cháo + trứng gà vậy.(Bạn thôi nha, còn tôi thì…. Chúa ghét)
Có rất nhiều cách tạo ra các nút bấm như là tự vẽ bằng các phần mềm như Paint, Photoshop, Corel Draw hay Foto Canvas; sử dụng các chương trình tạo nút bấm như 1Cool Button. Hoặc bạn cũng có thể tìm kiếm tại 1 số website cung cấp mẫu sẵn.



xem thêm tại: thiết kế web (http://www.iclick.vn)