Đang tải... (xem toàn văn)
HyperText Markup Language (HTML) – Ngôn ngữ đánh dấu siêu văn bản. bao gồm các đoạn mã chuẩn với các quy ước được thiết kế để tạo các trang web và được hiển thị bởi các trình duyệt web
THIẾT KẾ WEB VỚI HTML Tài liệu tham khảo Tự học HTML XHTML 24 Lê Minh Phương Những thực hành HTML Đinh Xuân Lâm Thiết kế quảng cáo tiếp thị web HTML Ngọc Anh Thư Press Thiết kế xuất trang Web với HTML NXB Thống Kê Thiết kế web với HTML Bài Mở Đầu 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 Thiết kế web với HTML Web Page (Trang Web): Là tài liệu HTML Web site: Là số trang Web liên kết với World Wide Web (www): Là dịch vụ toàn cầu Internet mà HTML tảng 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 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 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ý Thiết kế web với HTML Bài 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 để hikến thvới HTML việt Thiết ể web ị tiếng 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 thoâng tin String of text Trong đó: * Tag rỗng: : tag bắt đầu : tag kết thúc Thiết kế web với HTML Tag • Ví dụ: Chúc mừng bạn đến với HTMLTag Chúc bạn học tốt! Tag kết thúc Thiết kế web với HTML 10 Chon tên miền tiếp tục lựa chọn Thiết kế web với HTML 204 tiếp tục 2a.tạo tên miền khác 2b tiếp tục Thiết kế web với HTML 205 Bỏ dấu tích Tiếp tục Thiết kế web với HTML 206 Khai báo đầy đủ thông tin cá nhân Tiếp tục Thiết kế web với HTML 207 Báo thiết lập thành công Tên người sử dụng địa để login điều khiển địa để login = FTP đ/c trang web Thiết kế web với HTML 208 • Vào trang web https://controlpanel.netfirms.com để đăng nhập vào điều khiển gõ tên người sử dụng mật lựa chọn ngôn ngữ tiếp tục Thiết kế web với HTML 209 Thơng tin Thiết kế web với HTML 210 Công cụ trang web Quản lý tệp Thiết kế web với HTML 211 Quản lý tệp lựa chọn "file" "Directory" để tạo Load tệp lên mạng Nhập tên kích tạo file, directory để Thiết kế web với HTML 212 Bài 12 Gộm lại hay phân mảnh Việc tổ chức thông tin trang web – Để tổ chức thơng tin, ta có thể: • • Gom chúng lại với nhau, chia chúng thành nhiều phần riêng biệt Thiết kế web với HTML 213 • Thiết kế web cho độc giả xem: – Độc giả đọc tài liệu dài – Việc lên xuống trang web thường làm họ nhàm chán – Phần đa độc giả tìm mẩu tin, họ khó chịu phải rà soát trang dài đầy chữ Thiết kế web với HTML 214 • Thiết kế trang web cho máy tính: – Một trang web dài cần nhiều thời gian để nạp từ mạng xuống – Một đoạn thơng tin ngắn, súc tích thích hợp với hình máy tính • Tại ta không chia nhỏ tài liệu dài sử dụng siêu liên kết hyperText? Thiết kế web với HTML 215 • Chia nhỏ thơng tin nên đảm bảo: – Không nên chia cắt nhỏ – Từ đến ba trang (in) đủ cho đoạn thông tin web – Việc áp dụng chia thông tin phải linh động quán với ý thức chung – Cách tốt để chia tổ chức thông tin thực theo tổ chức nội dung Thiết kế web với HTML 216 Thiết kế web với HTML 217 Thực hành: Xem lại trang web mà bạn thiết kế: – – – Nó có dài không? Hay ngắn cụt lửng? Hãy tạo trang bìa có liên kết thích hợp đến trang web bạn Thiết kế web với HTML 218 ... tạo, xem kết nhận Thiết kế web với HTML 16 Thiết kế web với HTML 17 Thực hành Thiết kế trang HTML giới thiệu thân Thiết kế web với HTML 18 Chương Điều chỉnh tài liệu HTML 2.1 Nạp tài liệu Web browse... học HTML XHTML 24 Lê Minh Phương Những thực hành HTML Đinh Xuân Lâm Thiết kế quảng cáo tiếp thị web HTML Ngọc Anh Thư Press Thiết kế xuất trang Web với HTML NXB Thống Kê Thiết kế web với HTML. .. tag kết thúc Thiết kế web với HTML Tag • Ví dụ: Chúc mừng bạn đến với HTML< /h2>
Tag Chúc bạn học tốt! Tag kết thúc Thiết kế web với HTML 10 * Web browser – Là trình duyệt Web,