Xây dựng trang đầu tiên

Một phần của tài liệu Thiết kế sách giáo khoa điện tử lớp 10 - nâng cao chương "Nhóm Halogen" (Trang 119 - 122)

- Chọn hiệu ứng cho hình ảnh chuyển động từ ảnh này sang ảnh khác bằng cách nhấp chuột vào chữ AB và chọn trong hộp thoạ i Choose Transition.

3.Xây dựng trang đầu tiên

Sau khi cài đặt site, chúng ta có thể bắt đầu làm đầy site với các trang Web. Trang HTML đầu tiên được tạo trong site nên là trang chỉ mục (index page – là trang được trình duyệt tự động tải lên khi người dùng truy xuất vào site). Trang chỉ

mục thường được đặt là index.html. Sau khi tạo trang chỉ mục, chúng ta sẽ tạo các trang khác cho site.

a. Tạo một trang mới

Có thể tạo một trang mới bằng cách sử dụng trang khởi động (đã hướng dẫn ở

phần 1).

b. Đặt tiêu đề cho trang

- Mở trang cần đặt tiêu đề.

- Nhấp vào trường Title ở phía trên cùng của cửa sổ hồ sơ trong trang. - Nhập tiêu đề.

c. Thiết lập thuộc tính trang

Vào Menu Modify > Page Properties hoặc nhấn tổ hợp phím Ctrl+J. Hộp thoại Page Properties xuất hiện.

 Chọn mục Appearance (hình thức) trong hộp Category.

1 2 2 3 4 5 6 7

[1] Page font (phông chữ của trang): chọn các tổ hợp font để định dạng cho text, xác định font mặc định. Chúng ta cũng có thể thiết lập phông chữ thành in đậm hoặc in nghiêng.

[2] Size (kích thước): thiết lập kích thước cho văn bản. Chúng ta có thể chọn kích thước tuyệt đối (9, 10, 12…) hoặc kích thước tương đối (small, medium, large, x- large). Việc chọn kích thước tuyệt đối cho phép chọn các đơn vị đo lường (pixel, point, in, cm, mm…).

[3] Text color (màu văn bản): thiết lập màu mặc định cho văn bản. Nhấp vào ô màu

để mở hộp chọn màu, rồi thiết lập màu.

[4] Background color (màu nền): thiết lập màu mặc định cho nền của trang web. Nhấp vào ô màu để mở hộp chọn màu, rồi thiết lập màu.

[5] Background Image (ảnh nền): thiết lập hình ảnh nền sẽ xuất hiện phía sau văn bản và hình ảnh của trang. Nhấp vào nút nhấn Browse để mở hộp thoại Select Image Source (chọn nguồn ảnh), di chuyển đến hình ảnh và nhấp OK. Nếu thiết lập

[6] Repeat (lặp lại): thiết lập cách thức ảnh nền được lặp lại nếu nó không phủ đầy trang. Chúng ta có thể chọn repeat (lặp lại hình ảnh theo chiều ngang hoặc chiều

đứng), repeat-x (lặp lại ảnh theo chiều ngang), repeat-y (lặp lại ảnh theo chiều

đứng) hoặc no-repeat (hiển thịảnh chỉ một lần).

[7] Margins (lề): cho phép thiết lập các lề Left (trái), Right (phải), Top (trên) và Bottom (dưới) của trang Web. Chúng ta có thể sử dụng các hệ thống đo lường làm

đơn vịđo (giống nhưđã thực hiện với kích thước văn bản).

 Chọn mục Links trong hộp Category:

1 2 2

3 5

4 6

7

[1] Link font (phông chữ liên kết): chọn tổ hợp font mặc định mà các trang Web sẽ

dùng để hiển thị liên kết. Chúng ta có thể thiết lập phông chữ thành in đậm hoặc in nghiêng.

[2] Size (kích thước): thiết lập kích thước mặc định cho văn bản liên kết. [3] Link color (màu liên kết): thiết lập màu để áp dụng cho văn bản liên kết.

[4] Vistited links (các liên kết đã truy xuất): thiết lập màu của văn bản liên kết cho người sử dụng biết đã xem qua liên kết này.

[5] Rollover links (các liên kết khi chuột lướt trên chúng): thiết lập màu để áp dụng cho văn bản liên kết khi đặt con trỏ chuột trên văn bản.

[6] Active links (các liên kết kích hoạt): thiết lập màu để áp dụng cho văn bản liên kết khi ta nhấp vào văn bản.

[7] Underline style (kiểu gạch dưới): thiết lập cách thức gạch dưới liên kết. Các lựa chọn gồm có Always underline (luôn gạch dưới), Never underline (không gạch dưới), Show underline only on rollover (thể hiện gạch dưới chỉ khi con trỏ chuột lướt trên liên kết) và Hide underline on rollover (giấu gạch dưới khi con trỏ chuột lướt trên liên kết).

Một phần của tài liệu Thiết kế sách giáo khoa điện tử lớp 10 - nâng cao chương "Nhóm Halogen" (Trang 119 - 122)