Định dạng Text và đoạn

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 29 - 33)

I. Thuộc tính trang

8.3 Định dạng Text và đoạn

FrontPage Editor cung cấp một giao diện soạn thảo text đầy đủ. Sử dụng các lệnh trên thực đơn, các nút trên thanh cơng cụ, các phím nóng, bạn có thể định dạng cho text, cắt, sao chép và dán text, nhúng các đoạn, tạo danh sách và một số công việc tương tự như trình soạn thảo văn bản khác nữa. FrontPage Editor hiển thị trang web giống như trang được hiển thị trên trình duyệt dưới cấu trúc thẻ của HTML.

Nếu một bố cục được áp dụng cho trang, thuộc tính của kiểu đoạn, chẳng hạn như font, kích thước, màu sắc, kiểu danh sách bullet và number, lề được thiết lập bởi bố cục đó. Bạn có thể áp dụng kiểu của đoạn, chẳng hạn như Heading 1 hoặc Body Text từ danh sách style đã có.

Nếu trang khơng dùng bố cục có sẵn, bạn có thể thiết lập kiểu paragraph khi bạn tạo và thay đổi nó.

Ký tự thường có thuộc tính mặc định dựa trên khn dạng của đoạn chứa chúng. Bạn có thể thiết lập thuộc tính cho những kí tự mà bạn muốn như điều khiển màu, kích thước, độ đậm, chỉ số trên, chỉ số dưới và những thuộc tính khác nữa.

Hình 8.10: Định dạng text và đoạn

Định dạng text

1. Tại FrontPage Editor, chọn text, sau đó thực hiện lệnh Format/Font 2. Vào các lựa chọn như sau:

Hình 8.11:Màn hình định dạng Text - Sample (<samp>): Định dạng cho text là kí tự chữ.

- Definition (<dfn>): Định dạng cho các định nghĩa, thường hiển thị là chữ nghiêng.

- Blink (<blnk>): Định dạng text nhấp nháy.

- Code (<code>): Định dạng text là mã lệnh máy tính.

- Variable (<var>): Định dạng text là tên biến, thường hiển thị là chữ nghiêng.

- Bold (<b>): Định dạng chữ đậm.

- Italic (<i>): Định dạng chữ nghiêng.

- Keyboard (<kbd>): Định dạng text là dữ liệu cần nhập từ bàn phím bởi người sử

dụng.

- Vertical Position: Chọn Superscript để text có dạng chỉ số trên hoặc Subscript để

text có dạng chỉ số dưới.

3. Kích OK để áp dụng những định dạng vừa thiết lập cho text.

Đặt text lui vào so với lề của đoạn hiện thời (To indent text)

1. Tại FrontPage Editor, chọn text muốn indent.

2. Kích nút Increase Indent . Chọn các thuộc tính kiểu kí tự (Font Style), kích thước (Size), màu (Color) Chọn Font Chọn các hiệu ứng cho kí tự Thiết lập các thuộc tính của Style cho kí tự

Hình 8.12:Đặt lề cho text

Đặt lề text lùi ra so với lề của đoạn hiện thời (To outdent text)

1. Tại FrontPage Editor, chọn text muốn outdent. 2. Kích nút Decrease Indent button .

Hình 8.13: Đặt lề cho text lùi với đoạn hiện thời

Làm việc với Paragraphs

Tạo một dịng mới mà khơng có khoảng trắng với dịng trên đó Nhấn Shift + Enter.

Tạo một đoạn mới

- Để tạo một đoạn mới với cùng kiểu với đoạn hiện tại, đặt điểm chèn tới cuối đoạn trên và nhấn Enter.

- Để chia nhỏ đoạn hiện tại, đặt điểm chèn tại vị trí muốn chia trong đoạn và nhấn

Enter. Dóng lề cho đoạn

1. Tại FrontPage Editor, đặt trỏ text tại một vị trí trên đoạn. 2. Thực hiện một trong các bước sau:

- Để dóng lề trái, kích nút Align Left . - Để dóng lề phải, kích nút Align Right . - Để căn lề giữa, kích nút Align Left .

Kích nút Increase Indent Click nút này Click nút này

Thay đổi style cho đoạn

Tại FrontPage Editor, thực hiện một trong các bước dưới đây:

- Để áp dụng bất kì style hiện có nào, đặt trỏ text tại một vị trí trên đoạn và chọn một style tại hộp Change Style.

- Để áp dụng nhanh kiểu danh sách bullet, đặt trỏ text tại một vị trí trên đoạn, nhấn nút Bulleted List .

- Để áp dụng nhanh kiểu danh sách có số thứ tự, đặt trỏ text tại bất kì vị trí nào trong đoạn, kích nút Numbered List .

Chèn một ngắt dòng

1. Tại FrontPage Editor, thực hiện lệnh Insert/ Line Break.

2. Tại hộp hội thoại Break Properties, chọn kiểu ngắt dịng. - Khơng xóa lề phải hoặc trái, chọn Normal Line Break - Để xóa lề trái, chọn Cleart Left Margin

- Để xóa lề phải, chọn Clear Right Margin

- Xoá cả lề phải và trái, chọn Clear Both Margins. 3. Kích OK.

Chèn kí tự đặc biệt

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

Hình 8.14: Chèn ký tự đặt biệ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 29 - 33)

Tải bản đầy đủ (PDF)

(110 trang)