Hover là sự thay đổi của một phần tử trên màn hình mỗi khi có “con chuột” trỏ đến nó (Mouse over).

Những sự thay đổi này thường liên quan đến các yếu tố hình ảnh. Thông thường bạn sẽ thấy các mouse over đơn giản như trỏ qua một link liên kết, tuy nhiên có một số mouse over phức tạp hơn bao gồm các menu điều hướng ẩn, thay đổi trạng thái hình ảnh hay các danh sách cuộn…

Gamma NT

Favicon là một hình ảnh – biểu tượng (icon) bên cạnh địa chỉ trang web (URL) trên thanh địa chỉ (Address) trên trình duyệt của bạn.

Favicon có kích thước khoảng 16×16 pixel. Mỗi Website đều có thể có Favicon của riêng mình. Những icon nhỏ này cũng sẽ xuất hiện trong lịch sử tìm kiếm, Bookmaps, hay trên thanh Tab của trình duyệt và các biểu tượng trên Desktop.

Lợi ích của Favicon

Favicon tuy nhỏ nhưng mang lại rất nhiều lợi ích cho website của chúng ta, có thể kể đến một vài ích lợi tiêu biểu như:

• Favicon là một cách giúp người truy cập dễ dàng nhận biết trang web, nó cũng như một logo của trang web, làm cho website của bạn nổi bật, khác biệt giữa muôn vàn site khác.

• Favicon là công cụ xây dựng thương hiệu mạnh, nó có thể giúp xếp hạng website của bạn tốt hơn trong các công cụ tìm kiếm. Cũng giống như một logo và hay tên miền, Favicon thường là các hình ảnh biểu trưng cho website của bạn, giúp khách hàng biết tới bạn.

• Trên các trình duyệt hỗ trợ thẻ Tab, như Firefox, Google Chrome, và đa số các trình duyệt thông dụng khác, Favicon giúp người sử dụng xác định nhanh tab nào đang mở website nào.

GammaNT

CSS là viết tắt của cụm từ “Cascading Style Sheet” là ngôn ngữ đang được sử dụng rất nhiều trong lập trình web, có thể nói CSS ra đời đã tạo nên một cuộc cách mạng. Nó là một bộ quy tắc để xác định Websites hiển thị các yếu tố như thế nào. CSS dùng để thiết lập cho các phần tử HTML, chỉ một thay đổi nhỏ trên CSS đều làm tất cả các phần tử khác thay đổi.

CSS hoạt động để thiết lập các thông số cho các yếu tố như Headers, Body hoặc vị trí Fonts chữ, kích thước, màu sắc và các giá trị khác được thiết lập ở mỗi thẻ HTML tương ứng được sử dụng.

CSS có các thể loại thông dụng như sau:

• Background: CSS tùy chỉnh hình nền
• Text: CSS tùy chỉnh cách hiển thị đoạn text
• Font: CSS tùy chỉnh kích thước, kiểu chữ
• Link: CSS tùy chỉnh link
• List: CSS tùy chỉnh danh sách
• Table: CSS tùy chỉnh bảng
• Box model: Mô hình box model kết hợp padding, margin, border.

…

Gamma NT

Khi bạn thiết kế trình bày tài liệu trong một trang bạn sẽ phải bố trí sắp xếp tiêu đề ở đâu, màu sắc gì, các đoạn văn bản ở chỗ nào, ảnh đặt ở đâu, khoảng cách giữa các đoạn tài liệu là bao nhiêu, chân trang và đầu trang bố tri thế nào? Layout hay còn gọi là bố cục trình bày tài liệu.

Khi thiết kế người thiết kế đồ họa sẽ dựa vào thông tin được yêu cầu trình bày sẽ chủ động bố trí quay ngang quay phải quay trái, lật qua lật lại, sắp xếp cho hợp lý, như chơi trò chơi xếp hình vậy, công việc này cũng rất tốn thời gian và công sức, nhiều khi chữ nhiều quá, hay chỉ có ảnh mà không có chữ, hay chỉ có ảnh không, nên thiết kế phải nhào nặn nắn bóp trình bày làm sao cho hợp lý và mỹ thuật. Đối với những thông tin dài như tạp chí hay catalog, người ta thường thiết kế bố cục layout đồng nhất xuyên suốt từ đầu đến cuối. VD như các hình ảnh, màu sắc, khoảng cách chân trang, số trang, cỡ chữ…

Layout trong thiết kế web

Một Layout thường được bố trí các phần sau:

• Main: Phân vùng chứa toàn bộ nội dung của trang.
• Head: Phân vùng chứa nội dung đầu tiên của trang (theo VD trên đó là phần logo + banner)
• Head-link: Phân vùng chứa các liên kết đầu trang (ở VD trên: Home, Students, Course, v.v.)
• Left: Phân vùng chứa các nội dung bên trái (ở VD trên là các liên kết trái)
• Content: Phân vùng chứa các nội dung chính của trang (ở VD trên là các phân vùng thông tin như: Hot news, Photo Slide, News 1, v.v.)
• Right: Phân vùng chứa các thông tin bên phải trang (ở VD trên là lịch, biểu đồ, bản đồ)
• Footer: Phân vùng chứa các thông tin cuối trang (ở VD trên là thông tin về chủ sở hữu và các liên kết)

(ST)