Nội dung chính Tin học ứng dụng 12 kết nối bài 24: Xây dựng phần đầu trang web

CHỦ ĐỀ 7: ỨNG DỤNG TIN HỌC

BÀI 24: XÂY DỰNG PHẦN ĐẦU TRANG WEB

Nhiệm vụ 1. Làm quen với giao diện đầu tiên của Google Sites

Hướng dẫn: 

Bước 1. Đăng nhập vào tài khoản Google. 

Tại thanh địa chỉ của trình duyệt, nhập sites.google.com 

Bước 2. Nhận biết ba phần của giao diện. 

+ Phần (1)  có ô tìm kiếm và biểu tượng để truy cập vào danh sách các ứng dụng khác của Google. 

+ Phần (2) có các lựa chọn để tạo một trang web mới.

+ Phần (3) là danh sách các trang mà người dùng mới mở trước đó.

Nhiệm vụ 2. Tìm hiểu giao diện tạo phần đầu trang

Hướng dẫn: 

Bước 1. Tạo trang web mới. 

Chọn biểu tượng để tạo một trang web mới. 

Bước 2. Làm quen với giao diện và các chức năng tạo phần đầu trang.

- Các vùng thực hiện các chức năng trong giao diện làm phần đầu trang web:

+ Trang web không có tiêu đề là vùng nhập tên tệp lưu trữ trang web trong Google Drive. 

+ Nhập tên trang web là vùng thao tác nhập logo, favicon và tên trang web. 

+ Thay đổi hình ảnh là bảng chọn hình ảnh nền cho phần đầu trang. 

+ Loại tiêu đề là bảng chọn loại tiêu đề, có ba loại với kích thước từ lớn đến nhỏ là: Bìa, Biểu ngữ lớn, Biểu ngữ hay Chỉ có tiêu đề. 

+ Tiêu đề trang là vùng nhập văn bản tiêu đề chính của trang và tiêu để phụ. 

+ Khu vực bảng chọn của thanh điều hướng là vùng thiết lập thanh điều hướng sẽ được xem xét trong các bài sau.

Nhiệm vụ 3. Tạo phần đầu trang

Bước 1. Nhập tên tệp lưu trữ trang web. 

Nháy chuột vào dòng Trang web không có tiêu đề, nhập tên tệp gợi nhớ.

Bước 2. Thiết lập logo, favicon, nhập tên trang và thông báo đầu trang. 

- Định dạng các tệp ảnh logo và favicon có thể là png, jpg hay gif. Logo có thể có dạng hình chữ nhật, favicon dạng hình vuông với kích thước 16 x 16, 32 x 32 hay 48 x 48 pixels. 

- Nháy chuột vào ô Nhập tên trang web rồi nháy chuột vào Thêm biểu tượng (Hình 24.6). 

→ Phần mềm hiển thị cửa sổ Cài đặt (Hình 24.7).

+ Chọn Hình ảnh thương hiệu ở khung bên trái, khung bên phải xuất hiện các tuỳ chọn để thiết lập logo và favicon. 

- Nếu muốn đưa thông báo vào đầu trang:

nháy chuột vào Phần thông báo (Hình 24.8). Nhập nội dung thông báo vào ô Lời nhắn, chọn màu chữ thông báo và bật Hiển thị phần thông báo. Khi cần thay đổi hoặc tắt thông báo, chỉnh sửa ở bảng chọn này (Hình 24.8). 

- Sau khi thiết lập logo và favicon, nhập tên trang web (nên ngắn gọn).

Bước 3. Thiết lập kích thước phần đầu trang, ảnh nền và tiêu đề trang.

- Thiết lập kích thước phần đầu trang: Nháy chuột vào Loại tiêu đề và chọn một kích thước. 

- Thiết lập ảnh nền: Nháy chuột vào Thay đổi hình ảnh, rồi chọn Tải lên (ảnh từ máy tính) hoặc Chọn để chọn ảnh từ Google Drive, Google Photos hay từ Internet (Hình 24.9). 

- Chức năng với ảnh nền:

+ Đặt chế độ tự động điều chỉnh độ sáng hình nền

+ Di chuyển hình nền

Bước 4. Thiết lập tiêu đề trang. 

Nháy chuột vào Tiêu đề trang, nhập tiêu đề trang. Có thể thay đổi kích thước khung văn bản, phông chữ, cỡ chữ, màu sắc hay căn lề, dãn dòng,... cho tiêu đề trang ở các bảng chọn tương ứng (Hình 24.12). 

Nhấn phím Enter hoặc Shift + Enter để xuống dòng. 

Bước 5. Xem trước, chỉnh sửa. 

Trước khi xuất bản trang web, có thể xem trước bằng cách nháy chuột vào biểu tượng Xem trước (Hình 24.13) rồi chọn xem trên điện thoại, máy tính bảng hay máy tính với các biểu tượng tương ứng (Hình 24.14).

Bước 6. Xuất bản và truy cập trang web theo URL. 

Nháy chuột vào nút Công bố để xuất bản. Để sao chép địa chỉ URL, nháy chuột vào biểu tượng .