BÀI GIẢNG THIẾT KẾ WEB TĨNH

BÀI GIẢNG THIẾT KẾ WEB TĨNH (“Ố BUỔI: LT- 12 TH 32 tiết LT – 32 tiết TH) Giới thiệu môn học    Môn họ cung ấp kỹ ă g ả thiết kế web tĩ h lý liệu client Nội dung gồ phầ :  Că ả ề HTML  Phầ ề hỗ t ợ thiết kế web – Dreamweaver  Ngôn gữ Javascript Thời lượ g : 12 uổi lý thu ết + 12 uổi thự hành Giới thiệu môn học  Buổi 1:     Buổi 2:   Bả g trình bày trang Frame Form  Form  Casscading style sheet – CSS    Giới thiệu ề Web Siêu liên kết – hình ả h Danh sách Buổi 3: Buổi : Giới thiệu môn học  Buổi 5:     Buổi 6:      Giới thiệu Dreamweaver Đị h g ă ả dùng CSS Hình ả h liên kết trang  Bả g trình bày trang ằ g Dreamweaver Behaviors – Form Framesets – Kiể tra uất ả Buổi 7:  Tổ g quan ề JavaScript Buổi 8:  Hàm JavaScript Buổi 9:  Các ấu trúc điều khiể Giới thiệu môn học     Buổi 10:  Mơ hình đối tượ g Buổi 11:  Thiết kế Layout Buổi 12:  Snippets Buổi 13 :  Kiể tra môn họ PHẦN : NGÔN NGỮ HTML (HyperText Markup Language) CHƯƠNG I GIỚI THIỆU VỀ WEB I     CÁC KHÁI NIỆM CƠ BẢN Internet : g máy tính tồn ầu, máy t u ề thơng ới ằ g giao thứ chung TCP/IP (Transfer Control Protocol/Internet Protocol) Intranet : g ụ ộ không ối vào Internet, t u ề thông ằ g giao thứ TCP/IP Mơ hình Client-Server: mơ hình khách- hủ Server hứa tài nguyên dùng chung cho hiều máy Client Internet Server: Server cung ấp dị h ụ I te età We à“e e ,àMailà“e e ,àFTPà“e e … I    CÁC KHÁI NIỆM CƠ BẢN Internet Service Provider (ISP): Nhà cung ấp dị h ụ Internet cho khách hàng Mỗi ISP có hiều khách hàng có hiều loại dị h ụ Internet khác Internet Protocol : tiêu huẩ chi phối iệ hu ể tải thơng tin máy tính g World Wide Web (WWW): dị h ụ tra ứu thông tin Internet Dị h ụ đưa cách truy uất tài liệu máy phụ ụ dễ dàng thông qua giao tiếp đồ họa Để sử dụ g dị h ụ máy Client ầ có ột hươ g trình gọi Web Browser I      CÁC KHÁI NIỆM CƠ BẢN Web Browser : trình du ệt Web Dùng để truy uất tài liệu Web Server – Internet Explorer – Fi efo ,àOpe a… Home page: trang web web site Hosting provider: công ty hoặ tổ đưa trang lên g Publish: Xuất ả trang web Web server ột hươ g trình đ p ứ g yêu ầu truy uất tài nguyên 16 Tag :Đưa hữ lên cao hoặ uố g thấp so ới ă ả bình thườ g Cú pháp: Nội dung hữ dưa lên cao Nội dung hữ đưa uố g thấp 17 : Gạ h ngang ă ả Cú pháp: Nộiàdu gà ă ả ịàgạ hà ga g 18 …: Dùng để hập ột dịng mã có đị h g ký tự riêng Dịng mã khơng đượ thự hiệ mà đượ hiể thị g ă ả bình thườ g  Cú pháp: Nội dung ă ả uố đị h g  Ví dụ: If A < B Then A=A+1 19 : Vă ả đượ hấ h (giố g tag ) Cú pháp: Vă ả đượ hấ h 20 : Đị h g hữ đậ (giố g ) Cú pháp: Vă ả đượ hấ h 21 : Dùng phân cách ột khối ă ả để hấ h, đoạ ă ả đượ tách thành ột paragraph riêng, thêm khoả g t ắ g đoạ đồ g thời thụt vào so ới lề trái (tươ g đươ g ă g phím tab) Cú pháp: Nội dung khối ă ả hấ h 22 : Giữ nguyên đị h g hư: gắt dịng, khoả g cách, thích hợp ới iệ tạo ả g Cú pháp: Nội dung ă ả ầ đị h g t ứơ ới tất ả đị h g khoả g cách, uố g dòng gắt hàng Ví dụ: Learning HTML TRƯỜNGàĐẠIàHỌCà“ÀIàGỊN Khoa Cơng Nghệ Thơng Tin 23 : Chia ă ả thành khối, có chung ột đị h g – chia ă ả thành ột khối đầu từ ột dòng ới – tách khối hư g không đầu từ ột dòng ới Cú pháp: Nội dung khối đầu từ ột dịng ới Ví dụ: Learning HTML TRƯỜNGàĐẠIàHỌCà“ÀIàGÒNàTP.HCM Khoa Công Nghệ Thông Tin Nội dung khối dịng Ví dụ: Learning HTML Creating Web Pages With HTML 24 Các ký tự đặ iệt: a) Lớ hơ (>): > Ví dụ: If A > B Then A=A+1 b) Nhỏ hơ (Text size – Chỉ h lại font hữ: Chọ Menu View->EnCoding – Nếu trang Web không hiể thị đượ Font tiế g Việt: • Chọ menu Tool họ Internet Options->Chọ Tab Fonts họ Font tiế g Việt • Hoặ họ Menu View>EnCoding họ font hư User defined,Vietnamese… – Các tu họ khác cho trang Web: Tools  Internet option • Chọ trang web ặ đị h trình du ệt    Tab General(Hình 1): thiết lập tùy họ cho trình du ệt – Use Current: họ trang hiệ để load lên ỗi lầ khởi độ g IE – Use Default: địa hỉ trang Web ặ đị h ỗi trình du ệt Ví dụ Khi IE tự độ g hiể thị trang Web Yahoo Address hập: http://yahoo.com , ếu họ Use Blank hiể thị trang t ắ g History: lưu lại trang web du ệt qua máy Client thông tin đă g hập user hiệ hành…Nếu khộ g uố lưu lại: Chọ Delete Cookies Delete Files Days to keep pages in history: thiết lập khoả g thời gian lưu t ữ trang đối tượ g History  Tab Advance(Hình 2): họ tùy họ khác hư: – Ngă hặ khơng cho tải hình uố g trang web – Màu liên kết, cách thể hiệ liên kết trang  Hiệu hỉ h trang Web: View source->hiệu hỉ h họ File  Save để lưu lại F5 để ập hật lại ội dung ừa hiệu hỉ h