Bài thực hành số 4 – Làm việc với các thành phần của HTML5: Video, audio, canvas sau đây giúp sinh viên làm việc được với các thành phần: video, audio, canvas. Toàn bộ bài tập trong các buổi lab, bắt buộc sinh viên phải viết mã bằng tay và sử dụng một trong các chương trình soạn thảo mã là Notepad và E -Text Editor. Chúc các bạn học tập tốt.
1 Bài thực hành số – Làm việc với thành phần HTML5: video, audio, canvas Chú ý chung với toàn buổi lab: - Toàn tập buổi lab, bắt buộc sinh viên phải viết mã tay, sử dụng chương trình soạn thảo mã sau: o Notepad ++ o E- Text Editor Mục tiêu Buổi thực hành số giúp sinh viên làm việc với thành phần: - Video - Audio - Canvas WEB302_ HTML5 & CSS3 Lab4 Bài Sinh viên tự thực hành trước bước SGK với thư mục: - HTML5_09lessons - HTML5_10lessons Nộp thư mục hoàn thiện theo tên: - HTML5_09lessons_done - HTML5_10lessons Bắt buộc sinh viên phải làm phải có kết nộp cho giảng viên theo dõi Nếu sinh viên khơng thực hiện, giảng viên có quyền trừ điểm vào tập sau WEB302_ HTML5 & CSS3 Lab4 Bài Sử dụng layout có thư mục TaiNguyen\Lesson02 Và file video, audio có thư mục media, thực dàn thành trang HTML5 chuẩn Đồng thời sử dụng kiến thức javascript trước, thực yêu cầu sau: - Tạo button: chạy, tạm dừng, 300, 500, 800 thực hiện: WEB302_ HTML5 & CSS3 Lab4 - o Button “chạy”: người dùng nhấn nút này, đoạn movie chạy o Button “tạm dừng”: người dùng nhấn nút này, đoạn movie tạm ngừng chạy o Button “300, 500, 800”: người dùng nhấn nút này, kích thước movie tự động thay đổi theo chiều ngang 300px, 500px, 800px Đối với file âm (audio), thực load trang tự động chạy (autoplay) Bài Sử dụng kết file drawingloop.html thay đổi lại đường chuyển động vật thể ufo theo hình minh họa sau: Sinh viên lưu file kết theo tên: ufo_loop.html Yêu cầu nộp WEB302_ HTML5 & CSS3 Lab4 Cuối thực hành, sinh viên tạo thư mục theo tên _Lab5, chứa tất sản phẩm lab trên, nén lại thành file zip upload lên mục nộp tương ứng LMS WEB302_ HTML5 & CSS3 Lab4 ...2 Bài Sinh viên tự thực hành trước bước SGK với thư mục: - HTML5_09lessons - HTML5_10lessons Nộp thư mục hoàn thiện theo tên: - HTML5_09lessons_done - HTML5_10lessons Bắt buộc sinh viên phải làm. .. viên khơng thực hiện, giảng viên có quyền trừ điểm vào tập sau WEB302_ HTML5 & CSS3 Lab4 Bài Sử dụng layout có thư mục TaiNguyenLesson02 Và file video, audio có thư mục media, thực dàn thành trang... CSS3 Lab4 Cuối thực hành, sinh viên tạo thư mục theo tên _Lab5, chứa tất sản phẩm lab trên, nén lại thành file zip upload lên mục nộp tương ứng LMS WEB302_ HTML5 & CSS3 Lab4