THIẾT KẾ WEB BẰNG HTML

THIẾT KẾ WEB BẰNG HTML CC NN W W Thiết kế web với HTML GiỚI THIỆU HTML HTML gì? HyperText Markup Language (HTML) – Ngơn ngữ đánh dấu siêu văn Bao gồm đoạn mã chuẩn với quy ước thiết kế để tạo trang Web hiển thị trình duyệt Web CC NN W W Thiết kế web với HTML Những ứng dụng HTML  HTML tảng World Wide Web, dịch vụ toàn cầu Internet  HTML để thiết kế Web mạng Internet, tạo tài liệu, gửi cáo thị cho công ty, cá nhân CC NN W W Thiết kế web với HTML Trình soạn thảo trình học  Sử dụng trình soạn thảo NotePad có sẵn Windows Start\Programs\Accessories\NotePad  Hoặc trình soạn thảo windows  FrontPage, DreamWare, Visual Studio CC NN W W Thiết kế web với HTML Những vấn đề cần quan tâm thiết kế Web  Tổ chức tài liệu: tựa đề, tiêu đề, đoạn văn, đường kẻ ngang, danh sách, bảng  Thu ngắn văn  Bố trí hình ảnh nhỏ gọn, hợp lý CC NN W W Thiết kế web với HTML Chương 1: Tạo chương trình 1.1 Tạo trang Web mới.o trang Web mới.t trang Web mới.i - Mở môi trường mà bạn muốn soạn thảo tài liệu môi trường mà bạn muốn soạn thảo tài liệu ng mà bạn muốn soạn thảo tài liệu n muốn soạn thảo tài liệu n soạn muốn soạn thảo tài liệu n thảo tài liệu o tài liệu u HTML - Sử dụng chương trình soạn thảo NotePad: Start -> dụng chương trình soạn thảo NotePad: Start -> ng chương trình soạn thảo NotePad: Start -> ng trình soạn muốn soạn thảo tài liệu n thảo tài liệu o NotePad: Start -> Program -> Accessories -> NotePad •Chú ý: + Khi ghi tài liệu HTML vào ổ đĩa nhớ ghi đầy đủ phần u HTML vào ổ đĩa nhớ ghi đầy đủ phần đĩa nhớ ghi đầy đủ phần ghi đầy đủ phần y đủ phần phầy đủ phần n mở rộng rộngng + Nếu sử dụng môi trường soạn thảo NotePad u sử dụng chương trình soạn thảo NotePad: Start -> dụng chương trình soạn thảo NotePad: Start -> ng môi trường mà bạn muốn soạn thảo tài liệu ng soạn muốn soạn thảo tài liệu n thảo tài liệu o NotePad Windows ghi ghi tài liệu u HTML vào ổ đĩa fải chọn đĩa fảo tài liệu i chọn n Encoding UTF-8 để hiển thị tiếng việt hiể hiển thị tiếng việt n thị tiếng việt tiếu sử dụng môi trường soạn thảo NotePad ng việu t CC NN W W Thiết kế web với HTML 1.2 Tag (thẻ) HTML gì? Khi Web browser hiển thị trang Wed, Web Browser đọc từ file văn đơn giản tìm kiếm đoạn mã đặc biệt hay Tag đánh dấu ký hiệu < > * Tag mang thông tin String of text Trong đó: : tag bắt đầu : tag kết thúc * Tag rỗng: CC NN W W Thiết kế web với HTML * Web browser  Là trình duyệt Web, ví dụ: Microsoft Internet Explorer, FireFox, Opera, Netscape CC NN W W Thiết kế web với HTML 1.3 Cấu trúc trang HTML tiêu đề trang Văn hiển thị CC NN W W Thiết kế web với HTML 1.4 Tag thích  Thẻ  Thẻ dùng để ghi thông tin version HTML áp dụng tài liệu web  Thường dòng file HTML  Ví dụ: 10