Làm việc với Frame

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 68 - 73)

I. Thuộc tính trang

3. Chọn checkbox Use Background Picture và sau đó kích Browse để mở hộp hội thoại Select Background Picture Chọn các thông số sau:

8.9 Làm việc với Frame

Tập các Frame chia màn hình trình duyệt Web thành những vùng riêng biệt, mỗi vùng trong đó có thể hiển thị một trang Web nào đó và được gọi là một frame. Một nhóm các frame được gọi là trang frame. Trang frame là một trang Web đặc biệt định nghĩa kích thước và vị trí của mỗi frame trên đó.

Chẳng hạn, ta có thể có một trang frame rất đơn giản chứa hai frame: một hiển thị trang chứa các liên kết, và frame còn lại hiển thị trang mà liên kết chỉ đến. Mỗi khi người sử dụng kích chuột vào liên kết trong frame thứ nhất, trang này chỉ tới trang được liên kết và nó được hiển thị tại frame thứ hai. Trang frame không thực sự chứa bất kỳ nội dung nào của trang, nó chỉ chứa các liên kết đến các trang sẽ xuất hiện tại các frame mà thơi. Hình 8.8.4: Tạo Frame Trang chứa liên kết Trang chứa liên kết Trang hiển thị liên kết chỉ đến Trang hiển thị liên kết chỉ đến

Tạo trang frame

1. Tại FrontPage Editor, thực hiện lệnh File/New.

2. Tại hộp hội thoại New, chọn Frames, chọn mẫu trang Frame mà bạn muốn.

Hình 8.8.5:Hộp thoại New Frame

Mẫu frame được hiển thị tại hộp Preview và đặc tả của mẫu hiển thị tại Description. 3. Kích nút OK. Trang frame được tạo như dưới đây:

Hình 8.8.6:Trang Frame khởi tạo

- Set Initial Page: Kích vào nút này để chọn một trang đã có xuất hiện trên frame

tại hộp hội thoại Create HyperLink.

- New Page: Kích vào đây để tạo một trang mới xuất hiện trên frame hiện thời.

Nhấn Frames và chọn mẫu Frame có sẵn

Đặc tả trang khởi tạo cho một frame

- Nếu trang khởi tạo của frame chưa được tạo, kích nút Set Initial Page như đã nói ở trên.

- Nếu trang khởi tạo đã có, thực hiện lệnh Frame/Set Initial Page để chọn một trang là trang khởi tạo.

Cất trang frame

Hình 8.8.7: Cất trang Frame - Tại màn hình trang frame, thực hiện lệnh File/Save.

- Với những trang nằm trong frame chưa được cất, FrontPage yêu cầu bạn ghi lại nội dung của nó với dấu hiệu: trang được cất nằm trong frame nào cần phải ghi thì frame đó được đánh dấu bằng màu xanh.

- Sau đó, bạn được yêu cầu ghi trang frame khi dấu hiệu chuyển sang dạng viền tồn bộ màn hình frame (được mơ tả tại hộp hội thoại).

Dấu hiệu trang thuộc frame này cần ghi lại: frame có màu

Hình 8.8.8: Chọn trang ghi frame

Thay đổi bố cục của frame – Chia nhỏ frame – Xóa frame

Từ mẫu frame đã có, bạn có thể tự thiết kế lấy cho mình một bố cục của trang frame bằng cách ngăn các frame thành các frame con trong đó, hoặc xố bớt đi những frame không cần thiết.

Để ngăn frame, thực hiện các bước sau

- Tại frame muốn ngăn, thực hiện lệnh Frame/Split Frame.

Hình 8.8.9: Chia Frame - Split into columns: Chia frame theo cột.

- Split into rows: Chia frame theo hàng.

- Kích OK. Để xóa một frame

Tại FrontPage Editor, chọn frame muốn xoá và thực hiện lệnh Frame/Delete Frame.

Đường viền xung quanh – dấu hiệu cần ghi trang frame

Chia frame hiện thời theo 2 hàng hoặc 2 cột

Thuộc tính của frame

Tại frame muốn thay đổi thuộc tính, thực hiện lệnh Frame/Frame Properties. Xuất hiện hộp hội thoại Frame Properties.

- Name: Tên của frame, được dùng để thiết lập đích trong liên kết. Ban đầu, hộp Name được gán tên mặc định bởi FrontPage Editor.

- Options: Phần này thiết lập frame có thay đổi kích thước và có hay khơng có

thanh cuộn frame hay khơng.

- Resizable in Browser: Cho phép người sử dụng thay đổi kích thước.

- Show Scrollbars: Lựa chọn khả năng xuất hiện thanh cuộn frame:

If Needed: Hiển thị thanh cuộn nếu dữ liệu của trang lớn hơn vùng hiển thị

của frame.

Never: Không xuất hiện thanh cuộn. Always: Luôn xuất hiện thanh cuộn.

- Frame Size: Đặc tả chiều cao và chiều rộng của frame tại Width và Row Height.

Tuy nhiên, bạn có thể thay đổi kích thước của frame bằng cách rê chuột trên đường viền của frame ở chế độ view Normal của FrontPage Editor.

Kiểu giá trị của đặc tả này gồm 3 loại:

- Relative: Tính tương đối với các frame cùng cạnh theo chiều cao hoặc chiều rộng. - Percent: Tính tương đối % theo chiều cao và chiều rộng của màn hình trình

duyệt Web.

- Pixels: Tính chính xác bằng đơn vị điểm.

- Margins: Đặc tả lề của frame tính bằng điểm, với Width là lề trái và lề phải, Height là lề trên và dưới.

- Initial Page: Đặc tả trang khởi tạo của frame hiện thời. Gõ URL của trang hoặc

kích vào nút Browse để chọn trang khởi tạo mới.

Thay đổi khoảng cách giữa các frame

1. Thực hiện lệnh Frame/Frame Page Properties.

2. Chọn Frames, vào giá trị khoảng cách giữa các frame tại Frames Spacing. Khoảng cách này được tính bằng điểm, giá trị ngầm định là 2 pixels.

Tạo viền cho frame

1. Thực hiện lệnh Frame/Frame Page Properties. 2. Chọn Frames, kích Show Borders.

Tạo liên kết từ một frame và hiển thị đích liên kết trên một frame khác

Tại frame chứa liên kết, thực hiện lệnh Insert/Hyperlink.

Tại hộp hội thoại Create Hyperlink, chọn trang muốn liên kết đến. Kích vào nút Target Name để chọn đích cho liên kết.

Hình 8.8.10:Tạo liên kết cho Frame

Current Frames Page: Đây là vùng hiển thị bản đồ của trang frame. Để gán một đích

frame cho liên kết, kích vào frame trên bản đồ. Tên của frame sẽ hiển thị trên hộp

Target Setting.

Common Targets: Đây là những đích của frame đã được định nghĩa trước và được trình

duyệt hiểu. Bạn có thể chọn một trong các đích frame sau: - Page Default: Đích mặc định cho trang hiện thời.

- Whole Page: Thiết lập frame đích của liên kết tới tồn bộ cửa sổ Web.

- Same Frame: Thiết lập đích frame của liên kết tới cùng frame chứa liên kết.

- New Window: Đặc tả đích liên kết là một cửa sổ trình duyệt Web mới.

- Parent Frame: Đặc tả đích liên kết là trang chứa tập frame hiện thời.

- Target Setting: Nếu bạn chọn frame đích trong Current Frames Page hoặc Common Target, trường này hiển thị tên của đích frame được chọn. Bạn có thể

gõ tên của đích trực tiếp vào đây.

- Make Default for Hyperlinks on the Page: Kích vào lựa chọn này nếu bạn muốn tạo

frame đích được chọn là mặc định cho mọi liên kết trong trang đang kích hoạ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 68 - 73)