Sự thành công của một website là mang lại lợi ích cao trong việc kinh doanh của bạn. Nhưng để có lợi ích thì website của bạn phải được nhiều người biết đến và thường xuyên thăm website. Để có được điều đó thì website cần những gì?
Điều đầu tiên mà chúng ta nhắc đến đó là việc thiết kế của bạn. Nếu khách hàng vào website của bạn mà cảm nhần thấy nó thiết kế xấu, màu sắc không hợp lí tạo ra ấn tượng xấu thì khách hàng sẽ chẳng vào thăm website của bạn nữa. Việc thiết kế website đẹp mang lại một nửa thành công của website, giúp thúc đẩy việc kinh doanh của website. Cũng như một tấm danh thiếp mang lại ấn tượng cho người sở hữu nó vậy.
Yếu tố đồ họa phải được tải cùng trang web và tải cùng với trang để thể hiện bố cục của trang web. Tất cả các yếu tố đồ họa nên được đặt cùng trong thư mục cùng tên là images hoặc là các hình ảnh. Sau đó thư mục images được copy hàng loạt trong trang html. Lúc này người liên quan trong thiết kế web chuyên nghiệp và phát triển web có thể nghĩ tới làm thế nào để bổ sung hình ảnh trong các trang web.
Chúng tôi sử dụng thuộc tính SRC để xác định vị trí nguồn ảnh. SRC là viết tắt của source là đường dẫn url của hình ảnh bạn muốn hiển thị trên trang. Nói một cách khác, thuộc tính src cho thấy vị trí của file. Đây là cách mà cú pháp của một ảnh được xác định có dạng: nơi url viết tắt cho vị trí của ảnh ( ví dụ: nơi mà hình ảnh được lưu trữ). Tuy nhiên bên cạnh thuộc tình này còn có các thuộc tính khác thế hiện cho tính năng bổ sung khác nhau có liên quan tới vị trí hình ảnh trên trang.
Thuộc tính tiếp theo cần quan tâm là thuộc tính align (căn chỉnh thẳng hàng) phục vụ việc căn chỉnh đồ họa trên trang của bạn. Thuộc tính này có giá trị là căn phải (right), căn trái(left), căn giữa( center). Bạn nên lưu ý rằng nếu thuộc tính align đã được sử dụng để căn chỉnh text cân xứng với các đồ họa trên trang đã được xác định thì bạn sẽ không được phép đặt tham số của text bao quanh hình ảnh. Thuộc tính align còn cho phép đặt text giữa hai ảnh đồ họa.
Trong trường hợp này các thẻ
tag mô tả hình ảnh sẽ được đặt trên đoạn text mà được đính kèm giữa chúng. Thuộc
tính ALT giúp để bổ sung thêm những lời chú dẫn nếu bộ duyệt web không thể tải
được các đồ hoạ trên trang web của bạn. Thuộc tính cao và rộng ( WIDTH &
HEIGHT) giúp để ấn định bề rộng và chiều cao của hình ảnh đang đưa vào. Tuy
nhiên, những thuộc tính này không được khuyến nghị sử dụng các hình ảnh trong định
dạng jpg vì ấn định giá trị không đúng có thể dẫn đến sự tổn hại về chất lượng
đồ hoạ. Bởi vậy trước khi chèn bất cứ đồ hoạ nào vào các trang trên website, bạn
nên hiệu chỉnh các thông số của nó bằng bất cứ trình biên tập đồ
hoạ nào.
Nếu khi nền trang không được như mong muốn thì bạn có thể đặt bất cứ nền đồ hoạ nào trên trang web của bạn bằng cách đưa ra thuộc tính nền (BACKGROUND) của thẻ tag BODY. Vì bộ duyệt web tự động đặt các ảnh được copy lấp đầy trang cho nên hình ảnh mà bạn sử dụng cho nền nên có cỡ nhỏ. Hãy luôn nhớ rằng trong lúc tạo nền đồ hoạ, bạn nên sử dụng nhiều các ảnh mang ấn tượng thu hút thị giác sao cho không ảnh hưởng tới việc đọc tin của khách hàng.
Ví dụ, việc đặt một đoạn text trên trang có nền con hổ sẽ dẫn đến mất đi sự tập trung vào nội dung của bạn bởi khi đó việc đọc tin sẽ hoàn toàn bị sao nhãng. Một ảnh đẹp nên được lặp lại nhiều lần sao cho trông chúng liền thành một khối mà không có sự phân cách hay đường gờ giữa các ảnh với nhau. Bạn đừng quên chú ý tới màu sắc và cỡ, phông chữ, nếu bạn muốn tạo được nền đồ hoạ thuận lợi nhất cho việc đọc tin.
Thuộc tính BORDER (đường viền) giúp những người thiết kế ấn định kích thước của khung xung quanh ảnh đồ hoạ. Những người thiết kế đồ hoạ web có kinh nghiệm khuyên dùng định dạng gif cho các nhân tố đồ họa trên website như các trình đơn (menu) và các banner còn đối với các ảnh nhiều màu sắc thì có định dạng jpg. Dù thế nào chăng nữa, bất kể bạn làm điều gì bạn hãy nhớ một thực tế rằng bạn đang tạo một thiết kế web chuyên nghiệp cho các khách hàng tiềm năng của bạn thì trang web đó nên được dễ dàng sử dụng ngay từ lúc thiết kế đồ hoạ và phát triển web.
Chúc bạn thành công!
0 comments:
Post a Comment