bài giảng công nghệ web - thiết kết web với HTML

CÔNG NGHỆ WEB Phần THIẾT KẾ WEB BẰNG HTML C C N N 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 C C N N 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 C C N N 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 C C N N 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ý C C N N 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ở môi trường mà bạn muốn soạn thảo tài liệu HTML - Sử dụng chương trình soạn thảo NotePad: Start -> Program -> Accessories -> NotePad •Chú ý: + Khi ghi tài liệu HTML vào ổ đĩa nhớ ghi đầy đủ phần mở rộng + Nếu sử dụng môi trường soạn thảo NotePad Windows ghi ghi tài liệu HTML vào ổ đĩa fải chọn Encoding UTF-8 để hiển thị tiếng việt C C N N 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: C C N N 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 C C N N 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ị C C N N 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 C C N N W W Thiết kế web với HTML 8.7 Trường Hidden Được thiết kế để truyền (ngầm) giá trị đến Web Server Script Giá trị truyền thường từ khoá, giá trị kiểm tra hay chuỗi 126 C C N N W W Thiết kế web với HTML 8.8 Submit Button Dùng để chuyển liệu Form mà người sử dụng nhập sang trang String: Là dòng chữ ghi nút, khơng có Value mặt định Submit ghi nút 127 C C N N W W Thiết kế web với HTML 8.9 Reset Button Dùng để xoá liệu Form mà người sử dụng nhập, khởi động lại cho phần tử Form String: Là dịng chữ ghi nút, khơng có Value mặt định Reset ghi nút 128 C C N N W W Thiết kế web với HTML 8.10 ComboBox ListBox < Select Name = “name” Size = Multiple > String String String ………… -: Định nghĩa phần tử danh sách -Multiple: Cho phép người dùng chọn lúc nhiều giá trị 129 C C N N W W Thiết kế web với HTML Bài tập thực hành Nhập vào thông tin sinh viên, sau in thơng tin sinh viên 130 C C N N W W Phụ lục  Đăng ký web http://www.freewebs.com/ 131 C C N N W W Tạo Account 132 C C N N W W Nhập thông tin cá nhân Ktra thông tin user Next để tiếp tục 133 C C N N W W Kích vào để tiếp tục 134 C C N N W W Chọn Điền họ tên đầy đủ Lựa chọn thể loại site Tiếp tục 135 C C N N W W Nhập thông tin cá nhân Tiếp tục để kết thúc 136 C C N N W W Nếu đăng ký thành cơng Kích vào dịng 137 Thiết kế web với HTML 137 C C N N W W Địa trang web bạn để vào thư mục xây dựng trang web 138 Thiết kế web với HTML 138 C C N N W W Tạo trang Tạo thư mục Upload file Upload nhiều file 139 Thiết kế web với HTML 139 ... ý: phần mở rộng html htm  Vào thư mục chạy tệp HTML mà ta vừa tạo, xem kết nhận 13 C C N N W W Thiết kế web với HTML 14 C C N N W W Thiết kế web với HTML Bài tập Thiết kế trang HTML giới thiệu... Web C C N N 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... version HTML áp dụng tài liệu web  Thường dòng file HTML  Ví dụ: 10 C C N N W W Thiết kế web với HTML 1.5 Hiển thị tài liệu Web Browser