Làm việc với bảng

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 58 - 65)

I. Thuộc tính trang

8.8 Làm việc với bảng

Bảng là tập hợp các hàng và các cột trên trang có thể chứa text, ảnh, forms, ActiveX controls, hoặc các phần tử của FrontPage. Có thể dùng các tables đê sắp đặt dữ liệu một cách có hệ thống hoặc tổ chức cách trình bày dữ liệu trên một trang. Table cho phép trình bày text theo từng paragraphs hoặc sắp đặt text bên cạnh đồ hoạ.

Có thể tạo nhanh table bằng lệnh Draw Table. Sau khi tạo xong một table, có thể tuỳ biến nó bằng cách chèn thêm hàng, cột, thay đổi kích thước của ơ và chèn thêm lời chú thích. Bạn có thể chuyển text thành table và ngược lại.

Khi gõ text trong một ô hoặc khi chèn text, các ảnh, các forms, v.v..., ô được tự động mở rộng theo chiều ngang và chiều dọc để thích hợp với nội dung được gõ hoặc được chèn trong nó. Bạn có thể sửa, định dạng và chỉ định các thuộc tính cho text hoặc các phần tử được chèn trong ơ. Bạn có thể dễ dàng thay đổi kích thước của ơ, cột, hàng hoặc cả bảng bằng cách dùng chuột rê các đường viền.

Tạo Table

- Trong FrontPage Editor, chuyển trỏ text tới vị trí cần tạo bảng.

- Kích nút Insert Table trên standard toolbar, sau đó rê chuột cho tới khi FrontPage hiện số hàng và cột bạn muốn.

- Để tạo nhanh table với các hàng và cột không bằng nhau, hãy làm theo các bước sau:

1. Trong FrontPage Editor, di chuyển trỏ text tới vị trí muốn tạo bảng. 2. Chọn Table/Draw Table hoặc kích nút Draw Table trên table toolbar. 3. Rê chuột để vẽ viền xung quang bảng.

4. Vẽ các đường dọc và ngang trong bảng.

5. Kích nút Eraser trên table toolbar để xố bất kì đường nào bạn muốn.

Tạo bảng trong bảng khác

- Trong FrontPage Editor, di chuyển trỏ text tới vị trí muốn tạo bảng. - Chọn Table/Insert Table. Xuất hiện hộp hội thoại:

- Chọn kích thước (size), cách sắp đặt (layout) và độ rộng (width) của bảng, sau đó kích OK.

Thuộc tính của table

Để đặt thuộc tính của một bảng khi tạo nó hãy làm theo các bước sau:

Chú ý: bất cứ lúc nào bạn chỉ định thuộc tính bảng mới, nó sẽ trở thành thuộc tính

ngầm định và xuất hiện khi bạn tạo bảng mới sau đó.

1. Trong FrontPage Editor, di chuyển trỏ text tới vị trí muốn tạo bảng. 2. Chọn Table/Insert Table.

3. Vào số hàng trong trường Rows 4. Vào số cột trong trường Columns .

5. Trong trường Alignment, chọn vị trí của bảng.

6. Trong trường Border Size, vào độ rộng cho đường viền theo đơn vị điểm (pixels). 7. Để thay đổi phần đệm của ô (cell padding), vào số trong trường Cell Padding. 8. Để thay đổi khoảng cách giữa các ô, vào số trong trường Cell Spacing.

9. Để thay đổi độ rộng bảng, làm một trong các việc sau: - Chọn Pixels, gõ độ rộng của bảng theo pixels.

- Chọn Percent, gõ số phần trăm so với độ rộng của màn hình. 10.Kích OK.

Điều chỉnh bảng

Chọn cả bảng hoặc một phần của nó

- Chọn một ơ: nhấn ALT và kích chuột trong ơ hoặc kích đúp chuột tại phần đệm trái của ô hoặc đặt trỏ text trong ô và chọn Table/Select Cell.

- Chọn nhiều ô liên tục: nhấn SHIFT và kích chuột. - Chọn nhiều ơ rời rạc: nhấn CTRL và kích chuột.

- Chọn hàng: di chuyển trỏ chuột tới bên trái hàng và kích chuột. Để chọn nhiều hàng, rê chuột qua các hàng. Hoặc đặt trỏ text trong hàng và chọn Table/Select

Row.

- Chọn cột: di chuyển trỏ chuột tới đỉnh cột và kích chuột. Để chọn nhiều cột, rê chuột dọc theo đỉnh các cột. Hoặc đặt trỏ text trong cột và chọn Table => Select

Column.

- Chọn cả bảng: di chuyển trỏ chuột tới thanh chọn và kích đúp chuột. Hoặc đặt trỏ text trong một ơ và chọn Table/Select Table.

- Chọn chú giải (caption) của bảng: chuyển trỏ chuột tới bên trái của caption bảng và kích chuột.

Chèn một ơ

Sau khi tạo bảng, có thể chèn thêm các ô nếu cần. FrontPage chèn các ô theo các quy tắc sau:

- Khi trỏ text nằm ở đầu ô chứa text, ảnh hoặc form, ô được chèn nằm bên trái ô chứa trỏ text.

- Khi trỏ text nằm bên phải bất kì text, ảnh hoặc form, ô được chèn nằm bên phải text, ảnh hoặc form đó.

- Trong FrontPage Editor, chuyển trỏ text vào một ô theo quy tắc trên. - Chọn Table/Insert Cell.

Chèn hàng hoặc cột

Sau khi tạo bảng, có thể chèn thêm hàng hoặc cột nếu cần. Để chèn hàng và cột nhanh, hãy làm như sau:

1. Trong FrontPage Editor, chọn số hàng hoặc số cột cần chèn.

2. Để chèn hàng nằm trên hàng được chọn, kích trên table toolbar hoặc chọn Insert

Rows từ shortcut menu. Để chèn cột bên trái cột được chọn, kích trên table

toolbar hoặc chọn Insert Columns trên shortcut menu.

Để linh hoạt hơn trong việc chèn thêm hàng, cột, hãy làm như sau:

3. Trong FrontPage Editor, chọn hàng hoặc cột. 4. Chọn Table/Insert Rows hoặc Columns. 5. Chọn Columns hoặc Rows.

6. Vào số hàng hoặc số cột muốn chèn. 7. Vào vị trí muốn chèn hàng hoặc cột. 8. Kích OK.

Phân tách ơ

Có thể phân tách các ô thành cột hoặc hàng.

1. Trong FrontPage Editor, chuyển trỏ text vào trong ô muốn phân tách hoặc chọn một nhóm ơ bất kì.

2. Kích trên table toolbar hoặc chọn Split Cells từ shortcut menu. 3. Chọn Split into Columns hoặc Split into Rows.

4. Trong trường Number of Columns hoặc Number of Rows, vào số cột hoặc số hàng cần thiết.

5. Kích OK.

Trộn các ơ

Lệnh này chỉ được thực hiện khi chọn hai ô trở lên và chọn các ơ theo hình chữ nhật.

1. Trong FrontPage Editor, chọn hàng, cột hoặc các ơ.

2. Kích trên table toolbar hoặc chọn Merge Cells từ shortcut menu.

Dãn ô

1. Trong FrontPage Editor, chuyển trỏ text vào một ô hoặc chọn hàng hoặc chọn cột. Sau đó chọn Table/Cell Properties. Xuất hiện hộp hội thoại:

Hình 8.8.2:Dãn ơ

2. Trong trường Number of Rows Spanned, vào số hàng bạn dãn ô (span). 3. Trong trường Number of Columns Spanned, vào số cột bạn muốn dãn (span). 4. Kích OK.

Thay đổi kích thước bảng

- Có thể thay đổi nhanh kích thước bảng bằng cách dùng chuột rê các đường viền đáy và phải tới kích thước cần thiết.

- Trong hộp hội thoại Table Properties cũng có thể thay đổi kích thước bằng cách chọn độ rộng, độ cao hoặc cả hai. Kích thước bảng có thể được thay đổi theo pixels hoặc theo tỉ lệ phần trăm so với kích thước cửa sổ. Nếu bảng được thay đổi kích thước theo pixels, kích thước của nó giữ ngun khơng đổi so với kích thước cửa sổ chứa nó. Ngược lại, Nếu kích thước của bảng được thay đổi theo tỉ lệ phần trăm so với kích thước cửa sổ chứa nó, sẽ phụ thuộc vào kích thước cửa sổ hiện thời. Nếu một bảng khơng có độ rộng xác định, các trình duyệt Web sẽ thay đổi kích thước của bảng cho vừa khít với nội dung trong các ơ của bảng. 1. Trong FrontPage Editor, chuyển trỏ text vào trong bảng.

Hình 8.8.3:Thay đổi kích thước bảng 3. Để xác định độ rộng:

- Chọn Select Specify Width. - Vào số cho độ rộng

- Chọn In Pixels hoặc In Percent. 4. Để xác định độ cao:

- Chọn Specify Height. - Vào số cho độ cao

- Chọn In Pixels hoặc In Percent. 5. Kích OK.

Thay đổi kích thước ơ

Có thể thay đổi nhanh kích thước ô bằng cách dùng chuột rê các đường viền ô tới kích thước cần thiết.

Trong hộp hội thoại Cell Properties có thể thay đổi độ rộng ơ bằng cách xác định độ rộng, độ cao hoặc cả hai.

1. Trong FrontPage Editor, chuyển trỏ text vào trong ô muốn thay đổi kích thước. 2. Chọn Table/Cell Properties.

- Gõ giá trị độ rộng cho ô được chọn. - Chọn In Pixels hoặc In Percent.

4. Để chỉ định độ cao, trong phần Minimum Size: - Chọn check box Specify Height.

- Gõ giá trị của độ cao cho ô được chọn. - Chọn In Pixels hoặc In Percent.

5. Kích OK.

Phân bố các hàng và cột đều nhau

Nếu có một bảng với độ cao các hàng và độ rộng các cột khác nhau, có thể dùng các lệnh Distribute Rows Evenly và Distribute Columns Evenly để làm cho các hàng hoặc cột có độ cao và độ rộng bằng nhau.

1. Chọn các hàng hoặc cột muốn có cùng độ cao và độ rộng.

2. Chọn Table/Distribute Rows Evenly hoặc Distribute Columns Evenly, hoặc kích các nút Distribute Rows Evenly hoặc Distribute Columns Evenly trên table

toolbar.

Xố bảng và một phần của nó

Xố ơ, hàng, cột

1. Trong FrontPage Editor, chọn số ơ hoặc số hàng hoặc số cột muốn xố. 2. Kích trên table toolbar.

Xoá bảng

1. Trong FrontPage Editor, chọn bảng muốn xố. 2. Nhấn phím DELETE.

Xố caption của bảng

1. Trong FrontPage Editor, chuyển con trỏ tới bên trái caption, kích đúp để chọn nó. 2. Nhấn phím DELETE.

Định dạng table

Thay đổi màu nền của một hoặc nhiều ô

1. Trong FrontPage Editor, chọn các ơ muốn thay đổi màu nền 2. Kích trên table toolbar.

3. Trong hộp hội thoại Color chọn một màu. Kích Define Custom Colors để định nghĩa màu mới.

4. Kích OK.

Thay đổi màu nền của bảng

2. Chọn Table / Select Table. 3. Kích trên table toolbar.

4. Trong hộp hội thoại Color chọn màu. Kích Define Custom Colors để định nghĩa màu mới

5. Kích OK.

Bổ sung ảnh nền cho một ô

Một ơ có thể chứa ảnh nền khác ảnh nền của cả bảng và của trang. Khi chọn ảnh nền, bất kì màu nào đã được chọn trong danh sách Background Color đều bị che lấp trừ khi ảnh nền được chọn có màu trong suốt.

1. Trong FrontPage Editor, di chuyển trỏ text tới ô muốn chèn ảnh nền.2. Chọn Table/Cell Properties. 2. Chọn Table/Cell Properties.

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 58 - 65)