WEB1013 slide1 gi i thi u HTML

TỔNG QUAN MÔN HỌC: XÂY DỰNG TRANG WEB XÂY DỰNG TRANG WEB TỔNG QUAN MƠN HỌC VAI TRỊ CỦA WEB CÁC THÀNH PHẦN GIAO DIỆN WEB NỘI DUNG      VĂN BẢN HÌNH ẢNH VIDEO AUDIO LIÊN KẾT HÌNH THỨC          MÀU SẮC KÍCH CỠ IN ĐẬM, IN NGHIÊNG BỐ CỤC ĐƯỜNG BAO CĂN LỀ ĐƯỜNG KẺ NỀN HIỆU ỨNG MÃ NGUỒN TRANG WEB Từ mã trình duyệt web tạo trang web KHÁM PHÁ MÃ NGUỒN TRANG WEB  Mã nguồn trang web bao gồm thành phần • HTML • Gồm sử dụng để tổ chức tạo trang web (cả nội dung hình thức) • CSS • Gồm tập qui luật kiểu dáng sử dụng để định dạng, bố cục trang web (hình thức) • JavaScript • Gồm mã lập trình thao tác lên HTML CSS, điều khiển hành vi người dùng, tạo animation tương tác với server  Trong chương trình mơn học, tập trung vào HTML CSS JavaScript giới thiệu khái niệm biết cách tích hợp với tiện ích mạng Internet Bài • Giới thiệu HTML Bài • Giới thiệu CSS Bài • Thiết kế Layout Bài • Thiết kế menu Bài • Thiết kế form Bài • Thiết kế bảng Bài • Tích hợp tiện ích Internet Bài • Upload quản lý website Assignment CHƯƠNG TRÌNH HỌC TÀI LIỆU THAM KHẢO      Bài học online http://www.w3schools.com http://www.vietjack.com http://www.freetuts.net Google search: Học HTML & CSS CÔNG CỤ  Tất phần mềm làm việc với file văn sử dụng để xây dựng trang web • • • • • Notepad, Notepad++ Sublime Dreamweaver NetBean Visual Studio for web  Để nhận hỗ trợ mạnh mẽ việc viết tổ chức mã nguồn HTML, CSS JavaScript chọn Visual Studio Express for Web (miễn phí Microsoft) • Download: https://www.microsoft.com/en-us/download/details.aspx?id=44912  Tài liệu tham khảo  Cài đặt VS Express for web TRẮC NGHIỆM  Định dạng văn TRẮC NGHIỆM HÌNH ẢNH HÌNH ẢNH  Thẻ sử dụng để nhúng ảnh vào trang web  Thẻ có thuộc tính sau • @src: đường dẫn ảnh • @alt: văn thay ảnh khơng tải • @align: lề ảnh ẢNH NÀY KHÔNG TỒN TẠI ĐƯỜNG DẪN ẢNH  Các dạng ảnh thường sử dụng web bao gồm gif, jpg, png  Đường dẫn tương đối • src=“anh.jpg” • anh.jpg đặt thư mục với trang web • src=“images/anh.jpg” • anh.jpg đặt thư mục images thư mục đặt thư mục trang web • src=“ /images/anh.jpg” • anh.jpg đặt thư mục images thư mục đặt bên ngồi thư mục chứa trang web • src=“/images/anh.jpg” • anh.jpg đặt thư mục images thư mục đặt thư mục gốc website  Đường dẫn tuyệt đối • src=“http://vnexpress.net/2016/images/anh.jpg” • anh.jpg đặt thư mục 2016/images website vnexpress.net MỘT SỐ THẺ CƠ BẢN KHÁC     

sử dụng để phân đoạn sử dụng để phân vùng sử dụng để tạo thức kẻ ngang sử dụng để ngắt dòng Thẻ chia làm loại • Thẻ mức khối thẻ tách nội dung thành khối riêng (

, , , ) • Thẻ nội tuyến thẻ nằm hàng từ trái sang phải (, , …)  Bộ sưu tập ảnh  Trang tin tức TRẮC NGHIỆM SIÊU LIÊN KẾT SIÊU LIÊN KẾT LÀ GÌ?  Siêu liên kết có cơng dụng sau • Liên kết đến trang web khác, chí đến trang website khác • Thực mã javascript • Tải tài nguyên từ internet SIÊU LIÊN KẾT SIÊU LIÊN KẾT  Thẻ sử dụng để xây dựng siêu liên kết  Thuộc tính href sử dụng để liên kết đến tài nguyên script  Xây dựng trang chủ gồm + header: logo+ Tên + Liên kết TRẮC NGHIỆM TÓM TẮT BÀI HỌC  TRANG WEB VÀ CẤU TRÚC TRANG HTML5  CẤU TRÚC CỦA MỘT THẺ  CÁC THẺ ĐỊNH DẠNG VĂN BẢN  NHÚNG HÌNH ẢNH  TẠO LIÊN KẾT  CÁC THẺ CƠ BẢN ... animation tương tác v i server  Trong chương trình mơn học, tập trung vào HTML CSS JavaScript gi i thi u kh i niệm biết cách tích hợp v i tiện ích mạng Internet B i • Gi i thi u HTML B i • Gi i. .. Gi i thi u CSS B i • Thi t kế Layout B i • Thi t kế menu B i • Thi t kế form B i • Thi t kế bảng B i • Tích hợp tiện ích Internet B i • Upload quản lý website Assignment CHƯƠNG TRÌNH HỌC T I LI U. .. https://www.microsoft.com/en-us/download/details.aspx?id=44912  T i li u tham khảo  C i đặt VS Express for web TRẮC NGHIỆM B I 1: GI I THI U HTML XÂY DỰNG TRANG WEB GI I THI U HTML MỤC TI U B I HỌC  HIỂU