Học Làm Web

Tự học thiết kế web – bài 2

Ở bài trước (bài 1) bạn đã học được cách thiết kế một trang web cơ bản, hết sức cơ bản. Và bạn cần ôn lại một chút, hình hài nó như sau:

MÃ: CHỌN TẤT CẢ

Trang web dau tay cua toi

Xin chao cac ban,

Day la trang web dau tay cua toi, toi muon het to voi ca the gioi rang: TOI BIET LAM WEB

Hết cái đoạn chữ màu xanh lá cây bên trên chính là trang web của bạn.

Bài này, ta sẽ làm cho trang web hơi chuyên nghiệp hơn một chút bằng cách có nhiều kiểu chữ to nhỏ khác nhau, chữ có màu, có thêm hình ảnh cho trang web,… nào, bắt đầu ngay.

Bây giờ mở lại file trangWeb.html của bạn. Bạn cần mở Notepad ra như đã học ở bài 1, khi vào menu Open để mở file thì nó sẽ hiện lên một cửa sổ, cần chú ý là ở mục Files of type: nó đang là Text Documents (*.txt), bạn phải chọn ở đó, chuyển thành All Files thì mới thấy xuất hiện trangWeb.html của ta ( hình 1)

Hình dự phòng
Hình 1

Đoạn xanh ở trên bây giờ bạn gõ lại như sau:

MÃ: CHỌN TẤT CẢ

Trang web dau tay cua toi

Xin chao cac ban,

Day la trang web dau tay cua toi, toi muon het to voi ca the gioi rang: TOI BIET LAM WEB


QUÊ HƯƠNG

Quê hương là chùm khế ngọt

Cho con trèo hái mỗi ngày

Quê hương là đường đi học

Con về rợp bướm vàng bay

Quê hương là con diều biếc

Tuổi thơ con thả trên đồng…

Chùm khế ngọt

Các bạn nên gõ đoạn trên không dấu, nếu chưa biết cách gõ tiếng Việt có dấu

Sau khi đánh máy để sửa xong đoạn như trên rồi, bạn bấm Ctrl + S để lưu lại file vừa soạn. Rồi quay lại trang web này, bấm chuột phải vào hình chùm khế dưới đây:

Hình dự phòng
Hình Chùm khế

Và một menu Pop-Up bung lên, bạn chọn mục Save Picture As để lưu lại ảnh. Mặc định nó sẽ lưu vào My Pictures ở bên trong My Documents, bạn cần chọn lại để nó lưu ra ngoài My Documents, nơi mà ta chứa file trangWeb.html của ta. Khi lưu, nhớ đặt lại tên, bạn gõ chumkhengot thay cho tên ngoằn ngoèo tối nghĩa sẵn có của nó.

Giờ thì bạn lại mở trình duyệt lên, vào mở trang web của bạn ra xem. Kết quả nó như thế nào nhỉ? Phải giống như sau:

Hình dự phòng

Như vậy là trang web bạn trông đã hấp dẫn hơn một chút rồi đó: nào là chữ QUÊ HƯƠNG đã là màu xanh, có một hình chùm khế minh họa cho bài thơ.

<< Quay Lại – Tiếp Theo>>

%d bloggers like this: