Bài thực hành 11. Tạo ảnh động đơn giản

Bài thực hành 11. Tạo ảnh động đơn giản tài liệu, giáo án, bài giảng , luận văn, luận án, đồ án, bài tập lớn về tất cả c...

GV: Nguyễn Nhựt Minh Ngày soạn: 7/9/2012 Ngày dạy: 16/10/2012 (lớp 9A1) – 19/10/2012 (lớp 9A2) Tiết: 17 - Tuần: 9 Bài thực hành 4: TẠO TRANG WEB ĐƠN GIẢN I. Mục tiêu: - Kiến thức: Làm quen với phần mềm Kompozer. - Kĩ năng: Tạo trang web đơn giản, có liên kết bằng phần mềm Kompozer. - Thái độ: Giáo dục thái độ nghiêm túc làm quen với phần mềm. II. Chuẩn bị của GV và HS: - GV: Giáo án, SGK, máy vi tính. - HS: sách, tập, viết. III.Tiến trình bài dạy: 1) Kiểm tra bài cũ (5’): - Dịch vụ thư điện tử cung cấp những chức năng chính nào? - Kể các thao tác làm việc với hộp thư điện tử? 2) Dạy nội dung bài mới (30ph). Hoạt động của GV Hoạt động của HS Nội dung Hoạt động 1: Tìm hiểu các bước soạn thảo web (10’) - GV giới thiệu một số trang web để vận dụng vào việc tạo trang web của mình - GV yêu cầu HS tham khảo SGK và trả lời câu hỏi: Để tạo trang web chúng ta cần thực hiện những thao tác gì? - GV nhận xét, tổng hợp ý kiến và hướng dẫn các bước cần thực hiện khi tạo một trang web - HS quan sát - HS tham khảo SGK và trả lời - HS thực hiện các bước theo hướng dẫn * Các bước cần thực hiện khi tạo trang web: - Lựa chọn đề tài - Chuẩn bị nội dung - Tạo kịch bản - Tạo trang web Hoạt động 2: Thực hành khởi động và tìm hiểu Kompozer (25’) - GV yêu cầu HS tham khảo bài 1 SGK trang 54 tìm hiểu nội dung thực hành - GV yêu cầu HS thực hiện các thao tác định dạng văn bản, chèn hình ảnh, tạo liên kết để hiểu rõ hơn - GV nhận xét và nhấn mạnh lại các thao tác định dạng văn bản, chèn hình ảnh, tạo liên kết - GV yêu cầu thoát khỏi phần mềm - HS tham khảo SGK, khởi động phần mềm Kompozer để tìm hiểu màn hình làm việc, các lệnh trong bảng chọn và so sánh với màn hình của word - HS thực hành theo yêu cầu - HS ghi nhận kiến thức - HS thực hiện Bài 1: Khởi động và tìm hiểu Kompozer: 1. Tìm hiểu màn hình làm việc của Kompozer 2. Tìm hiểu các bảng chọn và các lệnh của phần mềm 3. Sử dụng các nút lệnh định dạng, chèn hình ảnh, tạo liên kết cho trang web 4. Thoát khỏi phần mềm Kompozer Giáo án môn Tin học – 9 Trang 1 /2 GV: Nguyễn Nhựt Minh 3) Củng cố (6’): - HS thực hành trên máy - GV kiểm tra cách thực hành của HS 4) Dặn dò (4’): - Xem lại bài thực hành - Chuẩn bị nội dung thực hành phần 2 “Bài thực hành 4: Tạo trang web đơn giản” + Xây dựng kịch bản cho trang web với thông tin về câu lạc bộ văn nghệ của lớp + Cách tạo hai trang web: Câu lạc bộ văn nghệ và Thành viên câu lạc bộ *) Rút kinh nghiệm tiết dạy: Giáo án môn Tin học – 9 Trang 2 /2 Tuần: 33 Tiết: 65 Tuần: 33 Tiết: 65 Kiểm tra cũ Em nêu tác dụng khác hai nút lệnh Đáp án Add Frame(s) Insert Frame(s) Nút lệnh Add Frame(s) : dùng để thêm khung hình vào cuối dãy Nút lệnh Insert Frame(s) : dùng để chèn khung hình vào trước khung hình chọn Tuần: 33 Tiết: 65 Tiết 65 Tuần: 33 Tiết: 65 BTH 11 Tạo ảnh động đơn giản Bàitập tập1.1.Khởi Khởiđộng độngvà vàtìm tìmhiểu hiểuBeneton BenetonMovie MovieGif Gif Bài Bàitập tập2.2.Tạo Tạoảnh ảnhđộng độngbằng bằngBeneton BenetonMovie MovieGif Gif Bài Bàitập tập3.3.Tạo Tạoảnh ảnhđộng độngvà vàđưa đưalên lêntrang trangWeb Web Bài Tuần: 33 Tiết: 65 Mục đích yêu cầu: Mục đích yêu cầu - Làm quen với phần mềm tạo ảnh động Beneton Movie Gif - Biết tạo ảnh động đơn giản phần mềm Beneton Movie Gif Tuần: 33 Tiết: 65 Nội dung Bài tập 1: Khởi động tìm hiểu Beneton Movie Gif Mục đích yêu cầu Nội dung Khởi động tìm hiểu hình làm việc phần mềm Beneton Movie Gif: khu vực cửa sổ, số nút lệnh công cụ chức chúng Tuần: 33 Tiết: 65 Mục đích yêu cầu 2 Nội dung Tuần: 33 Tiết: 65 Thanh công cụ Mục đích yêu cầu Nội dung Thông tin khung hình Khung hình chọn Dãy ảnh tạo nên ảnh động Các hiệu ứng Tuần: 33 Tiết: 65 Nút Insert blank Frame(s) Nút Add Frame(s) Mục đích yêu cầu Nút Add blank Frame(s) Nội dung Nút Insert Frame(s)  Nút Add Blank Frame(s): thêm khung hình trống vào cuối dãy Em cho biết chức  Nút Add Frame(s): dùng để thêm khung hình vào cuối dãy nút lệnh  Nút Insert Blank Frame(s): chèn khung hình trống vào trước khung hình chọn trên?  Nút Insert Frame(s): dùng để chèn khung hình vào trước khung hình chọn Tuần: 33 Tiết: 65 Nội dung Bài tập 1: Khởi động tìm hiểu Beneton Movie Gif Mục đích yêu cầu Nội dung Nháy nút Add Frame(s) from a file để chèn ba hình ảnh (D:\Hinh_Anh) làm thành ba khung hình ảnh động Tuần: 33 Tiết: 65 Nội dung Bài tập 1: Khởi động tìm hiểu Beneton Movie Gif Mục đích yêu cầu Nội dung Tìm hiểu cách chọn khung hình ngăn phía cửa sổ cách nháy chuột, nhấn giữ phím Ctrl nháy chuột nhấn giữ phím Shift nháy chuột Nhận xét  Ctrl + nháy chuột: chọn khung hình nháy chuột  Shift + nháy chuột: chọn tất khung hình từ khung hình ban đầu đến khung hình nháy chuột Tuần: 33 Tiết: 65 Nội dung Bài tập 1: Khởi động tìm hiểu Beneton Movie Gif Mục đích yêu cầu Chọn tất khung hình gõ 100 ô Delay Nội dung Nhận xét Tất khung hình đặt thời gian dừng 100 (tức giây) Tuần: 33 Tiết: 65 Nội dung Bài tập 1: Khởi động tìm hiểu Beneton Movie Gif Mục đích yêu cầu Nội dung Nháy nút để kiểm tra kết nhận ngăn phía trên, bên trái Đánh dấu bỏ dấu ô Loop Nhận xét Khi đánh dấu: kết lặp lặp lại nháy nút dừng (stop) Khi bỏ dấu: xem trước kết lần Tuần: 33 Tiết: 65 Nội dung Bài tập 1: Khởi động tìm hiểu Beneton Movie Gif Mục đích yêu cầu Nội dung Chọn hiệu ứng ngăn bên phải nháy để áp dụng cho khung hình Kiểm tra kết nhận xét Nhận xét Tất khung hình đặt hiệu ứng giống Tuần: 33 Tiết: 65 Nội dung Bài tập 1: Khởi động tìm hiểu Beneton Movie Gif Mục đích yêu cầu Nội dung Nháy nút Save công cụ để lưu kết (lưu đĩa D với tên ten_hoc_sinh) Mở tệp lưu để xem kết cuối nhận Tuần: 33 Tiết: 65 Nội dung Bài tập 2: Tạo ảnh động Beneton Movie Gif Mục đích yêu cầu Nội dung Yêu cầu: Ghép 13 ảnh Dong_Ho_0.jpg, , Dong_Ho_12.jpg thư mục Anh_Dong_Ho đĩa D thành ảnh động mô kim giây đồng hồ với khoảng thời gian giây Lưu lại kết với tên Dong_Ho.gif đĩa D GV: Nguyễn Nhựt Minh Ngày soạn: 7/9/2012 Ngày dạy: 16/10/2012 (lớp 9A1) – 19/10/2012 (lớp 9A2) Tiết: 18 - Tuần: 9 Bài thực hành 4: TẠO TRANG WEB ĐƠN GIẢN I. Mục tiêu: - Kiến thức: Làm quen với phần mềm Kompozer. - Kĩ năng: Tạo trang web đơn giản, có liên kết bằng phần mềm Kompozer. - Thái độ: Giáo dục thái độ nghiêm túc làm quen với phần mềm. II. Chuẩn bị của GV và HS: - GV: Giáo án, SGK, máy vi tính. - HS: sách, tập, viết. III.Tiến trình bài dạy: 1) Kiểm tra bài cũ (5’): - Nêu cách khởi động phần mềm Kompozer? - Nêu các bước định dạng, chèn hình ảnh, tạo liên kết cho trang web? 2) Dạy nội dung bài mới (30ph). Hoạt động của GV Hoạt động của HS Nội dung Hoạt động 1: Giới thiệu nội dung thực hành - GV yêu cầu HS quan sát hình 53, 54, 55. Chia nhóm cho HS thảo luận 1. Chọn đề tài: 2. Chuẩn bị nội dung: 3. Xây dựng kịch bản - GV nhận xét - HS hoạt động nhóm và thảo luận nội dung thực hành * Nội dung thực hành: - Đề tài: phổ biến câu lạc bộ văn nghệ của lớp - Nội dung trang web gồm các thông tin: tên, địa chỉ, địa chỉ email,…. của câu lạc bộ, danh sách các thành viên và thông tin chi tiết của từng thành viên - Xây dựng kịch bản Hoạt động 2: Thực hành tạo trang web đơn giản - GV yêu cầu HS khởi động phần mềm Kompozer - GV yêu cầu HS nghiên cứu và thực hành theo nội dung Bài 2/ Mục 2/SGK/trang 55 - GV hướng dẫn HS cách tạo trang chủ (hình 53) và tạo trang web gồm danh sách các thành viên (hình 54) bằng cách sao chép toàn bộ nội dung trang web đã có - GV quan sát và yêu cầu HS lưu trang web - HS thực hiện theo từng nhóm - HS quan sát hình 53, 54 tìm hiểu cách thực hành - HS thực hành theo hướng dẫn - HS thực hiện Bài 2: Tạo trang web bằng kompozer: 1. Tạo trang chủ (hình 53) gồm: - Tiêu đề: Câu lạc bộ văn nghệ - Tên lớp, trường, địa chỉ, địa chỉ email của câu lạc bộ - Ba mục Thành viên, hoạt động, hình ảnh - Chèn hình ảnh biểu trưng cho trang web - Lưu trang web với tên Cau lac bo 2. Tạo trang web danh sách thành viên (hình 54) - Mở trang web đã có nội dung và nhấn phím Ctrl+A - Nhấn phím Ctrl+C - Nháy File→ New và nháy Create để tạo trang web mới - Nhấn phím Ctrl+V Giáo án môn Tin học – 9 Trang 1 /4 GV: Nguyễn Nhựt Minh 3) Củng cố (6’): - GV thực hiện lại những thao tác khó và hướng dẫn HS cách khắc phục những nhược điểm của mình - HS chú ý theo dõi và ghi nhận 4) Dặn dò (4’): - Xem lại bài thực hành - Chuẩn bị nội dung, hình ảnh cho thực hành “Bài thực hành 4: Tạo trang web đơn giản (tt)” *) Rút kinh nghiệm tiết dạy: Giáo án môn Tin học – 9 Trang 2 /4 GV: Nguyễn Nhựt Minh Giáo án môn Tin học – 9 Trang 3 /4 GV: Nguyễn Nhựt Minh Giáo án môn Tin học – 9 Trang 4 /4 GV: Nguyễn Nhựt Minh Ngày soạn: 7/9/2012 Ngày dạy: 16/10/2012 (lớp 9A1) – 19/10/2012 (lớp 9A2) Tiết: 19 - Tuần: 10 Bài thực hành 4: TẠO TRANG WEB ĐƠN GIẢN I. Mục tiêu: - Kiến thức: Làm quen với phần mềm Kompozer. - Kĩ năng: Tạo trang web đơn giản, có liên kết bằng phần mềm Kompozer. - Thái độ: Giáo dục thái độ nghiêm túc làm quen với phần mềm. II. Chuẩn bị của GV và HS: - GV: Giáo án, SGK, máy vi tính. - HS: sách, tập, viết. III.Tiến trình bài dạy: 1) Kiểm tra bài cũ (5’): - Nêu cách khởi động phần mềm Kompozer? - Nêu các bước tạo liên kết các trang web? 2) Dạy nội dung bài mới (30ph). Hoạt động của GV Hoạt động của HS Nội dung Hoạt động 1: Nhắc lại nội dung thực hành (10’) - GV yêu cầu HS khởi động Kompozer - GV yêu cầu HS nêu các bước định dạng, chèn hình ảnh, tạo liên kết cho trang web - GV nhận xét, chốt lại nội dung thực hành - HS thực hiện - HS trả lời và thực hành một số thao tác trên máy Nội dung thực hành: - Khởi động phần mềm Kompozer - Soạn thảo trang web - Định dạng trang web - Chèn hình ảnh vào trang web - Tạo liên kết các trang web Hoạt động 2: Thực hành tạo trang web đơn giản, liên kết trang web (25’) - GV yêu cầu HS khởi động Kompozer, mở tệp HTML đã lưu ở bài 2 - GV yêu cầu HS tham khảo SGK trang 56 để tạo trang web có một số thông tin chi tiết về các thành viên cuản câu lạc bộ - GV nhận xét và hướng dẫn HS liên kết các trang web với nhau - GV quan sát - HS thực hiện - HS thực hiện - HS thực hành theo hướng dẫn Bài 2: Tạo trang web bằng kompozer (tt): 3. Tạo trang web thông tin chi tiết các thành viên (hình 55) - Tiêu đề: Họ và tên thành viên - Nội dung: Họ tên, ngày sinh, số điện thoại, sở thích, ảnh thành viên 4. Tạo liên kết 3) Củng cố (6’): - GV thực hiện lại những thao tác khó và hướng dẫn HS cách khắc phục những nhược điểm của mình - HS chú ý theo dõi và ghi nhận 4) Dặn dò (4’): - Xem lại bài thực hành - Chuẩn bị nội dung, hình ảnh cho thực hành “Bài thực hành 4: Tạo trang web đơn giản (tt)” *) Rút kinh nghiệm tiết dạy: Giáo án môn Tin học – 9 Trang 1 /1 Cách tạo ảnh động đơn giản với GIMP Bạn lướt web, tham gia diễn đàn… và nhìn thấy những hình ảnh động độc đáo và đẹp mắt. Bài viết dưới đây sẽ hướng dẫn cách thức để tự tạo cho riêng mình 1 hình ảnh động đơn giản.GIMP là một trong những phần mềm chỉnh sửa và biên tập ảnh hàng đầu hiện nay. Mã nguồn mở và hoàn toàn miễn phí, nên phần mềm có khả năng cài đặt thêm các plugin để mở rộng chức năng. Download phần mềm tại đây. Bài viết dưới đây sẽ giúp bạn tạo một hình ảnh động đơn giản trên GIMP. Bước 1: Tạo nội dung file ảnh động: Trong hướng dẫn dưới đây, chúng ta sẽ tiến hành tạo 1 file ảnh động đơn giản có nội dung “Bao Dien Tu Dan Tri”, với sự xuất hiện lần lượt của từng từ. Để bắt đầu, nhấn chọn ‘Tập tin -> Mới’ từ menu để khởi tạo file ảnh mới. Ở hộp thoại ‘Tạo ảnh mới’ hiện ra, bạn khởi tạo 1 file ảnh có kích cỡ 300 chiều ngang và 100 chiều dọc (đây là kích cỡ minh họa, bạn có thể khởi tạo file ảnh với kích cỡ tùy ý). Nhấn chọn công cụ Text Tool từ hộp thoại công cụ của GIMP, công cụ này hiển thị dưới dạng biểu tượng chữ A. Kích chuột vào hình ảnh trắng mới khởi tạo, hộp thoại ‘Bộ hiệu chỉnh văn bản GIMP’ hiện ra, điền vào hộp thoại này chữ ‘Bao’ và nhấn nút Đóng. Lưu ý: sau chữ ‘Bao’, bạn phải tạo thêm 1 ký tự trống để hiển thị đầy đủ nội dung. [I][/I] Tại hộp thoại ‘Lớp’ nằm ở góc phải giao diện GIMP, kích chuột phải vào lớp ‘Bao’ vừa tạo ra, chọn ‘Nhân đôi lớp’. Kích đôi vào lớp vừa được nhân đôi, hộp thoại quản lý văn bản lại hiện ra. Bạn điền nội dung ‘Dien’ vào hộp thoại rồi nhấn nút Đóng. Sau đó sử dụng chuột, kéo và thả chữ ‘Dien’ ra vị trí ngay sau chữ ‘Bao’. Tiếp tục nhân đôi lớp, và thực hiện tuần tự để tạo thành chuỗi ký tự ‘Bao Dien Tu Dan Tri’, mỗi từ được nằm trên 1 lớp riêng biệt. Đây chỉ là quá trình thử nghiệm, do vậy bạn đừng quá bận tâm về việc trình bày và vị trí các ký tự. Bước 2: Tạo hiệu ứng ảnh động Các từ được tạo ra nằm trên các lớp riêng biệt. Bây giờ, chúng ta sẽ tiến hành để ảnh động lần lượt hiển thị từng từ. Từ menu của phần mềm, chọn ‘Bộ lọc -> Hoạt ảnh -> Phát lại’. Hộp thoại ‘Phát lại ảnh’ hiện ra, tại đây, nhấn nút ‘Phát’ để xem hiệu ứng động trên hình ảnh. Bài thực hành 11: TẠO ẢNH ĐỘNG ĐƠN GIẢN Mục đích, yêu cầu: - Làm quen với phần mềm tạo ảnh động Beneton Movie GIF - Biết tạo ảnh động đơn giản Nội dung: Bài 1: Khởi động tìm hiểu Beneton Movie GIF Nhấp đúp vào biểu tượng Desktop Nhấp vào biểu tượng Add frame(s) from a file Chọn số Delay (thời gian chuyển động) ảnh chọn Chọn nút Play để chạy thử ảnh động Chọn hiệu ứng đơn giản Chọn Chọn hiệu ứng động Chọn Lưu tập tin vừa thiết kế (với tên TH11) - Học sinh thực máy tính cá nhân theo hướng dẫn - Có thể tìm hiểu thêm nút lệnh cách chọn khác học phần lý thuyết trước - Gv theo dõi hướng dẫn thực hành II Nội dung: Bài 2: Tạo ảnh động Beneton Movie GIF Nhấp vào biểu tượng Add frame(s) from a file Thực bước tương tự ý: - Chọn nhiều ảnh tĩnh tệp ảnh định trước - Các hình ảnh tĩnh liên thông logic với để thể vật thể chuyển động hợp lý - Có thể chọn hình ảnh trang Web thông dụng … II Nội dung: Bài 3: Tạo ành động đưa lên trang Web: - Học sinh mở lại trang web có sẵn thực hành trước -Chèn tập tin TH11 vào trang web -Cho chạy thử trang web - Học sinh thực máy tính cá nhân theo hướng dẫn - Có thể tìm hiểu thêm nút lệnh cách chọn khác học phần lý thuyết trước - Gv theo dõi hướng dẫn thực hành ... Tuần: 33 Tiết: 65 BTH 11 Tạo ảnh động đơn giản Bàitập tập1.1.Khởi Khởiđộng độngvà vàtìm tìmhiểu hiểuBeneton BenetonMovie MovieGif Gif Bài Bàitập tập2.2 .Tạo Tạoảnh ảnh ộng độngbằng bằngBeneton BenetonMovie... MovieGif Gif Bài Bàitập tập3.3 .Tạo Tạoảnh ảnh ộng độngvà vàđưa đưalên lêntrang trangWeb Web Bài Tuần: 33 Tiết: 65 Mục đích yêu cầu: Mục đích yêu cầu - Làm quen với phần mềm tạo ảnh động Beneton... Movie Gif - Biết tạo ảnh động đơn giản phần mềm Beneton Movie Gif Tuần: 33 Tiết: 65 Nội dung Bài tập 1: Khởi động tìm hiểu Beneton Movie Gif Mục đích yêu cầu Nội dung Khởi động tìm hiểu hình