HTML và CSSMục đích: giúp sinh viên nắm được Các thẻ trong HTML để xây dựng được một trang Web Định dạng trang Web thông qua CSS Thực hành trên phần mềm Macromedia Dreamweaver Nội dung:
Trang 1Bài thực hành số 1 HTML và CSS
Mục đích: giúp sinh viên nắm được
Các thẻ trong HTML để xây dựng được một trang Web
Định dạng trang Web thông qua CSS
Thực hành trên phần mềm Macromedia Dreamweaver
Nội dung:
Chú ý: Sinh viên không cần quan tâm nhiều đến nội dung, màu, ảnh… trong tài liệu ví dụ Các bạn chỉ cần đưa ra được ví dụ thể hiện Đặt tên file đúng yêu cầu.
I HTML
1 Hiển thị văn bản với nội dung như sau File Text.html
2 Tạo ra danh sách như sau
a File OLlist.html
Trang 2b File List.html
3 Thực hành các thẻ liên kết và đa phương tiện
a Chèn 3 ảnh bất kì vào trang web, mỗi ảnh có một giá trị của thuộc tính align
khác nhau File Image.html
b Chèn âm thanh nền vào trang web và thử nghiệm trên các trình duyệt hiện
có File Sound.html
c Chèn một đoạn phim vào trang web File Film.html
d Chèn một file flash vào trang web (đuôi file là swf) File Flash.html.
e Chèn thêm vào file Image.html 3 liên kết để mở các trang Sound.html, File.html và Flash.html trong cửa sổ mới của trình duyệt.
f Đưa file Sound.html vào một thư mục mới, hãy chỉnh sửa và tạo liên kết để hai trang Image.html và Sound.html có thể mở lẫn nhau.
4 Tạo ra bảng như sau File Table.html
Trang 35 Tạo khung Frame2.html trong đó nội dung khung bên trái là file Text.html, nội dung khung giữa bao gồm 2 file OLList.html và List.html (chia theo chiều ngang), khung bên phải là file Image.html
6 Tạo các biểu mẫu sau
a Tạo biểu mẫu tìm kiếm của google File Google.html
Trong đó
1-17 đều là các link mở ra trang Google.html, là trang đang đứng
18 là textbox
19, 20 là các button Nếu nội dung 18 khác rỗng, click chuột vào 19
sẽ hiển thị thông báo “Google is searching”, click chuột vào 20 sẽ hiển thị thông báo “I’m feeling lucky”
21 là ảnh bất kì bạn tìm được trên máy tính
b Tạo biểu mẫu đăng kí tài khoản của Yahoo (như hình) File Yahoo.html.