Đang tải... (xem toàn văn)
Siêu liên kết cho phép người truy cập có thể duyệt từ trang web này đến trang web khác. Để biết rõ hơn về nội dung chi tiết, mời các bạn cùng tham khảo. Siêu liên kết cho phép người truy cập có thể duyệt từ trang web này đến trang web khác. Để biết rõ hơn về nội dung chi tiết, mời các bạn cùng tham khảo.
C02: SIÊU LIÊN KẾT-HÌNH ẢNH Nguyen Ho Minh Duc SIÊU LIÊN KẾT GIỚI THIỆU SIÊU LIÊN KẾT Siêu liên kết cho phép người truy cập duyệt từ trang web đến trang web khác Một liên kết gồm phần: – Nguồn: chứa nội dung hiển thị người dùng truy cập đến, trang web khác, đoạn film, hình ảnh hộp thoại để gữi mail… – Nhãn: dịng văn hình ảnh để người dùng click vào muốn truy cập đến liên kết, nhãn văn thường gạch – Đích đến (target): xác định vị trí để nguồn hiển thị CÁC LOẠI LIÊN KẾT – Internal Hyperlink:(Liên kết trong) liên kết với phần tài liệu liên kết trang web site – External Hyperlink (Liên kết ngoài) liên kết với trang web site khác TẠO SIÊU LIÊN KẾT – Cú pháp: URL: Địa trang liên kết Nhãn: Có thể dịng text hình ảnh button Internal & External links - - – Dùng URL tương đối để liên kết đến trang website Ví dụ: – Dùng URL tuyệt đối để liên kết đến trang website khác Ví dụ: LIÊN KẾT ĐẾN CÁC PHẦN TRONG CÙNG TRANG Nếu nội dung trang dài nên tạo Bookmark để xem, người dùng click vào bookmark để nhảy đến phần cụ thể trang đó: gồm bước – Tạo BookMark: – Tạo liên kết đến Bookmark: Ví dụ LIÊN KẾT VỚI BOOKMARK CỦA TRANG KHÁC Cú pháp: Ví dụ: Trang main.htm LIÊN KẾT ĐẾN HỘP THƯ Cú pháp: Ví dụ: 10 • Nên tạo thích cho liên kết giúp người đọc biết trang cần tới • Nên dùng màu thống cho tất liên kết • Khi link không tới trang html mà tới tài liệu Word, Excel, PDF bạn nên tạo biểu tượng bên cạnh link • Đừng tạo link tới trang xây dựng 11 Các loại ảnh : – – – Ảnh Gif (Graphics Interchange Format): sử dụng phổ biến tài liệu HTML, dễ chuyển tải, kết nối sử dụng MODEM tốc độ chậm, hổ trợ 256 màu GIF Các file GIF định dạng không phụ thuộc phần Ảnh JPEG (Joint PhotoGraphic Expert Group) có phần mở rộng JPG, loại ảnh nén thông tin, nghĩa ảnh sau bị nén không giống ảnh gốc Tuy nhiên, trình phát lại ảnh rõ gần ảnh gốc JPEG hỗ trợ 16 triệu màu thường sử dụng cho ảnh có màu thực Ảnh PNG (Portable Network Graphics) nén không liệu 12 Hình ảnh trang web Chèn hình ảnh Cú pháp: URL: thường sử dụng địa tương đối – Nếu hình chứa thư mục images tập tin htm chứa thư mục html địa hình chèn có dạng – Nếu hình tập tin html chứa thư mục địa hình chèn có dạng: 13 Hình ảnh trang web Ví dụ: 14 Hình ảnh trang web Các thuộc tính ảnh: a) Dàn văn quanh hình ảnh: Ví dụ :hình nằm bên trái văn Ví dụ :hình nằm bên phải văn 15 Hình ảnh trang web Chặn văn bao quanh hình: Canh lề dàn văn xung quanh ảnh tác động đến tất văn sau khơng chèn vào dịng kẽ đặc biệt Thuộc tính CLEAR tag BR làm cho văn khơng bắt đầu lề cụ thể khơng bị xóa (nghĩa cạnh ảnh) – Cú pháp: – : Ngăn chặn văn dàn bên lề phải ảnh – : Ngăn chặn văn dàn bên lề trái ảnh – : Ngăn chặn văn dàn hai bên lề ảnh 16 Hình ảnh trang web Thêm khoảng trống xung quanh ảnh Nếu không muốn văn dàn xung quanh lề trái ảnh ta thêm khoảng trắng xung quanh ảnh • Cú pháp: – – HSPACE=n: Khoảng trắng tính pixel thêm vào bên phải bên trái ảnh VSPACE=m: Khoảng trắng tính pixel thêm vào bên bên ảnh 17 Hình ảnh trang web Canh lề cho ảnh: Có thể canh lề cho ảnh so với dòng văn đọan – Cú pháp: – Direction: gồm giá trị: top, bottom, middle, texttop 18 Hình ảnh trang web Dùng ảnh làm liên kết: Có thể dùng hình ảnh để tạo liên kết đến trang khác, có ảnh lớn, bạn tạo ảnh nhỏ biểu tượng cho để hiển thị nhanh chóng trang web, sau tạo liên kết để đưa người truy cập đến ảnh có kích thước thật Cú pháp: 19 Hình ảnh trang web Bản đồ ảnh: Bản đồ ảnh ảnh trang web chia làm nhiều vùng, vùng click vào liên kết đến địa URL Cách tạo:Trước hết phải chèn vào trang ảnh đặt nhãn cho ảnh 20 Hình ảnh trang web Trong đó: Label: tên đồ ảnh Type: hình dạng vùng ảnh, gồm loại: Rect: Vùng hình chữ nhật Circle: Vùng hình trịn Poly: Vùng hình đa giác Coords:toạ độ đỉnhcủa hình Rect: (x1, y1, x2, y2) toạ độ đỉnh chéo vùng hình CN Circle: (x, y, r) toạ độ tâm bán kính vùng hình trịn Poly: (x1, y1, x2, y2, x3, y3, …) đỉnh vùng hình đa giác 21 Siêu liên kết Ví dụ: 22 Siêu liên kết Hình : Trong hầu hết trang web thường sử dụng màu, với mục đích làm bật nội dung trang Tuy nhiên sử dụng hình ảnh để làm thuộc tính BACKGROUND thẻ BODY 23 ... LOẠI LIÊN KẾT – Internal Hyperlink: (Liên kết trong) liên kết với phần tài liệu liên kết trang web site – External Hyperlink (Liên kết ngoài) liên kết với trang web site khác TẠO SIÊU LIÊN KẾT...SIÊU LIÊN KẾT GIỚI THIỆU SIÊU LIÊN KẾT Siêu liên kết cho phép người truy cập duyệt từ trang web đến trang web khác Một liên kết gồm phần: – Nguồn: chứa nội dung... địa hình chèn có dạng – Nếu hình tập tin html chứa thư mục địa hình chèn có dạng: 13 Hình ảnh trang web Ví dụ: 14 Hình ảnh trang web Các thuộc tính ảnh: a) Dàn văn quanh hình ảnh: Ví dụ :hình