Đang tải... (xem toàn văn)
Thiết kế web Thiết kế web hay thiết kế website đơn giản là công việc tạo một trang Web cá nhân hoặc cho công ty, doanh nghiệp, tổ chức,... Để thiết kế được một trang Web ta có 2 phương thức chính là:
II.1 Giới thiệu II.1.1 Thành phần HTML Một văn HTML hay trang Web thường có thành phần chính: phần đầu phần thân Phần đầu văn (document head) Cho biết tiêu đề văn thiết lập quan hệ văn với hệ thống thư mục Mở đầu thẻ kết thúc Thông tin phần đầu trình duyệt Web hiển thị tiêu đề văn II.1.1 Thành phần HTML Phần thân văn (document body) Bắt đầu thẻ kết thúc , chứa nội dung văn Cung cấp thơng tin cho người dùng kết hợp với Văn bản, hình ảnh, âm thanh, Biếu mẫu (form) để người dùng thực điền thơng tin tìm kiếm, tra cứu, Chứa liên kết (hyperlink) với văn khác Thành phần HTML định nghĩa thẻ HTML II.1.2 Thẻ HTML HTML dùng thẻ để đánh dấu, định dạng văn Mỗi thẻ văn HTML đặt ngoặc có dạng sau < tên thẻ > Ví dụ Một số thẻ cịn có tham số (thuộc tính) để bổ xung thêm chức thẻ Ví dụ: II.1.2 Thẻ HTML Trong HTML có hai loại thẻ thẻ chứa thể rỗng Thẻ rỗng Chỉ có thành phần không bao đoạn tài liệu Loại thẻ mô tả định dạng thẻ mô tả cấu trúc Thông thường loại thẻ có tác động vị trí xuất thẻ • Ví dụ: thẻ : ngắt dịng Cũng có loại thẻ rỗng mà tác động tới đoạn văn sau gặp thẻ kiểu • Ví dụ: thẻXác định đoạn văn Chèn dòng trắng Xác định đường thẳng Xác định vùng thích II.2.1 Thẻ Dùng để xác định tài liệu HTML Toàn tài liệu HTML nằm thẻ Cú pháp: Toàn nội dung trang web II.2.2 Thẻ Dùng để xác định nội của tài liệu Chứa thông tin định dạng văn đồ họa, văn siêu liên kết, đặt lề trang Cú pháp Nội dung tài liệu II.2.3 Thuộc tính tùy chọn Thuộc tính Giá trị Mơ tả background file_name Một hình ảnh dùng làm hình bgcolor rgb(x,x,x) #xxxxxx colorname Màu tài liệu text rgb(x,x,x) #xxxxxx colorname Màu chữ tài liệu Ví dụ My first HTML page Look: Colored Background! II.2.3 Thẻ < Heading> Headings định nghĩa thẻ từ đến : heading lớn : heading nhỏ Đây heading Đây heading Đây heading Đây heading Đây heading Đây heading II.2.4 Thẻ ngắt dòng Được sử dụng bạn muốn kết thúc dịng lại khơng muốn bắt đầu đoạn văn khác Thẻ tạo lần xuống dịng bạn viết Thẻ thẻ rỗng Nó khơng có thẻ đóng Thẻ ngắt dịng vị trí mà đặt II.2.5 Thẻ ngắt đoạn
Các đoạn khai báo thẻ
This is a paragraph Tag
This is another paragraph Tag
HTML tự động thêm dòng trống vào trước sau đoạn II.2.4 Thẻ Định nghĩa cách sử dụng – Thẻ vẽ thước ngang Ví dụThe hr tag defines a horizontal rule:
This is a paragraph
This is a paragraph
This is a paragraph
II.2.4 Thẻ Thẻ thích sử dụng để thêm lời thích mã nguồn HTML Một dịng thích bỏ qua trình duyệt Sử dụng thích để giải thích code, để sau bạn có phải quay lại chỉnh sửa dễ nhớ Ví dụThis is a regular paragraph
The end ... Phần thân văn (document body) Bắt đầu thẻ kết thúc , chứa nội dung văn Cung cấp thơng tin cho người dùng kết hợp với Văn bản, hình ảnh, âm thanh, Biếu mẫu (form) để người... phần chính: phần đầu phần thân Phần đầu văn (document head) Cho biết tiêu đề văn thiết lập quan hệ văn với hệ thống thư mục Mở đầu thẻ kết thúc Thông tin phần đầu trình duyệt... âm thanh, Biếu mẫu (form) để người dùng thực điền thơng tin tìm kiếm, tra cứu, Chứa liên kết (hyperlink) với văn khác Thành phần HTML định nghĩa thẻ HTML II.1.2 Thẻ HTML HTML dùng thẻ