BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á KHOA: CÔNG NGHỆ THÔNG TINBÀI TẬP LỚN HỌC PHẦN: THIẾT KẾ WEB Đề tài: Đề số 41: Thiết kế website bán truyện tranh... BỘ GIÁO DỤC VÀ
Cơ sở lý thuyết
Tổng quan về website
Web là một hệ thống các văn bản có mối siêu liên kết bên trong với nhau (interlinked hypertext documents) được truy xuất thông qua hệ thống Internet
Webpage là một trang thông tin bao gồm văn bản, hình ảnh, video và các phương tiện đa dạng khác, với các mối liên kết siêu (hyperlinks) giữa chúng Một trang web được định nghĩa là một tập tin HTML hoặc XHTML, có thể truy cập thông qua giao thức HTTP.
Website là một tập hợp các trang web nằm trong một tên miền hoặc tên miền phụ trên WWW của hệ thống mạng Internet
Website tĩnh: Chủ yếu giới thiệu thông tin
Website động: Có sự tương tác với người dùng
Trang web là một tệp văn bản không định dạng, bao gồm các thẻ (Tag) và được viết bằng mã HTML Để tạo ra trang web, bạn có thể sử dụng các chương trình soạn thảo văn bản không định dạng như NotePad hoặc các phần mềm thiết kế web như MS Frontpage và Adobe Dreamweaver.
Giới thiệu
HTML là viết tắt của HyperText Markup Language (Ngôn ngữ đánh dấu siêu văn bản) do nhà khoa học Mỹ - Tim Berners Lee định nghĩa ra năm 1989 HyperText :
Văn bản có thể kết nối đến văn bản khác
Sử dụng các “thẻ” để “đánh dấu” văn bản, giúp trình duyệt xác định được cách biểu diễn trang web đến người sử dụng
Tập tin HTML là một loại tập tin văn bản chứa các thẻ định dạng, giúp trình duyệt Web xác định cách trình bày trang Web.
Một tập tin HTML phải có đuôi mở rộng là htm hoặc html
Một tập tin HTML có thể được viết trên một trình soạn thảo văn bản đơn giản. b Các thẻ HTML:
Các thẻ HTML được xác định nằm trong cặp ngoặc góc nhọn ‘’
Các thẻ HTML thường đi theo một cặp:
Thẻ mở (thẻ bắt đầu)
Thẻ đóng, hay còn gọi là thẻ kết thúc, là một phần quan trọng trong HTML, ví dụ như cặp thẻ định dạng chữ đậm "Xin chào" Các thẻ HTML không phân biệt chữ thường và chữ hoa, điều này giúp tăng tính linh hoạt khi lập trình Bên cạnh đó, các thuộc tính của thẻ HTML cũng đóng vai trò quan trọng trong việc xác định cách thức hiển thị nội dung trên trang web.
Thuộc tính dùng mô tả chi tiết của một thẻ
Thông thường có dạng: Tên_thuộc_tính=“Giá trị”
Các thuộc tính được đặt trong thẻ như sau: < Tên_thẻ Tên_thuộc_tính=“Giá trị”>
Một thẻ có thể có nhiều thuộc tính: < Tên_thẻ Tên_TT01=“Giá trị”
Thẻ đóng không có thuộc tính
Cấu trúc tập tin HTML
Các thẻ mô tả
: Khai báo một tài liệu HTML
: Khai báo phần thân cho tài liệu
: Khai báo header 1 đến header 6
: Chèn một ký tự kết thúc dòng
: Kẻ một đường nằm ngang
: Chú thích.hẻ cơ bản trong HTML
Các thuộc tính cơ bản của thẻ BODY:
H%nh 1 Thuộc tính cơ bản của thẻ body
Tạo bảng trong HTML
a Các loại thẻ sử dụng với bảng:
Bảng 1.1 Bảng các loại thẻ trong HTML
Khai báo phần header cho bảng
Tạo một tiêu đề cho bảng
Tạo nhóm các cột
Khai báo các giá trị thuộc tính cho một hay nhiều cột trong bảng
Định nghĩa phần đầu bảng
Định nghĩa phần thân của bảng
Định nghĩa phần cuối của bảng
Các lưu ý khi tạo bảng:
Các ô trong bảng không có nội dung sẽ hiển thị không chính xác trên hầu hết các trình duyệt, dẫn đến việc mất đường viền, ngoại trừ trình duyệt Mozilla Firefox vẫn hiển thị đúng.
Biểu mẫu và thông tin người dùng
Các loại thẻ sử dụng với biểu mẫu (form):
H%nh 2 Các loại thẻ sử dụng với biểu mẫu
Thiết kế bảng biểu – Table
Table là một cấu trúc gồm nhiều hàng giao với nhiều cột (kỹ thuật thiết kế bố cục trang) Cần phát thảo cấu trúc bảng trước khi thiết kế
Nội dung tiêu đề bảng
Nội dung tiêu đề cột 1 Nội dung tiêu đề cột 2
Nội dung ô 1 dòng 1 Nội dung ô 2 dòng 1
Thiết lập độ rộng và canh lề bảng
n: Độ rộng tính bằng pixel Hoặc % kích thước cửa sổ
“Center” / ”Left”/ ”Right”: Canh giữa/trái/phải cửa sổ trình Thiết lập chiều cao