Bookmark và siêu liên kết

Một phần của tài liệu Giáo trình Thiết kế web (Nghề Lập trình máy tính): Phần 2 - Tổng cục dạy nghề (Trang 35 - 46)

I. Thuộc tính trang

8.5 Bookmark và siêu liên kết

Hyperlink là một kết nối từ một trang Web tới một vị trí khác trên World Wide Web. Đích của hyperlink thường là trang Web khác nhưng nó cũng có thể là một hình ảnh, một địa chỉ e-mail, một file multimedia, hoặc thậm chí là một chương trình.

Các loại siêu liên kết

Siêu liên kết thường được chia làm hai loại: siêu text (Hypertext) và siêu thông tin đa phương tiện (HyperMedia).

Trên Web browsers, Hypertext thường được thể hiện dưới dạng một chuỗi kí tự được gạch chân và có màu đặc biệt (thường có màu xanh lục). Hypermedia thường là các hình ảnh hoặc đoạn phim. Trơng hình thức các Hypermedia khơng có gì đặc biệt so với các ảnh khác nhưng khi người sử dụng đưa con trỏ chuột lên các Hypermedia này, trỏ chuột sẽ bị biến dạng (thường có hình bàn tay trỏ).

Khi người sử dụng kích vào một siêu liên kết tới một trang Web khác, Web browser sẽ tìm địa chỉ của trang Web này trên một server và hiển thị trên màn hình. Khi người sử dụng kích vào một hyperlink tới một file khác, Web browser sẽ tìm file trên server và mở nó trong cửa sổ ứng dụng tương thích. Ví dụ, hầu hết các browsers mở các file WAV trong ứng dụng sound-playback.

Khi một hyperlink được đặt trong một trang Web, đích của hyperlink được mã hố (encoded) như một Uniform Resource Locator (URL). URL cho địa chỉ của một file trên World Wide Web. Các dịch vụ Internet, ví dụ như FTP hoặc World Wide Web, sẽ điều khiển file này.

Bất kì một URL có thể là tuyệt đối hoặc tương đối. Một URL tuyệt đối là một địa chỉ Internet đầy đủ của một trang Web hoặc của một file bao gồm protocol, network location, đường dẫn và tên file. Ví dụ như http:// www.microsoft.com/news.htm là một URL tuyệt đối. Một URL tương đối được tính từ trang Web hiện thời chứa URL. Ví dụ như, nếu trong địa chỉ khơng chỉ rõ protocol, trình duyệt Web sẽ sử dụng protocol của trang hiện thời và nếu trong địa chỉ khơng chỉ rõ network location, trình duyệt Web sử dụng network location của trang hiện thời. Hầu hết các loại URL tương đối chỉ là một phần của đường dẫn và tên file chứ không chứa network location. Nếu trên một trang Web sử dụng URL tương đối để hyperlink với một trang khác và cả hai trang cùng được di chuyển đến server khác, thì hyperlink sẽ chỉ làm việc nếu vị trí tương đối của các trang được giữ nguyên trên server mới. Ví dụ, URL tương đối products.htm chỉ tới một trang trong cùng một folder với trang chứa hyperlink. Nếu cả hai trang cùng được di chuyển đến một folder trên server khác, thì URL vẫn đúng.

Khi có một hyperlinks tới một địa chỉ e-mail, sau khi người sử dụng kích vào e-mail hyperlink, Web browser sẽ nhắc nhở người dùng tạo một thông điệp và gửi thông điệp tới địa chỉ e-mail xác định.

Dùng FrontPage cho phép tạo hyperlinks mà không cần biết URL của trang Web hoặc file đích. Bạn có thể chỉ cần tìm FrontPage web hiện thời hoặc World Wide Web, hiện trang Web hoặc file đích và FrontPage Editor sẽ điền URL đúng.

FrontPage thực hiện các URL tương đối khi bạn tạo hyperlinks giữa các trang trong FrontPage web của mình. Nếu bạn đổi tên hoặc di chuyển một trang, FrontPage cập nhật tất cả các URLs tương đối trong FrontPage của bạn chỉ tới trang đó. Bằng cách đó, FrontPage tiết kiệm thời gian cho bạn và đảm bảo rằng Web site của bạn sẽ rất cơ động

Tạo các Text Link

Tạo text hyperlink từ FrontPage Explorer

Có thể tạo một text hyperlink từ một trang đang mở trong FrontPage Editor tới trang khác trong FrontPage web bằng cách sử dụng FrontPage Explorer.

1. Trong FrontPage Explorer, trong Folders, All Files, Navigation, hoặc Hyperlinks, chọn trang hoặc file mà bạn muốn tạo hyperlink tới nó bằng cách nhấn và giữ nút trái chuột.

2. Dùng chuột rê trang hoặc file từ FrontPage Explorer tới FrontPage Editor. Nếu cửa sổ FrontPage Editor đang ở trạng thái cực tiểu, hãy rê tới tiêu đề FrontPage Editor trên thanh Windows task bar, dừng một phút và FrontPage Editor sẽ được kích hoạt.

3. Chuyển con trỏ chuột tới dòng bạn muốn tạo hyperlink và thả nút trái chuột. FrontPage tạo một hyperlink tới trang hoặc file.

Tạo text hyperlink tới trang mới

Có thể tạo text hyperlink tới trang mới. Đầu tiên FrontPage tạo trang mới, sau đó tạo hyperlink tới nó.

Trong FrontPage Editor, chọn text sẽ làm hyperlink.

Chọn Insert/Hyperlink hoặc kích nút Create or Edit Hyperlink . Xuất hiện hộp hội thoại Create Link.

Hình 8.4.2: Tạo hyperlink cho text

Trong hộp hội thoại Create Hyperlink, nếu bạn muốn trang đích của hyperlink xuất hiện trong một frame của frameset, hãy chọn frame trong trường Target Frame. Kích nút New Page . Xuất hiện hộp hội thoại New.

Hình 8.4.3: Hộp thoại New Page

- Trong mục Page của hộp hội thoại New, chọn template để tạo trang mới.

- Để tạo trang mới và bổ sung các tác vụ (task) vào Task view của FrontPage

Explorer hãy kích vào Just add web task. - Kích OK.

Tạo text hyperlink tới một trang trên World Wide Web

1. Trong FrontPage Editor, chọn text sẽ làm hyperlink.

2. Chọn Insert/Hyperlink, hoặc kích nút Create or Edit Hyperlink.

3. Trong hộp hội thoại Create Hyperlink, kích nút World Wide Web . Trình duyệt Web trên máy của bạn xuất hiện.

4. Trong trình duyệt Web, chuyển tới trang hoặc file bạn muốn làm đích của hyperlink và nhấn tổ hợp phím ALT+TAB để chuyển về cửa sổ FrontPage Editor. Vị trí trang đích của bạn sẽ xuất hiện trong trường URL.

5. Nếu bạn muốn trang đích của hyperlink xuất hiện trong một frame của frameset, chọn frame trong trường Target Frame.

6. Kích OK.

Tạo text hyperlink tới trang hoặc file trong FrontPage web hiện thời

1. Trong FrontPage Editor, chọn text sẽ làm hyperlink.

2. Chọn Insert/Hyperlink, hoặc kích nút Create or Edit Hyperlink.

3. Trong hộp hội thoại Create Hyperlink, kích trang hoặc file để tạo đích cho hyperlink. Để xem nội dung của một folder, kích đúp vào nó.

4. Để kết nối với một bookmark trên trang bạn chọn, gõ tên bookmark trong trường

Bookmark. Có thể tạo hyperlink tới bookmark trên trang đang mở bằng cách

chọn trang và sau đó chọn bookmark của nó từ danh sách trong hộp hội thoại

Create Hyperlink.

5. Nếu muốn trang đích của hyperlink xuất hiện trong một frame của Frameset, chọn frame trong trường Target Frame.

6. Kích OK.

Tạo Picture Link

Tạo picture hyperlink tới một trang mới

Có thể tạo một picture hyperlink tới một trang mới. Lúc đầu FrontPage tạo trang mới và sau đó tạo hyperlink với nó.

1. Trong FrontPage Editor, kích ảnh để kích hoạt picture toolbar. 2. Để tạo một hotspot, làm một trong các việc sau:

Để tạo hotspot hình chữ nhật, kích nút Rectangle. Để tạo hotspot hình trịn, kích nút Circle.

Để tạo hotspot hình đa giác, kích nút Polygon. 3. Xuất hiện hộp hội thoại Create Hyperlink.

4. Trong hộp hội thoại Create Hyperlink, nếu muốn trang đích của hyperlink xuất hiện trong một frame của trang các frame (frames page), chọn frame trong trường Target Frame.

5. Kích nút New Page. Xuất hiện hộp hội thoại New.

6. Trong mục Page của hộp hội thoại New, chọn template hoặc wizard để tạo trang mới.

7. Để tạo trang mới và bổ sung một tác vụ vào Task view của FrontPage Explorer,

kích vào Just add web task. 8. Kích OK.

Nếu trang vừa tạo dựa theo một wizard, làm theo các bước hướng dẫn của wizard.

Tạo picture hyperlink tới một trang trên World Wide Web

1. Trong FrontPage Editor, kích ảnh để hiện picture toolbar.

2. Tạo một hotspot tương tự như trên. Xuất hiện hộp hội thoại Create Hyperlink. 3. Trong hộp hội thoại Create Hyperlink, kích nút World Wide Web. Trình duyệt

Web sẽ xuất hiện.

4. Trong trình duyệt Web, chuyển tới trang hoặc file bạn muốn làm đích cho hyperlink của mình và nhấn tổ hợp phím ALT+TAB để chuyển tới FrontPage Editor. Vị trí của trang đích sẽ xuất hiện trong trường URL.

5. Nếu muốn trang đích xuất hiện trong một frame của trang frames, chọn frame trong trường Target Frame.

6. Kích OK.

Tạo picture hyperlink tới trang hoặc file trong FrontPage web hiện thời

1. Trong FrontPage Editor, kích ảnh để hiện picture toolbar.

2. Tạo một hotspot tương tự như trên. Xuất hiện hộp hội thoại Create Hyperlink. 3. Trong hộp hội thoại Create Hyperlink, kích trang hoặc file làm đích cho hyperlink.

Nếu muốn xem nội dung của một folder, kích đúp vào nó.

4. Để kết nối với một bookmark trên trang bạn chọn, gõ tên của bookmark trong trường Bookmark. Có thể tạo hyperlink tới bookmark trên trang mở bằng cách chọn trang và sau đó chọn bookmark của nó từ danh sách trong hộp hội thoại

Create Hyperlink.

5. Nếu muốn trang đích của hyperlink xuất hiện trong frame của trang frames, chọn frame trong trường Target Frame.

6. Kích OK.

Thay đổi HyperText và Hypermedia

Lần theo follow text hyperlink trở về sau (forward)

Giữ phím CTRL và kích vào hyperlink, hoặc kích vào hyperlink và chọn Follow Hyperlink từ shortcut menu.

FrontPage Editor mở trang đích để sửa và kích hoạt nó. Nếu hyperlink chỉ tới một bookmark, FrontPage Editor sẽ cuộn tới bookmark này. Nếu trang đích khơng nằm trên FrontPage web hiện thời, FrontPage mở bản copy của trang đó. Bạn có thể lưu bản sao

này bao gồm tất cả các ảnh và các objects khác trên trang vào FrontPage web hiện thời hoặc vào một file.

Lần theo picture hyperlink về sau (forward)

Trong FrontPage Editor, chọn hotspot trong picture chứa hyperlink. Giữ CTRL và kích vào hotspot hoặc chọn Go/Follow Hyperlink.

Kết quả tương tự như trên.

Lần theo một hyperlink ngược về phía trước (backward)

Sau khi lần theo một hyperlink từ trang này tới trang khác hoặc tới một bookmark, bạn có thể lần theo hyperlink ngược về trang đầu. Khi bạn làm điều đó, FrontPage Editor cuộn tới trang để hiển thị nguồn của bất kì hyperlinks nào trên trang. Muốn làm việc đó, trong FrontPage Editor, kích nút Back .

Xoá và thay đổi các Hyperlink

Thay đổi text hyperlink

1. Trong FrontPage Editor, đặt trỏ chuột vào bất kì chỗ nào trên text chứa hyperlink hoặc chọn bất kì phần nào của hyperlink.

2. Để thay đổi text của hyperlink, sửa text trực tiếp.

3. Để thay đổi đích của hyperlink, chọn Edit/Hyperlink, hoặc kích nào nút Create or

Edit Hyperlink. Xuất hiện hộp hội thoại Edit Hyperlink.

4. Sửa hyperlink trong hộp hội thoại Edit Hyperlink.

Thay đổi picture hyperlink

1. Trong FrontPage Editor, chọn hotspot trong ảnh chứa hyperlink.

2. Chọn Edit/Hyperlink (CTRL + K) hoặc kích nút Create or Edit Hyperlink. 3. Sửa hyperlink trong hộp hội thoại Edit Hyperlink.

Xoá text hyperlink

1. Trong FrontPage Editor, đặt trỏ text lên hyperlink. Để xoá một phần text của text hyperlink, chọn các kí tự muốn xố.

2. Chọn Edit/Unlink. FrontPage Editor xố hyperlink, nhưng khơng xố text gắn với hyperlink.

Xoá picture hyperlink

1. Trong FrontPage Editor, chọn hotspot chứa hyperlink. 2. Nhấn phím DELETE.

Kiểm tra các hyperlinks

Trong cửa sổ FrontPage Explorer, chọn View/Hyperlink Status. Hyperlink Status view được kích hoạt và hiện trạng thái của từng hyperlink:

- OK có nghĩa là hyperlink tốt.

- Broken có nghĩa là hyperlink bị hỏng.

- Unknown có nghĩa là hyperlink ở ngồi và chưa được kiểm tra. Để kiểm tra hyperlink, chọn nó và chọn Verify trên shortcut menu.

- Added task có nghĩa là hyperlink hoặc bị hỏng hoặc chưa được kiểm tra, và task liên quan đã được bổ sung vào danh sách trên Tasks view.

Sau khi các Hyperlinks được kiểm tra, chúng giữ nguyên trạng thái cho đến khi FrontPage web bị đóng hoặc cho đến khi chúng được kiểm tra lần nữa trong khi web đang mở.

Trong Hyperlink Status view trong FrontPage Editor, chọn Tools/Verify Hyperlinks để kiểm tra. Để dừng kiểm tra, kích Stop.

Sửa một hyperlink hỏng

1. Một cách ngầm định, chỉ có các hyperlinks hỏng và tất cả các hyperlinks bên ngoài mới được hiển thị trong Hyperlinks Status view. Để hiện tất cả, chọn View/Show All Hyperlinks.

2. Kích hyperlink hỏng để chọn nó.

3. Trên shortcut menu, chọn Edit Hyperlink.

4. Trên trường Replace Hyperlink With , gõ URL đúng cho hyperlink. Đối với hyperlinks ngồi, kích Browse để mở trình duyệt Web và chuyển tới web site

cho URL đúng. Nhấn tổ hợp phím ALT+TAB để quay về FrontPage Explorer. URL đúng sẽ được bổ sung trong trường Replace Hyperlink With.

5. Chọn một trong các lựa chọn sau:

- Để sửa hyperlink hỏng trong FrontPage web hiện thời, chọn Change In All Pages. - Để sửa hyperlink trong tập hợp các trang được chọn, chọn Change in Selected

Pages, kích Replace.

Trạng thái của hyperlink biến thành Unknown nếu hyperlink với web bên ngoài, hoặc biến thành OK nếu hyperlink tới file trong FrontPage Web hiện thời.

Chú ý: để đảm bảo rằng hyperlink là tốt, hãy kiểm tra tất cả các hyperlinks một lần nữa

bằng cách kích Verify trên shortcut menu. Sắp đặt lại (recalculate) các hyperlinks

Sắp đặt lại các hyperlinks để cập nhật cách hiển thị FrontPage Explorer của FrontPage web hiện thời. Trong mơi trường nhiều tác giả, nó cho phép bạn xem những thay đổi gần nhất tới FrontPage web bởi các tác giả khác. Sắp đặt lại các hyperlinks cũng cập nhật text index được FrontPage Explorer duy trì.

1. Trong bất kì view nào của FrontPage Explorer, chọn Tools/Recalculate Hyperlinks. Xuất hiện thơng báo:

2. Kích nút Yes.

3. Chọn màu cho hyperlink

4. Có thể chọn màu cho tất cả các hyperlinks và active Hyperlink trên trang.

Chú ý: lệnh Background của thực đơn Format khơng được phép sử dụng nếu có một

khúc nhạc hiệu (theme) được áp dụng cho trang. Khi sử dụng các themes, màu của các hyperlinks được đặt tự động. Trong FrontPage Editor, chọn Format/Background.

- Màu của các hyperlinks trong trang hiện trong tuỳ chọn Hyperlink. - Màu của các active hyperlinks hiện trong tuỳ chọn Active Hyperlink . - Màu của visited hyperlinks hiện trong tuỳ chọn Visited Hyperlink.

Hình 8.4.5: Màu cho Hyperlink

Để đổi màu của hyperlink, chọn màu từ danh sách thả xuống (drop-down list) của

Hyperlink hoặc chọn Custom để định nghĩa màu mới.

Để đổi màu của của active Hyperlinks, chọn màu từ danh sách thả xuống (drop-down list) của Active Hyperlink hoặc chọn Custom để định nghĩa màu mới.

Để đổi màu của của Visited Hyperlinks, chọn màu từ danh sách thả xuống (drop-down list) của Visited Hyperlink hoặc chọn Custom để định nghĩa màu mới.

Kích OK.

Tạo e-mail hyperlink

Trong FrontPage Editor, chọn text sẽ làm hyperlink. Nếu bạn không chọn text, URL sẽ được chèn trên trang khi bạn tạo hyperlink.

1. Chọn Insert/Hyperlink, hoặc kích nút Create or Edit Hyperlink. 2. Trong hộp hội thoại Create Hyperlink, kích nút E-mail .

3. Trong hộp hội thoại Create E-mail Hyperlink, gõ địa chỉ e-mail bạn muốn sử dụng để gửi thư tới, sau đó kích OK.

4. Kích OK để đóng hộp hội thoại Create Hyperlink.

Tạo hyperlink tới file của Microsoft Word, Excel, hoặc PowerPoint

Import file của Microsoft Word, Excel, hoặc PowerPoint vào FrontPage web của bạn bằng cách sử dụng File/Import trong cửa sổ FrontPage Explorer.

Trong FrontPage Editor, tạo hyperlink tới file bằng cách sử dụng Insert/Hyperlink.

Khi người sử dụng lần theo (follows) hyperlink tới file của Microsoft Word, Excel, hoặc PowerPoint, trình duyệt Web sẽ mở ứng dụng hoặc viewer tương thích và hiện file. Trong một số trình duyệt Web, file được hiện trong cửa sổ trìng duyệt, cịn trong các trình duyệt web khác, nó hiện trong cửa sổ riêng biệt.

Khi hợp nhất file PowerPoint Animation (.PPZ) vào FrontPage web của bạn, bạn phải có điều khiển Microsoft PowerPoint Animation ActiveX được cài đặt trên máy tính của mình. Chèn Microsoft PowerPoint Animation ActiveX control vào trang bằng cách chọn Insert/Advanced/ActiveX Control. Sau khi gõ tên của control trong trường Pick A Control , kích Properties, và sau đó kích Add trong hộp hội thoại Object Parameter. Bổ sung "file" trong trường Name, chọn Page làm Value, và sau đó gõ tên của file PowerPoint Animation trong trường Page hoặc kích Browse để chọn file PowerPoint Animation.

Bookmark

Tạo Bookmark

1. Trong FrontPage Editor, chọn một hoặc nhiều kí tự của text. 2. Chọn Edit/Bookmark. Xuất hiện hộp hội thoại:

Hình 8.4.6: Bookmark

Trong trường Bookmark Name, gõ tên của bookmark hoặc chấp nhận tên do FrontPage gợi ý. Trong tên của bookmark cho phép gõ dấu cách.

3. Kích OK.

Tạo link với BookMark

Có thể tạo hyperlink tới một bookmark trong một trang mở, một trang trong FrontPage web hiện thời hoặc một trang trên World Wide Web.

2. Trong hộp hội thoại Create Hyperlink, làm một trong các việc sau:

- Để link với một bookmark trên trang đang mở hiện thời, chọn tên bookmark từ danh sách thả xuống của trường Bookmark.

Một phần của tài liệu Giáo trình Thiết kế web (Nghề Lập trình máy tính): Phần 2 - Tổng cục dạy nghề (Trang 35 - 46)