LUẬN văn sư PHẠM vật lý THIẾT kế WEBSITE vật lý 12 sử DỤNG MACROMEDIA DREAMWEAVER 8

Xây dựng WEBSITE KIẾN THỨC VẬT LÝ 12 nhằm phục vụ cho vi ệcdạy và học chương trình vật lý 12 gồm 5 chương sau của sách giáo khoa nói ri êng vàcho chương trình vật lý phổ thông nói chungI

TRƯỜNG ĐẠI HỌC CẦN THƠ

SỬ DỤNG MACROMEDIA DREAMWEAVER 8

LỜI CÁM ƠN

Xin chân thành cám ơn th ầy Vương Tấn Sĩ đã tận tình hướng dẫn và tạo mọi

điều kiện thuận lợi cho em ho àn thành luận văn tốt nghiệp Thiết kế Website Vật lý 12

sử dụng Macromedia Dreamweaver 8

Em xin chân thành cám ơn cô Dương Bích Thảo và thầy Phạm Phú Cường đã

nhiệt tình góp ý để em khắc phục và sửa chữa những thiếu sót để ho àn thành luận văntốt nghiệp Thiết kế Website Vật lý 12 sử dụng Macromedia Dreamweaver 8

Em xin chân thành cám ơn qu ý thầy, cô trong Bộ môn Vật lý, trường Đại học

Cần Thơ đã truyền đạt cho em những kiến thức, kỹ năng v à phương pháp sư phạm tạonền tảng cho tương lai

Tôi xin chân thành cám ơn các b ạn sinh viên lớp Sư phạm Vật Lý-Công Nghệ

K33 đã nhiệt tình giúp đỡ để tôi có thêm tài liệu và phương pháp thiết kế Website Vật

NHẬN XÉT CỦA GIẢNG VI ÊN HƯỚNG DẪN

……………

NHẬN XÉT CỦA GIẢNG VI ÊN PHẢN BIỆN

……………

GV PHẢN BIỆN KÝ DUYỆT

MỤC LỤC

PHẦN MỞ ĐẦU 1

I./ Lý do chọn đề tài 1

1./ Hoàn cảnh thực tế 1

2./ Mục đích của đề tài 1

II./ Các giả thuyết của đề tài 2

III./ Phương pháp và phương ti ện thực hiện đề tài 3

1./ Phương pháp 3

2./ Phương tiện 3

IV./ Các bước tiến hành tiến hành đề tài 4

V./ Các thuật ngữ quan trọng luận văn 4

PHẦN NỘI DUNG 5

I./ Thực trạng vấn đề xung quanh nội dung nghi ên cứu của đề tài 5

1./ Thực trạng vấn đề xung quanh nội dung thiết kế Web 5

2./ Thực trạng vấn đề xung quanh sách giáo kho a vật lý phổ thông 5

II./ Nghiên cứu lý thuyết 6

1./ Giới thiệu sách giáo khoa Vật lý 12 Nâng cao 6

2./ Phương pháp dạy học tích cực và ứng dụng công nghệ thông tin vào dạy học tích cực 7

2.1 Phương pháp học tích cực 7

2.1.1 Một số khái niệm 7

a Tính tích cực 7

b Phương pháp tích c ực 7

2.1.2 Những dấu hiệu đặc trưng của các phương pháp dạy học tích cực 7 a Dạy học thông qua các hoạt động của học sinh 7

b Dạy học chú trọng rèn luyện phương pháp tự học 8

3./ Tìm hiểu Web

3.1 Giới thiệu về ngôn ngữ HTML 10

3.2 Các thành phần trong trang HTML 11

3.2.1 Cấu trúc một trang HTML 11

3.2.2 Cú pháp chung của tag 12

3.3 Các tag cơ bản 12

3.3.1 Định nghĩa cấu trúc trong trang HTML 12

3.3.2 Các tag tiêu đề 13

3.3.3 Phân đoạn (paragraphs) và ngắt dòng (line break) 13

3.3.4 Đường kẻ ngang tag 15

3.3.5 Thẻ chú dẫn tag 15

3.4 Định dạng văn bản 15

3.4.1 Các tag định dạng 16

3.4.2 Thuộc tính tyle 17

3.5 Ký tự đặc biệt 18

3.6 Danh sách - list 19

3.7 Bảng trong trang HTML 21

4./ Cấu trúc Website Vật lý 12 Nâng cao 22

III./ Thiết kế Web 23

1./ Tìm hiểu nội dung tài liệu 23

2./ Chuẩn bị và tìm hiểu các phần mềm 25

2.1 Chuẩn bị các phần mềm 25

2.2 Tìm hiểu các phần mềm 25

2.2.1 Phần mềm Macromedia Dreamweaver 8 25

2.2.2 Phần mềm Macromedia Flash 8 29

2.2.3 Phần mềm Adobe Photoshop CS3 31

2.2.4 Phần mềm Flash Menu Labs Pro v2 33

2.2.5 Phần mềm SnagIt 8 34

2.2.6 Phần mềm Interactive Physics 35

3./ Tìm hình ảnh minh họa và đoạn phim tư liệu 36

4./ Tạo ảnh giao diện 36

4.1 Tạo ảnh giao diện trang chủ 36

4.2 Tạo ảnh giao diện trang nội dung, trắc nghiệm, lịch sử, phụ lục 38

4.2.2 Tạo banner top 39

4.2.3 Tạo các Menu left 41

5./ Tạo trắc nghiệm bằng Flash 8 46

6./ Chỉnh sửa nội dung hình ảnh 57

6.1 Dùng phần mềm Photoshop 57

6.2 Dùng phần mềm SnagIt 8.0 57

7./ Tạo các trang Web 58

7.1 Tạo trang Nội dung 59

7.1.1 Tạo trang Banner Top 59

7.1.2 Tạo trang Menu Left 60

7.1.3 Tạo trang Main 60

7.1.4 Tạo trang Nội dung 61

7.2 Tạo trang Trắc nghiệm 64

7.3 Tạo trang Lịch sử 65

7.4 Tạo trang Bảng Tra cứu 69

8./ Đưa trang Web lên m ạng 69

PHẦN KẾT BÀI 70

I Những điều đạt được của đề tài 70

II Những hạn chế 71

III Hướng phát triển của đề t ài trong tương lai 71

TÀI LIỆU THAM KHẢO 72

Trong công cuộc công nghiệp hóa, hiện đại hóa đất n ước, Đảng ta đã xácđịnh đổi mới ngành giáo dục là một vấn đề tất yếu và cần thiết nhằm tạo nguồn nhânlực cho đất nước Việc cải cách sách giáo khoa l à một bước tiến rõ rệt cho nền giáodục Việt Nam.

Nhưng do cơ sở vật chất, trang thiết bị ở tr ường phổ thông chưa đáp ứnghết yêu cầu sách giáo khoa dẫn đến vi ệc làm hạn chế các ưu điểm của sách giáo khoamới Đặc biệt, đối với ch ương trình Vật lý mới, tuy nội dung phong phú, hiện đại,mang tính khoa học và sát với thực tế hơn nhưng vẫn chưa đủ để việc dạy và học đạthiệu quả cao Nhiều tiết học c òn dạy chay, dạy không đủ thời gian trên lớp nên có thểảnh hưởng rất lớn đến nhận thức của học sinh Điều đó đ òi hỏi học sinh phải có tính tựgiác trong việc học tập, tham khảo t ài liệu ngoài giờ học

Việc đưa công nghệ thông tin vào giảng dạy và ứng dụng trong nghiêncứu khoa học là cần thiết Là một sinh viên ngành sư phạm vật lý nên việc tiếp cậncông nghệ thông tin là không thể thiếu trong học tập v à làm việc

Vì những lý do trên nên tôi đã quyết định chọn đề tài luận văn tốtnghiệp: THIẾT KẾ WEBSITE KIẾN THỨC V ẬT LÝ 12 SỬ DỤNGMACROMEDIA DREAMWEVEAVER 8 V ới mong muốn trang Web sẽ l à nguồn tàiliệu cho học sinh tự học ở nh à và là tài liệu tham khảo cho giáo vi ên trong việc dạyhọc

2./ MỤC ĐÍCH CỦA ĐỀ TÀI

Xây dựng WEBSITE KIẾN THỨC VẬT LÝ 12 nhằm phục vụ cho vi ệcdạy và học chương trình vật lý 12 gồm 5 chương sau của sách giáo khoa nói ri êng vàcho chương trình vật lý phổ thông nói chung

II./ CÁC GIẢ THUYẾT CỦA ĐỀ TÀI

Hiện nay nước ta đang thực hiện đổi mới v à phát triển nền giáo dục nhưng việcdạy và học vẫn sử dụng sách giáo khoa l à chủ yếu Nội dung sách giáo khoa mặc d ùđược đổi mới nhưng vẫn chưa đủ để việc dạy và học đạt hiệu quả cao Một số n ơi vẫncòn tồn tại các tiết dạy “chay” rất nhiều, thiếu tính trực quan sinh động, không gâyhứng thú học tập Việc dạy không có thí nghiệm hay h ình ảnh minh họa làm học sinhkhó hình dung các hiện tượng vật lý khiến việc nhận thức của học sinh c òn nhiều mặthạn chế, làm học sinh trở nên thụ động trong việc học, giáo vi ên cũng khó truyền thụhết nội dung kiến thức

Mặt khác, xã hội ngày càng phát triển, công nghệ thông tin không ngừng mởrộng Sách giáo khoa không thể n ào cập nhật, bổ sung thông tin một cách tức thời Đặcbiệt đối với 5 chương sau của sách giáo khoa Vật lý 12 Nâng cao chủ yếu tr ình bày vềvật lý hiện đại Đây là các hiện tượng Vật lý khó thấy hoặc không thấy trong tự nhi ênnên học sinh khó hình dung được, dễ gây cảm giác buồn tẻ trong giờ học

Nhưng với WEBSITE KIẾN THỨC VẬT LÝ 12 có những h ình ảnh mô phỏngtrực quan, các đoạn video clip sinh động sẽ g ây hứng thú và sự tập trung cho học sinhvào bài học Các thí nghiệm, hiện t ượng vật lý phức tạp không l àm được hoặc khôngthể nhìn thấy trong thực tế sẽ được mô phỏng bằng những h ình ảnh động, những videoclip trong trang Web H ọc sinh sẽ dễ hình dung và hiểu bài hơn, học sinh có thể phát

III./ PHƯƠNG PHÁP VÀ PHƯƠNG TI ỆN THỰC HIỆN ĐỀ TÀI

1./ PHƯƠNG PHÁP

- Tìm hiểu, nghiên cứu ngôn ngữ thiết kế Web, các phần mềm hỗ trợ

+ Phần mềm Macromedia Dreamweaver 8+ Phần mềm Macromedia Flash 8

+ Phần mềm Adobe Photoshop CS3+ Phần mềm Flash Menu Labs Pro v2+ Phần mềm Aleo Flash intro Banner Maker+ Phần mềm SnagIt 8

- Nghiên cứu nội dung

- Nghiên cứu, tìm hiểu hình ảnh, thông tin, dữ liệu có li ên quan tới đềtài

- Tạo nội dung cho trang Web

- Thiết kế các trang Web

2./ PHƯƠNG TIỆN

- Máy vi tính

- Các loại sách tin học liên quan đến đề tài

- Các đĩa CD cài đặt phần mềm thiết kế Web và dạy thiết kế Web, tạo v à

xử lý hình ảnh minh họa

- Sách giáo khoa Vật lý 12 Nâng cao, các giáo tr ình, các tài liệu có liênquan

IV./ CÁC BƯỚC TIẾN HÀNH ĐỀ TÀI

Tìm hiểu về ngôn ngữ đánh dấu si êu văn bản HTML và giao diện thiết kếWebsite Macromedia Dreamweaver 8, nghiên c ứu nội dung sách giáo khoa Vật lý 12,nghiên cứu và tìm hiểu các thông tin, hình ảnh và dữ liệu nhúng vào trang Web

Tạo trang Web Trắc nghiệm, lập tr ình xử lí kết quả

Đề tài được thực hiện qua 3 giai đo ạn:

- Tham khảo tài liệu và học cách thiết kế Website, học các ch ươngtrình phần mềm hỗ trợ Tạo v à tìm kiếm các hình ảnh, tư liệu liênquan

- Viết luận văn và viết bài báo cáo

- Báo cáo luận văn

V./ CÁC THUẬT NGỮ QUAN TRỌNG TRONG LUẬN VĂN

SGK: sách giáo khoa

WWW(World Wide Web): M ạng toàn cầu

HTML(Hyper Text Markup Language): Ngôn ng ữ đánh dấu siêu văn bản

và các ngành không th ể thiếu sự có mặt của công nghệ thông tin Mọi ng ười trao đổithông tin trên mạng chủ yếu thông qua những trang Web, chính v ì vậy những nhà cungcấp thiết kế phần mềm đ ã nhanh chóng nắm bắt được nhu cầu cần thiết của ng ười dùngnên đã cho ra đời nhiều ngôn ngữ thiết kế Web chuyên nghiệp (PHP, ASP, HTML,XML, JAVA, VISUAL…), ph ần mềm hỗ trợ (Microsoft Office FrontPage,Macromedia Dreamwever MX, Macromedia Flash MX, …), và phát hành nhi ều đĩa,giáo trình hướng dẫn sử dụng, thậm chí c òn đưa lên mạng để quảng bá.

2./THỰC TRẠNG VẤN ĐỀ XUNG QUANH SÁCH GIÁO KHOA VẬT LÝ PHỔ THÔNG

Nước ta đã và đang thực hiện chiến lược cải cách sách giáo khoa cho cáccấp học phổ thông Cho đến nay đ ã hoàn thành việc cải cách SGK Chương trình cảicách này mang tính hi ện đại hơn, sát thực tế hơn, phù hợp với hoàn cảnh đất nước và

xã hội,… nhằm mục đích đ ưa nền giáo dục Việt Nam theo kịp xu thế phát triển đấtnước nói riêng, thế giới nói chung Nhưng nếu chỉ cải cách SGK th ì không thể nói làcải cách giáo dục Cải cách SGK phải đi đô i với cải cách phương pháp dạy và phươngpháp học Việc này đòi hỏi người giáo viên phải thay đổi cách dạy V à việc ứng dụngcông nghệ thông tin là một trong những cách dạy học có hiệu quả mang lại lợi ích caotrong giáo dục hiện nay

II./ NGHIÊN CỨU LÝ THUYẾT

1 GIỚI THIỆU SGK VẬT LÝ 12 NÂNG CAO

Sách giáo khoa Vật Lý 12 Nâng Cao đ ược viết theo tinh thần nối tiếp ch ươngtrình THCS mới, có kiến thức và phương pháp học tập khác trước Một số khái niệm

đã được học THCS sẽ được tiếp thu và phát triển

VD: dòng điện xoay chiều, sự tán sắc ánh sáng

Một yêu cầu rất quan trọng khác của tr ương trình vật lý là coi trọng thí nghiệm, cốgắng để 30% tiết học vật lý có l àm thí nghiệm SGK đã trình bày một số thí nghiệmvới những thiết bị bình thường mà phần lớn ở trường phổ thông đã được trang bị.SGK vật lý 12 nâng cao được biên soạn bám sát chuẩn kiến thức, kỷ năng mức độ cầnđạt quy định trong chương trình SGK vật lý 12 nâng cao được chia làm hai cột :

- Cột chính: phần nội dung

- Cột phụ: bổ sung cho nội dung

Sách giáo khoa vật lý 12 nâng cao có 10 ch ương trong đó có tất cả 61 bài học có 49bài lý thuyết 8 bài tập và 4 bài thực hành, số tiết cho 49 bài lý thuyết là 71 tiết như vậythời lượng dành cho mỗi bài lý thuyết là từ 1 đến 2 tiết Các bài tập giới thiệu một sốdạng bài tập cơ bản cùng phương pháp giảng dạy làm cơ sở để giáo viên tham khảokhi tổ chức dạy học trong các tiết b ài học quy định cho mỗi ch ương ngay trong khithực hiện tiến trình giảng dạy trong tiết học lý thuyết thông qua các câu hỏi, và yêu

b Phương pháp tích cực

Phương pháp học tích cực để chỉ những ph ương pháp dạy học phát huy tínhtích cực, chủ động sáng tạo của người học Phương pháp học tích cực hướng tới việchoạt động hóa, tích cực hóa hoạt động nhận thức của ng ười học nghĩa là tập trung vàophát huy tính tích cực của người học chứ không phải tập trung v ào người dạy

2.1.2 Những dấu hiệu đặc trưng của các phương pháp dạy học tích cực

Có 4 dấu hiệu

a Dạy học thông qua các hoạt động của học sinh

Trong phương pháp tích c ực, người học, đối tượng của hoạt động dạy, đồngthời là chủ thể của hoạt động học, được cuốn hút vào các hoạt động học tập do giáoviên tổ chức và chỉ đạo Thông qua đó, tự lực khám phá những điều m ình chưa biếtchứ không phải là thụ động tiếp thu nhứng tri thức đ ược giáo viên sắp đặt ra theo suynghĩ của mình Từ đó, vừa nắm được kiến thức, kỹ năng mới, vừa nắm đ ược phươngpháp tìm ra kiến thức, kỹ năng đó, không rập khuôn theo mẫu có sẵn, đ ược bộc lộ vàphát huy tiềm năng sáng tạo Dạy theo cách n ày thì giáo viên không ch ỉ đơn giản làtruyền đạt kiến thức mà còn hướng dẫn hành động

b Dạy học chú trọng rèn luyện phương pháp tự học

Phương pháp tích cực xem việc rèn luyện phương pháp học tập cho học sinhkhông chỉ là phương pháp nâng cao hi ệu quả dạy học mà còn là mục tiêu học Trongphương pháp học thì cốt lõi là phương pháp tự học Nếu rèn luyện cho người học cóđược phương pháp, kỹ năng, thói quen và ý chí tự học thì sẽ tạo cho họ có lòng hamhọc, khơi dậy nội lực vốn có của mỗi ng ười, kết quả học tập sẽ nâng l ên gấp bội Vìvậy, ngày nay người ta nhấn mạnh hoạt động học trong quá tr ình dạy học, nỗ lực tạo

ra sự chuyển biến từ học tập thụ động sang tự học chủ động, đặt vấn đề phát triển tựhọc ngay trong trường phổ thông, không chỉ tự học trong tr ường phổ thông, khôngphải tự học ở nhà mà cả tự học trong tiết học có sự hướng dẫn của giáo viên

c Tăng cường học tập cá thể phối hợp với học nhóm

Nếu trình độ kiến thức tư duy của học sinh không đồng đều tuyệt đối th ì khi

áp dụng phương pháp tích cực buộc phải chấp nhận sự phân hóa v ề cường độ, tiến độhoàn thành nhiệm vụ học tập, nhất là khi bài học được thiết kế thành một chuỗi côngtác độc lập Áp dụng phương pháp ở trình độ càng cao thì sự phân hóa càng lớn Việc

sử dụng các phương tiện công nghệ thông tin trong nh à trường sẽ đáp ứng nhu cầu cáthể hóa học tập theo nhu cầu v à khả năng của mỗi học sinh

Tuy nhiên trong học tập, không mỗi tri thức kĩ năng, thái độ h ình thành bằngnhững hoạt động độc lập cá thể Lớp học l à môi trường giao tiếp thầy trò, trò với trò,tạo nên mối quan hệ hợp tác giữa các cá nhân tr ên con đường chiếm lĩnh nội dung họctập Thông qua thảo luận, tranh luận trong học tập, ý kiến mỗi cá nhân đ ược bộc lộ,khẳng định hay bác bỏ Qua đó ng ười học nâng mình lên một trình độ mới, bài họcvận dụng được vốn hiểu biết và kinh nghiệm của mỗi học sinh v à của cả lớp chứkhông phải chỉ dựa trên vốn hiểu biết và kinh nghiệm sống của thầy giáo

cần cho sự thành đạt trong cuộc sống mà mỗi thầy cô cũng như nhà trường phải trang

bị cho học sinh

Với phương pháp này, giáo viên tr ở thành người thiết kế, tổ chức, h ướng dẫncác hoạt động độc lập hoặc theo nhóm nhỏ để học sinh tự chiếm lĩnh nội dung học tập,chủ động đạt mục tiêu kiến thức, kĩ năng, thái độ theo y êu cầu của chương trình Ởtrên lớp, với phương pháp tích cực này thì học sinh hoạt động là chính, giáo viên nhàn

hạ hơn Song khi soạn giáo án giáo viên đã phải đầu tư công sức, thời gian rất nhiều sovới kiểu dạy học thụ động, mới có thể thực hiện b ài lên lớp với vai trò là người gợi

mở, xúc tác động viên, cố vấn, trọng tài trong các hoạt động tìm tòi hào hứng, tranhluận sôi nổi của học sinh

2.1.3 Áp dụng

Đây là một phương pháp thoáng nghe th ấy rất trừu tượng nhưng khi áp dụng vàobài giảng cụ thể thì rất dễ hiểu Và một điều đặc biệt là mang lại kết quả tốt trong việctruyền đạt kiến thức cho học sinh

a Tập cho học sinh thói quen phâ n tích bài tập:

Tìm hiểu kĩ nội dung của bài tập, khai thác triệt để các dữ kiện, giả thuyết củabài tập, tìm hiểu được phương pháp giải và các kiến thức thích hợp, phân tích đ ượcmối liên hệ hình thành giả thuyết và kết quả của bài toán

b Rèn luyện cho học sinh tự xây dựng ch ương trình giải

Phát thảo dự kiến con đường chung để giải, xây dựng lập luận cụ thể logic,định hướng trước rồi mới giải bài toán, học sinh tự rút ra sơ đồ giải các bài toán cùngdạng

c Sau khi dạy xong giáo viên đặc biệt chú ý đến khâu lời giải

Chẳng hạn khi giải một ph ương trình, học sinh đối chiếu nghiệm t ìm được cácđiều kiện đã cho hoặc thay vào phương trình đó để đánh giá kết quả Đối với ph ươngtrình lượng giác học sinh thường mắc sai lầm khi kiểm tra nghiệm, kết hợp hay loạinghiệm, cần phải xem xét đầy đủ các tr ường hợp cụ thể của ph ương trình để xác địnhđúng tập nghiệm việc kiểm tra lời giải th ường tiến hành theo hai bước:

- Rà soát lại quá trình thao tác đã sử dụng để giải toán (định l ượng).

d Rèn luyện cho học sinh khả năng nghi ên cứu lời giải.

Nghiên cứu, khai thác, phân tích v à tìm tòi lời giải khoa học nhất cho bài tập sẽgiúp học sinh có thói quen tập d ượt nghiên cứu khoa học, nắm bắt đ ược bản chất giảiquyết vấn đề bài toán Việc làm này rất quan trọng để rèn luyện tư duy giải toán chohọc sinh

e Đặc biệt cần hướng dẫn học sinh tìm các bài tập có liên quan và sáng

tạo các bài tập mới Học sinh phải phân tích b ài tập để nắm vững đặc điểm v à bản chấtcác yếu tố thuộc bài tập, thấy được mối liên hệ giữa các bài tập khác nhau Có thể thayđổi điều kiện hoặc các yếu tố đ ã cho để đi đến một bài tập mới

2.2 Ứng dụng công nghệ thông tin v ào dạy học tích cực

Nước ta đã và đang thực hiện chiến lược cải cách sách giáo khoa cho các cấphọc phổ thông Có thể nói cho đến nay đ ã hoàn thành việc cải cách sách giáokhoa.Chương trình cải cách mang tính hiện đại hơn, xác thực tế hơn, phù hợp với hoàncảnh đất nước và xã hội…nhằm mục đích đưa nền giáo dục Việt Nam theo kịp xu thếphát triển đất nước nói riêng, trên thế giới nói chung Nhưng nếu chỉ cải cách sáchgiáo khoa thì không th ể nói là cải cách giáo dục Cải cách SGK phải đi đôi với ph ươngpháp dạy và phương pháp học Việc này đòi hỏi người giáo viên phải biết thay đổicách dạy Và việc ứng dụng công nghệ thông tin l à một trong những cách dạy học cóhiệu quả mang lại lợi ích cao trong giáo dục

3 TÌM HIỂU VỀ WEB

3.1 Giới thiệu về ngôn ngữ HTML

- Cấu trúc trên gồm hai thành phần chính:

 Đầu trang: Nội dung nằm trong cặp tag < hea d> </head>, chứa một số thôngtin tóm tắt về trang web như tiêu đề, tác giả…

 Thân trang: Các nội dung nằm trong cặp tag <body></body>, chứa to àn bộnội dung cần hiển thị trong cửa sổ tr ình duyệt

3.2.2 Cú pháp chung c ủa tag

Một tag thông thường gồm các phần: tag mở ( start tag), các thuộc tính(attributes) và tag đóng ( end tag)

 <link> :đây là tag rỗng, chứa khai báo đến tập tin có li ên quan đến trang

web như tập tin định dạng thể hiện ( Ccs), xử lý (.js),…

 <style></style>: khai báo các mẫu định dạng chung cho một Element n ào

đó trong trang web ( tag <h1>, <body>, <div>, …)

 <script></script> : khai báo phần ngôn ngữ tham gia xử lý trong trang web,

ví dụ như ngôn ngữ JavaScript

 < base> : Xác định địa chỉ URL cơ sở cho tất cả các liên kết trong một

trang, không có tag đóng

 < body></body> : nội dung chính của trang web, đ ược thể hiện trong màn

hình của trình duyệt

3.3.2 Các tag tiêu đ ề - Headings

Dùng để định dạng khổ chữ dạng ti êu đề, theo quy định từ nhỏ đến lớn, gồmcác tag <h1>, <h2>, <h3>,<h4>,<h5> và <h6>

HTML sẽ tự động thêm một dòng vào trước và sau dòng định dạng là heading

3.3.3 Phân đoạn (paragraphs) và ngắt dòng ( line break)

Khi ta dánh máy một văn bản trong một ch ương trình soạn thảo văn bản nào đó,

làm nhiều thao tác hơn khi muốn phân định riêng các đoạn văn khác nhau trong mộttrang web Browser tự động bỏ qua các mã xuống dòng bình thường.

3.3.4 Đường kẻ ngang tag <hr> ( horizontal rule)

Tag <hr> dùng để tạo ra một đường kẻ ngang Bạn có thể sử dụng thuộc tínhsize và width để thay đổi độ rộng và chiều dài đường kẻ

Đường kẻ ngang chủ yếu đ ược dùng để phân định một trang web th ành nhữngphần có tính logic và dễ nhìn Có không nhiều khả năng đồ họa trng ngôn ngữ HTML,bởi vậy đường kẻ ngang là một dụng cụ rất có ích

3.4 Định dạng văn bản

HTML cung cấp cho chúng ta khá nhiều tag d ùng để định dạng văn bản, song

song đó HTML cũng có thuộc tính style cho hầu hết các tag Thuộc tính n ày cực kỳ hữu ích cho định dạng , nó đóng vai trò gần giống như chức năng Format trên thanh

thực đơn của MS Word

Khi sử dụng thuộc tính style bạn có thể tô màu nền, màu chữ, kẻ đường viền,…

3.4.1 Các tag định dạng

 Ký tự định dạng trước

Trình duyệt sẽ không quan tâm đến cách tr ình bày code HTML mà ch ỉ dựa vàocác tag để trình bày nội dung trang web D ù bạn nhập nhiều khoảng trắng nh ưng nó chỉhiểu một khoảng trắng, bạn có xuống d òng thì nó vẫn trình bày nội dung trên một dòng

trừ khi có tag quy định xuống dòng ( tag <br>hay <p>) và bạn có thụt đầu dòng

(Indentation) thì nó vẫn bỏ qua Để giải quyết khó khăn n ày ta có thể sử dụng tag định

dạng trước: mở đầu bằng thẻ <pre> và kết thúc bằng thẻ </pre> , tag này sẽ giữ

nguyên định dạng trong trang HTML, ngh ĩa là nó thể hiện các khoảng trắng, xuốngdòng trong code HTML nh ư khi bạn soạn thảo trên trình duyệt

 Khối trích dẫn

Khối trích dẫn thường được dùng trong các trường hợp sử dụng các trích dẫn

mở rộng Toàn khối trích dẫn sẽ được căn lề thụt vào ở cả hai phía và tạo thành mộtkhối riêng so với các đoạn khác của trang văn bản HTML Khối trích dẫn mở đầu bằng

thẻ <blockquote> và kết thúc bằng thẻ </blockquote>.

 Kiểu chữ

Các kiểu chữ trong ngôn ngữ HTML cho phép bạn điều khiển đ ược vẻ bề ngoài

bản thân các kí tự, chẳng hạn chúng ta có thể định dang một từ l à đậm hoăc nghiêng.

Các định dạng này có thể áp dụng từ phạm vi một đoạn văn hay to àn bộ văn bản chođến cá ký tự đơn lẻ.Các kiểu chữ nói chung chia làm hai nhóm : có tính v ật lý và cótính chất logic

Kiểu có tính chất vật lý

<code> code</code> code

<samp> sample </samp> sample

Thuộc tính Kết quả

Font - weight Nét chữ ( đậm hoặc chon kích thước)

Text - decoration Gạch dưới, gạch trên, gạch bỏ, hoặc bỏ

hết định dạng

Chúng ta cũng có thể sử dụng tag < font> để định dạng văn bản, tag n ày có các thuộc

tính:

+ face : tên font chữ

+ size : khổ chữ

+ color : màu chữ

Ví dụ :Để thể hiện dấu < , ta dùng &lt; hoặc &#60;

Ưu điểm của việc dùng tên lá dễ nhớ nhưng không phải trình duyệt nào cũng điều hỗ trợ cách dùng tên, do đó chúng ta nên dùng số đại diện vì tất cả các trình duyệt

điều hiểu cách này

Một điểm cần lưu ý là các giá trị này phân biệt HOA/ thường

 Danh sách có trật tự

Danh sách có trật tự tự động đánh số từng th ành tố của danh sách

Mã nguồn Kết quả

<ol>

<li> Cơ học</li>

<li> Nhiệt học</li>

<li> Điện học</li>

<li> Nhiệt học</li>

<li> Điện học</li>

</ul>

 Nhiệt học

 Điện học

 Danh sách định nghĩa

Mỗi yếu tố của danh sách gồm hai thành phần:

- Tiêu đề được canh lề phía trái chỉ ra bởi thẻ<dt>

- Phần giải nghĩa được căn lề thụt hơn sang phía phải chỉ ra bởi thẻ <dd>

Giải nghĩa điện học

 Danh sách kiểu thực đơn

Mỗi yếu tố của danh sách đ ược cấp một chỉ số chẳng hạn một dấu tr òn Trôngrất giống danh sách không có trật tự

 Danh sách kiểu thư mục

Trông khá giống danh sách không có trật tự

Border = n Định dạng đường viền với đường viền n

Width = n% Định dạng chiều rộng của bảng n%

Cellpadding = n Khoảng cách giữa văn bảng v à ô

Cellspaccing = n Khoảng cách giữa các biên trong và ngoài của ô

Colspan = n Chia cột thành n cột

Align = ( left, right, center) Định dạng lề theo chiều ngang của văn bản

Valign = (top, bottom,

middle)

Định dạng lề theo chiều dọc của văn bản

Clear = (left, right, all) Chia dòng thành n dòng

4 CẤU TRÚC TRANG WEB KIẾN THỨC VẬT LÝ 12 NÂNG CAO

Tổng cộng có 63 trang

WEBSITE KIẾN THỨCVẬT LÝ 12

TRANG LỊCH SỬ

Có 16 nhà Vật lý

Chương 6 đến chương 10

TRANG PHỤ LỤC

viên 12 nâng cao phân ph ối chương trình 12 nâng cao và các sách tham kh ảo khác để

tạo ra “Trang web giáo án đi ện tử Vật Lý 12 nâng cao”

Trang chủ các chương Các trang kiến thức

Bài 38: Bài tập về giao thoa ánh sángBài 39: Máy quang phổ Các loại quang phổBài 40: Tia hồng ngoại Tia tử ngoại

Bài 41: Tia X Thuyết điện từ ánh sáng Thang sóngđiện từ

Bài 45: Bài tập về hiện tượng quang điện

Bài 46: Hiện tượng quang điện trong Quang điện trở

và pin quang điệnBài 47: Mẫu nguyên tử Bo và quang phổ vạch củanguyên tử Hidro

Tóm tắt chương VIII

Bài 52: Cấu tạo của hạt nhân nguy ên tử Độ hụtkhối

Bài 53: Phóng xạBài 54: Phản ứng hạt nhânBài 55: Bài tập về phóng xạ và phản ứng hạt nhânBài 56: Phản ứng phân hạch

Bài 57: Phản ứng nhiệt hạchTóm tắt chương IX

Bài 58: Các hạt sơ cấp

Phần mềm Macromedia Dreamweaver 8 l à phần mềm tạo ra một trang web có

tính năng giúp người thiết kế, chuyển đổi giữa code view v à design view hoặc thể

hiện giữa code và design Nếu người thiết kế biết nhiều về HTML v à các lệnh

JavaScript thì thận tiện hơn với việc viết lệnh trong Code view, nếu không vẫn có thể

dễ dàng thiết kế, bố cục các trang Design view thật đ ơn giản, quen thuộc như các thao

tác trên các trình tự xử lý văn bản chuy ên nghiệp khác Nó có tính năng giúp ng ười

thiết kế chèn các hình ảnh, Flash, đoạn phim…theo ý t ưởng thật dễ dàng

Để mở chương trình Macromedia Dreamweaver 8 (sau khi hoàn t ất các cài đặt

Macromedia Dreamweaver 8) ta làm như sau:

Mở Start/ Programs/ Macromedia/ Macromedia

Dreamweaver 8.

Hoặc click double vào biểu tượng Macromedia Dreamweaver 8

Giao diện Macromedia Dreaweaver 8

thanh công cụ giúp bạn có thể tạo v à điều chỉnh một trang Web theo mong muốn mộtcách khá đơn giản.

Giao diện thiết kế Design giúp cho ng ười làm thiết kế đúng ý tưởng của mình,bạn có thể sử dụng các thanh thực đ ơn, nút chức năng trên thanh công cụ

Giao diện Split có thể vừa thiết kế vừa viết m ã

Giao diện Code giúp người thiết kế viết mã lệnh cho web

Cấu trúc cơ sở :

Các trang Web khác nhau, t ẻ nhạt hay sinh động, vô nghĩa hoặc rất cần thiết,nhưng tất cả đều có cùng một cấu trúc cơ sở, nên đa số các trình duyệt đang chạy trênhầu hết các kiểu máy tính đều có thể hiện thị th ành công hầu hết các trang Web Cáctập tin HTML luôn bắt đầu bằng thẻ <html> Thẻ n ày không làm gì khác ngoài nhi ệm

vụ báo cho trình duyệt Web biết rằng nó đang đọc một t ài liệu có chứa các mã lệnhHTML Tương tự, dòng cuối trong tài liệu của bạn luôn luôn l à thẻ</html>, tương tựnhư hết

Chi tiết kế tiếp trong calalog thẻ HTML d ùng để chia tài liệu thành hai phần: đầu

và thân

Phần đầu giống như lời giới thiệu cho trang Các tr ình duyệt Web dùng phần đầunày để thu nhặt các loại thông tin khác nhau v ề trang Để xác định phần đầu, bạn đ ưa

Phần thân là nơi bạn nhập vào các văn bản sẽ xuất hiện trên trang Web lẫn các thểkhác quy định dáng vẻ của trang Để xác định phần thân, bạn đặt các thể <body> v à

</body> sau phần đầu ( dưới </head>)

Các thẻ sau đây xác định cấu tr úc cơ bản của mọi trang Web :

Để mở chương trình Macromedia Flash 8 có hai cách c ơ bản:

Mở Start/ Programs/ Macromedia/ Macromedia Flash 8

Hoặc Click double vào biểu tượng trên màn hình Desktop

Để mở tập tin mới, ta chọn Create New/ Flash Document

-Thanh tiêu đề : chứa tiêu đề và tên tập tin

- Thanh Menu : chứa các thẻ để định dạng các đối t ượng và quản lý tập tin, movieclip…

- Thanh công cụ vẽ : chứa các công cụ để tạo v à gia công các đối tượng như : TextTool, Pencil Tool, Oval Tool, Brush Tool…

- Vùng làm việc : là nơi cho vào các đối tượng cần để thiết kế một ch ương trình

- Bảng kiểm soát Property : l à nơi thể hiện các thuộc tính của đối t ượng như tênđối tượng, kích thước, màu sắc…

- Thanh thời gian : dùng để định thời gian hiệu ứng động

- Bảng chứa đồ họa Library : lưu các đối tượng để chúng không bao giờ bị mất

2.2.3./ Phần mềm Adobe Photoshop CS3

Với sự phát triển của kỹ thuật số, kỹ thuật in ấn, môi tr ường Internet, AdobePhotoshop CS3, đã mang lại ứng dụng vô hạn về kỹ thuật cân sửa đ iều chỉnh ảnh,Adobe Photoshop CS3 d ựa trên Adobe Photoshop CS2, và có nhi ều tính năng tuyệt vờihơn giúp người thiết kế, thiết kế Banner, menu left, Menu top, nền các trang web theo

ý tưởng của mình

Để mở chương trình Adobe Photoshop CS3 ta có hai cách cơ bản:

Mở Start/ Programs/Adobe Photoshop CS3

Hoặc click double vào Shortcut to Adobe Photoshop CS3 trên màn hình Desktop

Giao diện Adobe Photoshop CS3 là :

Tùy vào mục đích chỉnh sửa hình ảnh mà ta sử dụng các công cụ của AdobePhotoshop CS3

2.2.4 Phần mềm Flash Menu Labs Prov2

Cùng với Macromedia Flash, hay các phần mềm tạo Banner cho Web th ì FlashMenu Labs Pro v2 cho phép ngư ời sử dụng tạo Banner dễ dàng

Để mở chương trình Flash Menu Labs Pro v2 ta có hai cách c ơ bản:

Mở Start/ Programs/ Flash Menu Labs Pro v2

Hoặc click double vào Shortcut to Flash Menu Labs Pro v2 trên màn hình Desktop