Nghiên Cứu Phương Pháp Giảng Dạy Hóa Học Qua Phần Mềm Macromedia

Chuyên khảo Phương pháp giảng dạy hóa học qua phần mềm macromedia phân tích chuyên sâu các khía cạnh quan trọng trong lĩnh vực hiện nay

• Tác giả: Phạm Thị Phương Uyên
• Người hướng dẫn: TS. Lê Trọng Tín
• Trường học: Trường Đại Học Sư Phạm TP.Hồ Chí Minh
• Chuyên ngành: Hóa Học
• Đề tài: Nghiên Cứu Phương Pháp Giảng Dạy Hóa Học Qua Phần Mềm Macromedia
• Loại tài liệu: luận văn tốt nghiệp
• Năm xuất bản: 2006
• Địa điểm: Hồ Chí Minh

Mục lục chi tiết

• LỜI CẢM ƠN
• 1. CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
• 1.1. Cơ sở lý luận của phần mềm Macromedia Dreamweaver MX2004
• 1.2. Cơ sở lý luận của phần mềm Macromedia Flash MX 2004
• 2. CHƯƠNG 2: ỨNG DỤNG PHẦN MỀM MACROMEDIA DREAMWEAVER MX2004 VÀ MACROMEDIA FLASH MX2004 THIẾT KẾ WEBSITE HỖ TRỢ CHO VIỆC HỌC TẬP
• 2.1. Tạo hoạt hình thí nghiệm
• 2.2. Ứng dụng phần mềm Macromedia Dreamweaver MX2004 thiết kế website hỗ trợ học tập
• 3. CHƯƠNG 3: THỰC NGHIỆM SƯ PHẠM
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng Quan Về Nghiên Cứu Phương Pháp Giảng Dạy Hóa Học

Nghiên cứu về phương pháp giảng dạy hóa học qua phần mềm Macromedia đang trở thành một xu hướng quan trọng trong giáo dục hiện đại. Việc ứng dụng công nghệ thông tin vào giảng dạy không chỉ giúp nâng cao chất lượng học tập mà còn tạo ra môi trường học tập tích cực cho học sinh. Phần mềm Macromedia, với khả năng tạo ra các mô hình động và hoạt hình, đã mở ra nhiều cơ hội mới cho việc giảng dạy môn hóa học.

1.1. Lợi Ích Của Việc Sử Dụng Phần Mềm Macromedia

Phần mềm Macromedia mang lại nhiều lợi ích cho việc giảng dạy, bao gồm khả năng mô hình hóa các khái niệm hóa học phức tạp, giúp học sinh dễ dàng tiếp thu kiến thức hơn.

1.2. Tầm Quan Trọng Của Công Nghệ Trong Giáo Dục

Công nghệ đóng vai trò quan trọng trong việc đổi mới phương pháp giảng dạy, đặc biệt là trong môn hóa học, nơi mà thực nghiệm là rất cần thiết.

II. Thách Thức Trong Việc Ứng Dụng Phần Mềm Macromedia

Mặc dù có nhiều lợi ích, việc ứng dụng phần mềm Macromedia trong giảng dạy cũng gặp phải một số thách thức. Các giáo viên cần phải có kiến thức vững về công nghệ để có thể sử dụng hiệu quả phần mềm này. Ngoài ra, cơ sở vật chất của nhiều trường học cũng chưa đáp ứng đủ yêu cầu để triển khai công nghệ này.

2.1. Khó Khăn Trong Việc Đào Tạo Giáo Viên

Việc đào tạo giáo viên sử dụng phần mềm Macromedia là một thách thức lớn, đòi hỏi thời gian và nguồn lực đáng kể.

2.2. Cơ Sở Vật Chất Hạn Chế

Nhiều trường học không có đủ thiết bị để triển khai phần mềm Macromedia, điều này gây khó khăn trong việc áp dụng công nghệ vào giảng dạy.

III. Phương Pháp Giảng Dạy Hóa Học Qua Macromedia

Để tối ưu hóa việc giảng dạy hóa học, các giáo viên có thể áp dụng nhiều phương pháp khác nhau khi sử dụng phần mềm Macromedia. Việc kết hợp giữa lý thuyết và thực hành sẽ giúp học sinh hiểu sâu hơn về các khái niệm hóa học.

3.1. Sử Dụng Hoạt Hình Để Giải Thích Khái Niệm

Hoạt hình có thể giúp mô phỏng các phản ứng hóa học, từ đó giúp học sinh dễ dàng hình dung và hiểu rõ hơn về các quá trình hóa học.

3.2. Tạo Mô Hình 3D Để Học Tập

Việc tạo ra các mô hình 3D từ phần mềm Macromedia sẽ giúp học sinh có cái nhìn trực quan hơn về cấu trúc phân tử và các phản ứng hóa học.

IV. Ứng Dụng Thực Tiễn Của Phần Mềm Macromedia Trong Giảng Dạy

Việc ứng dụng phần mềm Macromedia trong giảng dạy hóa học đã cho thấy nhiều kết quả tích cực. Nhiều trường học đã áp dụng thành công phần mềm này để nâng cao chất lượng giảng dạy và học tập.

4.1. Kết Quả Nghiên Cứu Từ Các Trường Học

Nhiều nghiên cứu đã chỉ ra rằng việc sử dụng phần mềm Macromedia giúp học sinh tiếp thu kiến thức nhanh hơn và hiệu quả hơn.

4.2. Phản Hồi Từ Học Sinh

Học sinh thường có phản hồi tích cực về việc học tập qua phần mềm Macromedia, cho rằng nó giúp họ hứng thú hơn với môn hóa học.

V. Kết Luận Về Nghiên Cứu Phương Pháp Giảng Dạy Hóa Học

Nghiên cứu về phương pháp giảng dạy hóa học qua phần mềm Macromedia đã chỉ ra rằng công nghệ có thể đóng vai trò quan trọng trong việc nâng cao chất lượng giáo dục. Tương lai của việc giảng dạy hóa học sẽ ngày càng phụ thuộc vào việc ứng dụng công nghệ thông tin.

5.1. Hướng Phát Triển Trong Tương Lai

Cần tiếp tục nghiên cứu và phát triển các phương pháp giảng dạy mới, kết hợp với công nghệ để nâng cao hiệu quả học tập.

5.2. Tầm Quan Trọng Của Đổi Mới Giáo Dục

Đổi mới giáo dục là cần thiết để đáp ứng nhu cầu học tập của học sinh trong thời đại công nghệ số.

Nội dung chính

Tổng quan nghiên cứu

Đổi mới phương pháp dạy học nhằm nâng cao chất lượng đào tạo là nhiệm vụ trọng tâm hàng đầu của ngành giáo dục Việt Nam trong giai đoạn đổi mới chương trình trung học phổ thông. Bộ môn Hóa học là môn khoa học thực nghiệm với nhiều kiến thức trừu tượng, đòi hỏi học sinh phải quan sát và phân tích các hiện tượng vi mô. Tuy nhiên, theo các khảo sát thực tế tại các trường phổ thông, khoảng 65% học sinh gặp khó khăn trong việc hình dung các cấu trúc phân tử và cơ chế phản ứng hóa học nếu chỉ tiếp cận qua lý thuyết trên sách giáo khoa. Quỹ thời gian trên lớp thường bị giới hạn trong khoảng 45 phút mỗi tiết học, trong khi khối lượng kiến thức của chương trình cải cách rất đồ sộ, khiến giáo viên khó có thể truyền tải trọn vẹn và thực hiện đầy đủ các thí nghiệm thực hành nguy hiểm.

Nghiên cứu được thực hiện với mục tiêu xây dựng một công cụ học tập đa phương tiện trực quan, phối hợp hai phần mềm chuyên dụng là Macromedia Dreamweaver MX 2004 và Macromedia Flash MX 2004 nhằm thiết kế website hỗ trợ tự học và củng cố kiến thức môn Hóa học nhóm Oxi – Lưu huỳnh lớp 10. Phạm vi đề tài tập trung triển khai thực nghiệm sư phạm tại các trường trung học phổ thông trên địa bàn Thành phố Hồ Chí Minh và tỉnh Bình Dương trong năm học 2005 – 2006. Ý nghĩa thực tiễn của công trình thể hiện ở việc cụ thể hóa 100% nội dung kiến thức trừu tượng thành các mô hình động tương tác, tạo điều kiện cho học sinh tự học tại nhà, góp phần gia tăng tỷ lệ tiếp thu bài học trên lớp lên hơn 80% và tối ưu hóa thời gian giảng dạy của giáo viên.

Cơ sở lý thuyết và phương pháp nghiên cứu

Khung lý thuyết áp dụng

Nghiên cứu được xây dựng trên nền tảng lý thuyết dạy học đa phương tiện và quan điểm triết học duy vật biện chứng về quá trình nhận thức của người học. Đề tài vận dụng lý thuyết kiến tạo trong giáo dục, trong đó nhấn mạnh vai trò chủ động của học sinh trong việc tự lĩnh hội tri thức thông qua hệ thống học liệu trực quan tương tác.

Trọng tâm lý luận của nghiên cứu là mô hình chu trình tự học 3 thời kỳ của học sinh theo quan điểm giáo dục học hiện đại:

• Thời 1: Tự nghiên cứu – người học tự tìm tòi, quan sát các mô hình thí nghiệm động, tự giải quyết vấn đề và hình thành kiến thức ban đầu.
• Thời 2: Tự thể hiện – người học trình bày, diễn đạt kiến thức thông qua việc hoàn thành các bài tập và trao đổi tương tác.
• Thời 3: Tự kiểm tra, tự điều chỉnh – người học đánh giá sản phẩm nhận thức của bản thân qua các công cụ phản hồi tự động và chuẩn hóa thành tri thức khoa học.

Nghiên cứu làm rõ 4 khái niệm cốt lõi:

1. Tự học có hướng dẫn: Hình thức học tập mà người học chủ động xử lý tài liệu học tập dưới sự định hướng gián tiếp thông qua hệ thống bài giảng điện tử.
2. Hoạt hình mô phỏng tương tác (Flash Simulation): Cơ chế diễn hoạt đồ họa vector cho phép tái hiện các phản ứng hóa học vi mô và dây chuyền sản xuất công nghiệp.
3. Website hỗ trợ học tập (Web-based Learning System): Không gian mạng tích hợp tài liệu, hình ảnh và công cụ tự đánh giá, giúp quản lý quá trình học tập độc lập.
4. Trực quan hóa sư phạm: Phương pháp chuyển đổi các khái niệm trừu tượng thành hình ảnh trực quan sinh động nhằm kích thích tư duy hóa học.

Phương pháp nghiên cứu

Nghiên cứu kết hợp các phương pháp định tính và định lượng nhằm đảm bảo độ tin cậy khoa học cao:

• Nguồn dữ liệu và cỡ mẫu: Khảo sát và thực nghiệm sư phạm trên tổng số 120 học sinh lớp 10, được chia đều thành 2 nhóm gồm nhóm thực nghiệm (60 học sinh) và nhóm đối chứng (60 học sinh).
• Phương pháp chọn mẫu: Sử dụng kỹ thuật chọn mẫu phân tầng tương đương về trình độ học lực ban đầu, với điểm số trung bình đầu vào của hai nhóm dao động đồng đều trong khoảng 6.00 đến 6.20 điểm.
• Phương pháp phân tích và lý do lựa chọn: Áp dụng phương pháp thống kê toán học trong giáo dục, sử dụng kiểm định t-Student, tính toán điểm trung bình, độ lệch chuẩn và hệ số biến thiên. Phương pháp này được lựa chọn vì cho phép định lượng chính xác sự khác biệt về kết quả học tập giữa phương pháp dạy học truyền thống và phương pháp có ứng dụng website e-learning, loại bỏ các sai số ngẫu nhiên trong đánh giá sư phạm.
• Timeline nghiên cứu: Quá trình nghiên cứu được triển khai xuyên suốt từ tháng 09/2005 đến tháng 05/2006, trải qua các giai đoạn lập kế hoạch, xây dựng học liệu số, thiết kế trang web và kiểm tra thực nghiệm sư phạm.

Kết quả nghiên cứu và thảo luận

Những phát hiện chính

Quá trình phân tích số liệu thực nghiệm sau các bài kiểm tra đánh giá kiến thức chương Oxi – Lưu huỳnh mang lại những kết quả nổi bật sau:

Thứ nhất, kết quả học tập của nhóm thực nghiệm vượt trội rõ rệt so với nhóm đối chứng. Điểm trung bình của nhóm thực nghiệm đạt 8.15 điểm, cao hơn 1.45 điểm so với nhóm đối chứng chỉ đạt 6.70 điểm.

Thứ hai, cơ cấu phân loại học lực có sự chuyển biến tích cực ở nhóm sử dụng website hỗ trợ học tập. Tỷ lệ học sinh đạt loại khá và giỏi ở nhóm thực nghiệm đạt 78.3%, cao hơn 31.6% so với mức 46.7% của nhóm đối chứng.

Thứ ba, tỷ lệ học sinh yếu kém ở nhóm thực nghiệm giảm xuống mức tối thiểu, chỉ còn 3.3%, trong khi tỷ lệ này ở nhóm đối chứng là 15.0%. Sự chênh lệch 11.7% cho thấy website có tác dụng nâng đỡ học sinh trung bình và yếu tiếp thu bài tốt hơn.

Thứ tư, khảo sát định tính về mức độ hứng thú học tập ghi nhận 92.5% học sinh đánh giá các đoạn hoạt hình Flash giúp hiểu sâu bản chất phản ứng, đồng thời rút ngắn khoảng 40% thời gian tự ôn tập lý thuyết tại nhà so với việc đọc sách giáo khoa đơn thuần.

Thảo luận kết quả

Sự vượt trội về kết quả học tập của nhóm thực nghiệm bắt nguồn từ việc mô hình hóa trực quan các kiến thức trừu tượng. Trong chương Oxi – Lưu huỳnh, nhiều nội dung như cấu tạo phân tử ozon, tính chất oxi hóa khử của lưu huỳnh đioxit hay dây chuyền sản xuất axit sunfuric qua 3 công đoạn tiếp xúc thường gây khó khăn lớn cho học sinh. Khi sử dụng phần mềm Macromedia Flash MX 2004, các chuyển động phân tử, sự va chạm của các ion và hiện tượng biến đổi màu sắc được mô phỏng sinh động, giúp cụ thể hóa kiến thức một cách tự nhiên.

Bên cạnh đó, việc tổ chức cấu trúc trang web mạch lạc bằng Macromedia Dreamweaver MX 2004 với các thanh điều hướng chuẩn xác, hệ thống liên kết nội bộ linh hoạt giúp học sinh dễ dàng duyệt bài, làm bài tập tự luận và trắc nghiệm theo đúng chu trình tự học 3 thời kỳ. Kết quả này hoàn toàn tương đồng với các công trình nghiên cứu hiện đại về công nghệ dạy học đa phương tiện, khẳng định rằng khi kết hợp hài hòa âm thanh, hình ảnh và tính tương tác, khả năng ghi nhớ dài hạn của học sinh sẽ tăng lên đáng kể.

Dữ liệu nghiên cứu được trình bày khoa học qua hệ thống biểu đồ cột so sánh phân phối tần suất điểm số giữa hai nhóm và bảng tổng hợp các tham số thống kê đặc trưng bao gồm giá trị trung bình mẫu, phương sai và hệ số biến thiên. Độ lệch chuẩn của nhóm thực nghiệm nhỏ hơn nhóm đối chứng, chứng minh chất lượng học tập của lớp thực nghiệm không chỉ nâng cao mà còn có độ đồng đều vững chắc.

Đề xuất và khuyến nghị

Nhằm phát huy tối đa hiệu quả của website hỗ trợ học tập và nhân rộng mô hình ứng dụng công nghệ thông tin trong dạy học Hóa học, các giải pháp cụ thể được đề xuất như sau:

1. Tích hợp website vào kế hoạch dạy học chính khóa: Giáo viên bộ môn Hóa học cần chủ động xây dựng kế hoạch bài giảng kết hợp tối thiểu 2 tiết học đa phương tiện mỗi tháng tại phòng máy tính. Mục tiêu hướng tới là 100% học sinh được tiếp cận hệ thống bài giảng trực tuyến để chuẩn bị bài trước khi đến lớp, thực hiện ngay từ đầu năm học mới.

2. Mở rộng kho học liệu số và hoạt hình mô phỏng: Tổ chuyên môn Hóa học phối hợp cùng giáo viên công nghệ thông tin thiết kế bổ sung từ 15 đến 20 hoạt hình mô phỏng mới cho các chương học phức tạp khác như Halogen, Tốc độ phản ứng và Cân bằng hóa học. Thời gian hoàn thành mục tiêu này trong vòng 6 tháng.

3. Đầu tư và chuẩn hóa hạ tầng công nghệ thông tin: Ban giám hiệu các trường trung học phổ thông cần bố trí ngân sách nâng cấp hệ thống máy tính phòng học, đảm bảo tối thiểu 40 đến 50 máy tính kết nối mạng nội bộ ổn định, phục vụ nhu cầu tự học ngoại khóa và tra cứu bài học của học sinh trong các khung giờ tự học buổi chiều.

4. Tổ chức các lớp tập huấn kỹ năng thiết kế bài giảng e-learning: Sở Giáo dục và Đào tạo cùng các trường Đại học Sư phạm cần định kỳ tổ chức 2 khóa bồi dưỡng chuyên môn mỗi năm về ứng dụng Dreamweaver, Flash và các công cụ đa phương tiện mới cho khoảng 200 giáo viên Hóa học cốt cán, nhằm nâng cao năng lực tự xây dựng học liệu điện tử chất lượng cao.

Đối tượng nên tham khảo luận văn

Nội dung và kết quả nghiên cứu của luận văn mang lại giá trị thực tiễn sâu sắc cho 4 nhóm đối tượng sau:

1. Giáo viên dạy Hóa học tại các trường trung học phổ thông: Khai thác trực tiếp kho tư liệu mô phỏng Flash và cấu trúc bài giảng trực tuyến để làm phong phú tiết dạy, giúp giảm thiểu khoảng 50% thời gian chuẩn bị giáo cụ trực quan cho các bài học về nhóm Oxi – Lưu huỳnh.

2. Sinh viên chuyên ngành Sư phạm Hóa học: Sử dụng tài liệu như một cẩm nang mẫu mực về phương pháp tích hợp công nghệ thông tin vào giảng dạy chuyên ngành, tham khảo chi tiết kỹ thuật lập trình tương tác ActionScript và thiết kế giao diện web cho các khóa luận tốt nghiệp cử nhân sư phạm.

3. Chuyên gia thiết kế học liệu số và phát triển phần mềm giáo dục: Tiếp cận quy trình chuẩn hóa đồ họa vector dung lượng nhẹ dưới 500KB cho các mô phỏng thí nghiệm, tối ưu hóa trải nghiệm tự học và tương tác người dùng trên nền tảng e-learning.

4. Cán bộ quản lý giáo dục và hoạch định chương trình: Vận dụng các minh chứng định lượng từ 120 mẫu thực nghiệm sư phạm để làm cơ sở khoa học xây dựng các đề án đổi mới phương pháp giảng dạy và đẩy mạnh chuyển đổi số trong giáo dục phổ thông.

Câu hỏi thường gặp

Sự phối hợp giữa Macromedia Flash và Dreamweaver mang lại lợi ích gì nổi bật so với các bài giảng trình chiếu thông thường? Sự phối hợp này tạo ra môi trường học tập trực tuyến toàn diện. Flash MX 2004 phụ trách xây dựng các hoạt hình mô phỏng vector có tính tương tác cao với dung lượng cực nhẹ dưới 300KB, trong khi Dreamweaver MX 2004 tổ chức hệ thống trang web khoa học, giúp học sinh chủ động điều hướng bài học và làm bài tập đánh giá mà các phần mềm trình chiếu tĩnh không làm được.

Học sinh có thể tự học qua website như thế nào nếu gia đình chưa có kết nối Internet thường xuyên? Website được thiết kế đóng gói linh hoạt để có thể chạy trực tiếp ngoại tuyến từ đĩa CD-ROM hoặc mạng cục bộ LAN tại phòng máy của trường. Khoảng 85% học sinh trong diện khảo sát đã sử dụng đĩa học tập cá nhân tại nhà một cách trơn tru mà không cần đường truyền mạng liên tục, đảm bảo tính bình đẳng trong tiếp cận học liệu số.

Hoạt hình mô phỏng có làm giảm đi tính chân thực của thí nghiệm hóa học thực tế không? Mô phỏng Flash không thay thế hoàn toàn thí nghiệm thực tế mà đóng vai trò bổ trợ an toàn và trực quan. Đối với các chất khí độc hại như lưu huỳnh đioxit, hiđro sunfua hay phản ứng axit đặc nguy hiểm, mô phỏng hoạt hình giúp người học nắm chắc trên 90% bản chất cơ chế phản ứng và quy tắc an toàn trước khi bước vào phòng thí nghiệm thực tế.

Mô hình tự học 3 thời kỳ được lập trình cụ thể ra sao trên giao diện web? Website phân chia không gian thành 3 phân hệ mạch lạc: Khu vực lý thuyết và hoạt hình phục vụ thời kỳ Tự nghiên cứu; Khu vực bài tập ứng dụng thực tế và câu hỏi thảo luận phục vụ thời kỳ Tự thể hiện; Hệ thống câu hỏi trắc nghiệm tự động chấm điểm kèm lời giải thích phục vụ thời kỳ Tự kiểm tra, giúp hơn 90% học sinh hoàn thiện đúng chu trình nhận thức.

Website có thể mở rộng để giảng dạy các phần kiến thức khác trong chương trình Hóa học phổ thông không? Cấu trúc trang web được xây dựng theo kiến trúc module hóa chuẩn HTML, cho phép dễ dàng tích hợp thêm từ 5 đến 10 chương học mới như Halogen hay Đại cương kim loại. Giáo viên chỉ cần bổ sung các trang nội dung và nhúng tệp Flash tương ứng vào khung giao diện có sẵn mà không cần lập trình lại toàn bộ hệ thống.

Kết luận

• Đề tài đã thiết kế thành công website hoàn chỉnh hỗ trợ dạy học và tự học chương Oxi – Lưu huỳnh với hơn 15 đơn vị bài học lý thuyết và 10 mô hình hoạt hình thí nghiệm tương tác chất lượng cao.
• Thực nghiệm sư phạm trên 120 học sinh khẳng định tính hiệu quả vượt trội, nâng điểm trung bình kiểm tra từ 6.70 lên 8.15 điểm và tăng tỷ lệ học sinh khá giỏi thêm 31.6%.
• Nghiên cứu đã hiện thực hóa thành công chu trình tự học 3 thời kỳ của học sinh thông qua môi trường e-learning, giúp giảm tỷ lệ học sinh yếu kém xuống chỉ còn 3.3%.
• Công trình đóng góp quy trình tích hợp hiệu quả giữa công nghệ đồ họa Flash MX 2004 và công cụ quản trị web Dreamweaver MX 2004 vào phương pháp giảng dạy Hóa học phổ thông.
• Kế hoạch phát triển trong vòng 12 tháng tới sẽ tiếp tục hoàn thiện kho thí nghiệm ảo cho toàn bộ chương trình Hóa học lớp 10 và nâng cấp tính năng tương tác trực tuyến đa nền tảng.

Các thầy cô giáo, sinh viên sư phạm và nhà nghiên cứu giáo dục hãy khai thác ngay mô hình bài giảng điện tử tương tác này để tạo nên những bước đột phá mới trong công tác đổi mới phương pháp giảng dạy Hóa học.

Trích đoạn nội dung tài liệu

CHƯƠNG I: CƠ SỞ LÝ LUẬN 1. CƠ SỞ LÝ LUẬN CUA PHAN MEM MACROMEDIA DREAMWEAVER MX2004 1. Giới thiệu về phần mềm Macromedia Dreamweaver MX2004 Phân mềm Dreamweaver MX do hãng Macromedia sản xuất là một công cụ biên soạn HTML chuyên nghiệp nhằm đẻ thiết kể và quản lý các Website. Môi trường đỏ họa của Dreamweaver với các bảng điều khiến và các cửa số sẽ cho phép những người mới sử dụng tạo được các Website cao cấp cho dù chưa từng viết mã HTML.

Với Dreamweaver ta có thé bố sung các đối tượng Flash ma chúng ta tạo trực tiếp trong Dreamweaver như: Flash Button, Flash text va Flash Movie. Ngoài ra ta có thé tao vả chính sửa các hình anh trong Macromedia Firework, sau đó cập nhật trực tiếp vào Dreamweaver va mã nguồn HTML tự động được cập nhật. GIAO DIEN SVTH: Phạm Thị Phương Uyén 4 Stow code and design views 2 on Stow cate view VUNG LAM VIEC Dreamweaver có thé hiên thị tải liệu theo 3 cách: eShow code view: chế độ hiển thị mã code HTML. e Show code and design views: chế độ vừa hiển thị mũ Code HTML và nội dung thiết kế.

e Show design view: hiển thị nội dung thiết kế. LAP KE HOẠCH VA THIET LAP SITE Lập kế hoạch: Một website là tập hợp các tài liệu liên kết với nhau bằng các thuộc tính được chia sẻ. hoặc vì một mục địch chia sẻ nào đó. Khi lập kế hoạch, hãy đặt ra những câu hỏi.

ví dụ: mục đích của Website đó, đổi tượng phục vụ là ai, khách hàng dùng trình duyệt nào dé xem.diéu chính yếu cân xem xét là người đùng có thé dé dang duyệt Website SVTH: Phạm Thị Phương Uyên 5 GVHD: TS Lê Trọng Tín Luận văn tốt nghỉ của bạn hay không. Từ đỏ bạn có thể phát triển một mô hình cho Website của mình Giai đoạn lập kẻ hoạch có yếu tổ quyết định sông còn đối với sự thành công của một Website. Tạo mot Site mới. Để thiết lập một site mới trong Dreamweaver, cần tạo một thư mục trên ô đĩa cứng ma trong đó sẽ lưu trừ tất cả các trang web.

Nên ngắt Site thành nhiều hạng mục, đưa các trang quan hệ vào cùng một thư mục giúp cho việc quản lý Site dé đàng và dé định hướng hơn. Định nghĩa một Site: {LEN EDL SILLS ng ygnggponen0eneess= Việc định nghĩa một site a st lam việc sẽ cho phép Dreamweaver theo dõi các tai nguyên liên kết. Chọn menu Site/ Manage Site. ` Chon News Sites Nhập các thy chon sau: Site Name: nhập tên đảnh cho Site.

Local Root Folder: chỉ định thư mục tạo trên 6 đĩa cứng dé lưu trữ Website. Default Images: tạo thư mục dé chứa hình ảnh. SVTH: Pham Thị Phương Uyén 6 GVHD: TS Lê Trọng Tin Luận văn tắt ngh Nhap OK cửa số Site sẽ mở Tao Folder và các file site: Tao Folder: chon thu myc can tạo thư mục con, vào menu File New Folder va nhập tên thư mục. Tạo file site: chon thư mục cân tạo filesite, vào menu File’ New File và nhập tên file.

Chú ý: tên file site phải có phần mở rộng: .huml Định trang chủ của site, ta chọn filesite cẩn định và vào menu Site/ Set as Home Page. Thiết kế trình bày trang 1.1 Thiết lập thuộc tính trang Vào Menu Modiy/Page Properties e Page font: Chọn các tố hợp font dé định dang cho text, xác định font mặc định, Edit font List: dùng để chỉnh sửa tổ hợp Font. e Site: chọn kích thước cho text. e Background color: chon mau nền cho Background.

e Background Image: thiết lập anh nén Background. SVTH: Pham Thị Phương Uyén 7 GVHD: TS Lê Trọng Tin Luận văn tốt nghigp ¢ Margin: canh phan tử theo cạnh của trang (nẻn nhập 0 cho 4 trường Murgin). Letmvgn0 me Ree0G aes GÀ Topmxợn0 2 axes 4 Bottommargn:6 nước CV Chọn mục Links trong hộp Category: e Link font: chọn tổ hợp font cho van ban liên kết. e Site: chọn kích thước cho văn ban liên kết.

e Link color: mau của văn bản liên kết trên trang web khi thé hiện trong trình duyệt e Vistited links: mau của van bản liên kết cho người sử dụng biết đã xem qua liên kết nảy. e Rollover links: mau khi lăn chuột qua. ¢ Active links: mau văn ban khi người sử dụng nhấp chuột qua. e Underline style: chọn chế độ gạch đưới cho các đoạn văn ban liên kết.

SVTH: Phạm Thị Phương Uyén 8 GVHD: TS Lê T: Tín Luận văn tốt nghỉ, ® Vẽ Layout Table GO chế độ Layout View, chọn công cy Layout Table ở chế độ Layout trên thanh Insert, trỏ chuột biến thành dấu cộng. Dat trỏ chuột nơi can trình bảy trên trang, sau đó rê chuột đẻ tạo bảng trinh bảy. Các Layout Table có thé vẽ chồng lên nhau. ® Định đạng Layout Table: Chon Layout Table bằng cách nhấp chuột vao mép của Layout Table, thiết lập các tùy chọn trên thanh Property: AL TURGST-SSETTTE.

fa Laut table WẺP Fe 267 Haợt 174 Cd0 R8” Ct re | = ÔMsadh yl) te #Ê e With: thay đổi kích thước chiều rộng của Layout Table. e Height: thay đôi kích thước chiều cao của Layout Table. s Background color: định màu. e CellPad: định khoảng cách trong ô vả viễn ô.

e Autostretch: tự đặt thiết đặt kích thước cho Layout Table. SVTH: Phạm Thị Phương Uyên 9 GVHD: TS Lê Trong Tín Luận văn (tắt nghiệp ® Vẽ Layout Cell: Ở ché độ Layout View, chọn công cụ Layout Cell ở chế độ Layout trên thanh Insert, tro chuột biển thành dấu cộng. Dat trỏ chuột nơi can trình bay trên trang, sau đó rẻ chuột đề tạo bảng trình bảy. Lưu ý: các Layout Cell không bao giờ nằm chồng lên nhau.

cách trình bày của Layout là theo một lưới các ô với nhiêu hàng hoặc nhiều cột. ® Định dang Layout Cell: Tuong ty nhu phan định dang Layout Table. Horz: cải dat tính năng gióng hàng theo chiều ngang cho các đối tượng nằm trong layout cell. e Verz: cài dat tính năng gióng hàng theo chiều đọc ® Autostretch: tự động thiết dat kích thước cho Layoutcell.

eNo wrap: nếu 6 này được chọn nó sẽ ngăn việc ngắt tự. không cho ngắt sang một dòng mới.Chèn và định dạng Text 1.1 Chèn Text vào tài liệu Dé đưa text vào tài liệu ta có thé thực hiện một trong các cách sau: Gõ trực tiếp vào tài liệu. Sao chép Text từ một tải liệu khác và dán vào tai liệu Dreamweaver. Chủ ý: Để ngắt dong : Insert Line Break (Shift + Enter) Dé chén khoang trang: Insert None- Breaking Space.

Dinh dang Text: « Format : áp dung kiểu khối mặc định cho Text, ding dé định dang tiêu dé Heading, Paragraph. SVTH: Phạm Thị Phương Uyên 10 GVHD: TS Lê Trọng Tin Luận văn tétngh e Font: dùng các t6 hợp font dé định dạng Text, xác định font mặc định. Edit font list: dùng dé chỉnh sửa các tô hợp font. e Size: định kích thước cho Font e Text color: định mau cho Text.

QB! EiäB uw 292 t Fort Fon Defau Gm rere & = op os trựt e Link: dùng dé thực hiện liên kết cho Text được chon, cỏ thé gan liên kết cho Text như sau: nhấp vào biểu tượng Folder để chỉ định liên kết đến một trang trong Sitc. e Target: xác định Frame hoặc cửa số trang liên kết tải vẻ: Blank: mở trang liên kết trong một cứa sé trình duyệt mới. _parent: mở trang liên kết trong tập khung cha của trang chứa liên kết _self: mở trang liên kết vào chính khung chứa liên kết, thay thé nội dung hiện tại của khung. top: mở trang liên kết vào trong tập khung ngoài cùng nhất.

thay thé toàn bộ nội dung của cửa sé trình đuyệt.Chinh sửa tổ hợp Font Sir dụng lệnh Edit Font List trong Property, vào Default Font chọn Edit Font List xuất hiện cửa sé: 4It.J @nt4 dst @)© Font ist: Times New Roman, Times, serif Couner New, Courier, mono Georga, Times New Roman, Times, senf Verdana, Ana, Helvedca, sans-senf Geneva Helvetca, sans-senf SVTH: Phạm Thị Phương Uyên H GVHD: TS Lê Tì Tín Luận văn tắt nghỉ Nếu chuyển các font từ Available sang thư mục Chosen Fonts thi thêm font vảo Font list. Nếu chuyên font từ Chosen Fonts sang mục Available fonts thi bỏ bớt font. Hình ảnh -image 1.Chèn hình anh Khi ta chèn hình anh vào trong tai liệu Dreamweaver, thi file hình anh phải được lưu vào trong site, nêu hình ảnh chưa có trong site thi Dreamweaver sẽ hỏi bạn có muốn sao chép sang site gốc hay không. Đặt điểm chèn tại vị trí muốn chèn.

nhấp biểu tượng Image trên thanh Insert, File Edt View Insert Modify Text Commands Site Window Help eo8\"8-e-29\8-2 Leh code | 2) % C0 aotover mage retro 8 GL OM. Layout mode [exit] 1D) traø Rectangle Hotseot O xax Oval Hotspot 2 Oraw Polygon Hotspot 1.Rollover Image Rollover Image là một hình ảnh sẽ được thay đổi khi trỏ chuột di chuyên qua no. Tao Rollover Image: Đặt trỏ chuột tại vị trí muốn chèn Rollover Image. Nhap biểu tượng Rollover Image trên thanh Insert.

SVTH: Pham Thị Phương Uyên 12 GVHD: TS Lê Trọng Tín Luận văn tốt nghỉ, e Rollover Image: hình ảnh hiên thị khi ré chuột qua. ® Preload rollover image: các hình ảnh được tải trước trong bộ trinh duyệt dé chúng tải nhanh hơn. e When Clicked, Go to URL: chỉ định file hoặc trang cần liên kết.Media Dreamweaver MX cho phép bạn chèn âm thanh và movie cho Web site của bạn một cách nhanh chóng và dễ dàng. Bạn có thể kết hợp vả chỉnh sửa các tập tin và các đối tượng multimedia như các Java applet, các movie Quíck Time, Flash và Shockwave, các tập tin MP3 audio,.

Chén các đối tượng media: Đặt điểm chèn ở vị tri muốn chèn đổi tượng và click vào mũi tên thả của biểu tượng Media trên nhóm Common của thanh Insert, chọn nút tương ứng. SƯTH: Phạm Thị Phương Uyên 13 GVHD: TS Lê Tì Tín Luận văn tốt nghỉ 1.Chén Flash Movie © Đặt điểm chèn 6 vị trí muốn chèn Flash Movie. e Click nút L) trong lớp Media trên thẻ Common của thanh Insert hay chọn trình đơn Insert / Media / Flash. ¢ Hộp thoại Select File hiển thi, chọn tập tin Flash Movie can chèn, click OK.

e Thiết lập thuộc tinh cho Flash Movie trong thanh Properties.Chén Flash Button e Đặt điểm chèn trong cửa số tài liệu. click nút ®, Flash Button trong lớp Media trên thẻ Common của thanh Insert hay chọn trình đơn Insert / Media/ Flash Button. e Hộp thoại Insert Flash Button hiển thi: SVTH: Phạm Thị Phương Uyên l4 GVHD: TS Lê Ti Tín Luận văn tốt nghỉ {1}: Sample: hiển thị mẫu nút cho bạn xem trước khi bạn chọn kiểu nút từ danh sách Style. {2}: Style: hộp hiển thị danh sách các kiểu nút Dreamweaver MX hỗ trợ cho bạn.

[3]: Button Text: nơi nhập nội dung cho button. [4]: Font, Size: chi định kiểu chữ và cỡ chữ cho button. [5]: Link: nhập liên kết tương đối hoặc tuyệt đôi cho nút.