Bài thực hành số HTML CSS Mục đích: giúp sinh viên nắm • Các thẻ HTML để xây dựng trang Web • Định dạng trang Web thông qua CSS • Thực hành phần mềm Macromedia Dreamweaver Nội dung: Chú ý: I • Sinh viên không cần quan tâm nhiều đến nội dung, màu, ảnh… tài liệu ví dụ Các bạn cần đưa ví dụ thể Đặt tên file yêu cầu • Vào Run gõ //sv02 Sau đăng nhập với user, pass hocvien để lấy cài file giảng HTML Hiển thị văn với nội dung sau File Text.html Tạo danh sách sau a File OLlist.html b File List.html Thực hành thẻ liên kết đa phương tiện a Chèn ảnh vào trang web, ảnh có giá trị thuộc tính align khác File Image.html b Chèn âm vào trang web thử nghiệm trình duyệt có File Sound.html c Chèn đoạn phim vào trang web File Film.html d Chèn file flash vào trang web (đuôi file swf) File Flash.html e Chèn thêm vào file Image.html liên kết để mở trang Sound.html, File.html Flash.html cửa sổ trình duyệt f Đưa file Sound.html vào thư mục mới, chỉnh sửa tạo liên kết để hai trang Image.html Sound.html mở lẫn Tạo bảng sau File Table.html Tạo khung Frame2.html nội dung khung bên trái file Text.html, nội dung khung bao gồm file OLList.html List.html (chia theo chiều ngang), khung bên phải file Image.html Tạo biểu mẫu sau a Tạo biểu mẫu tìm kiếm google File Google.html Trong • 1-17 link mở trang Google.html, trang đứng • 18 textbox • 19, 20 button Nếu nội dung 18 khác rỗng, click chuột vào 19 hiển thị thông báo “Google is searching”, click chuột vào 20 hiển thị thông báo “I’m feeling lucky” • 21 ảnh bạn tìm máy tính b Tạo biểu mẫu đăng kí tài khoản Yahoo (như hình) File Yahoo.html Trong ý ô nhập mật phải che giấu kí tự nhập vào dấu chấm tròn Các ô ComboBox cần đưa vài giá trị II CSS CSS Background a Định nghĩa màu cho thẻ H1, DIV, P để hiển thị nội dung sau File BgColor.html b Chèn ảnh vào trang web Ảnh không lặp cố định dù người dùng có cuộn văn File BgImage.html CSS Text a Thiết lập chữ với hướng từ trái qua phải từ phải qua trái File TextDir.html b Tăng giảm kích thước kí tự File TextSpace.html c Căn lề cho thành phần File TextAlign.html CSS Font Định nghĩa tên font, kích thước, định dạng chữ (nghiêng, đậm…) cho ba thẻ H1, H2, P đưa ví dụ thể File Font.html CSS Border a Đưa kiểu đường viền File Border.html b Đưa màu cho đường viền File BorderColor.html CSS Margin Thiết lập định dạng lề cho thẻ P: top, right, bottom, left đưa thể File Margin.html