22 thiet ke web

22 thiet ke web

Trang 1 UỶ BAN NHÂN DÂN TP.HCM TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THỦ ĐỨC CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự do – Hạnh phúc _____________________ CHƯƠNG TRÌNH ĐÀO TẠO CAO ĐẲNG KHOA: CÔNG NGHỆ THÔNG TIN KHOÁ HỌC: 2012 – 2015 CHƯƠNG TRÌNH CHI TIẾT HỌC PHẦN 1. Thông tin chung: - Tên học phần: THIẾT KẾ WEB - Mã học phần: CNC106050 - Áp dụng cho chuyên ngành: Công nghệ Phần mềm, Mạng máy tính - Số tín chỉ: 3(2,1); (Lý thuyết: 30 tiết ; Thực hành: 45 tiết) - Số tiết: 75 tiết (Lý thuyết: 30 tiết . ; Thực hành: 45 tiết) - Loại học phần: Bắt buộc. - Điều kiện tiên quyết: Tin học cơ bản. 2. Phân bố thời lượng: - Lý thuyết: 30 tiết. - Bài tập: 20 tiết. - Thảo luận: - Thực hành, thí nghiệm, thực tập: 25 tiết. - Tự học, tự nghiên cứu: 3. Mục tiêu của học phần: - Kiến thức: Cung cấp cho sinh viên kiến thức về HTML và CSS, Javascript và ứng dụng nó để tạo ra trang Web. - Kỹ năng: Sau khi học xong học phần này, sinh viên.có kỹ năng tạo được các trang web sinh động, đẹp mắt bằng chương trình Dreamweaver. - Thái độ: Rèn luyện tính cẩn thận, tỉ mỉ trong công việcc Phát triển lòng yêu nghề. 4. Mô tả học phần: Học phần Thiết kế Web có nội dung chính bao gồm các ký thuyết về HTML, Table, Div, CSS, JavaScript. Đồng thời trong học phần này, học sinh sẽ được học cách sử dụng chương trình Dreamweaver để tạo nên giao diện cho Trang 2 các trang Web tin tức, Web giới thiệu sản phẩm, một cách sinh động, đẹp mắt, phù hợp với nhu cầu ngày càng cao của thị trường. 5. Nội dung chi tiết học phần: Nội dung Số tiết Lý thuyết Bài tập/Thực hành PHẦN 1: TỔNG QUAN VỀ HTML 8 12 CHƯƠNG 1: GIỚI THIỆU VỀ WEBSITE 1. Giới thiệu: 1.1 Cách hoạt động của trang Web - WWW (Word Wide Web) - Cách hoạt động của trang Web 1.2 Cách hoạt động của trình duyệt Web. 1.3 Cách hoạt động của Hyper Text. 1.4 Cách hoạt động của URL 1.5 Cách hoạt động của Web Host Server. 2. Giới thiệu HTML. 2.1 HTML là gì. 2.2 Các thẻ HTML cơ bản. 2.3 Các tạo một trang HTML 3. Chương trình thiết kế Web với Dreamweaver: 3.1 Khởi động. 3.2 Chế độ hiển thị. 3.3 Cách thức xem trang. 3.4 Thanh công cụ. 4. Hướng dẫn cách tạo trang Web: 4.1 Tạo bộ Web trống 4.2 Thiết kế các trang Web 4.3 Liên kết các trang đơn 4.4 Xuất bản bộ Web 2 3 Trang 3 CHƯƠNG 2: ĐỊNH DẠNG VĂN BẢN - DANH SÁCH – LIÊN KẾT 1. Định dạng văn bản 1.1 Các thẻ định dạng kí tự ở mức vật lý. 1.2 Các thẻ định dạng kí tự ở mức logic 2. Danh sách 2.1 Danh sách không có thứ tự 2.2 Danh sách có thứ tự 2.3 Danh sách được định nghĩa 3. Chèn hình ảnh vào trong tài liệu HTML 4. Liên kết 4.1 Định nghĩa liên kết. 4.2 Cách sử dụng liên kết. 2 3 CHƯƠNG 3: TABLE – LAYER – FORM 1. Giới thiệu về Table 2. Cách tạo Table 3. Layer 3.1 Layer là gì? 3.2 Cách sử dụng Layer. 4. Form 4.1 Các thành phần trên Form 4.1.1 Text box. 4.1.2 Checkbox 4.1.3 Radio Buttion 4.1.4 Checkbox 4.1.5 Text area 4.1.6 Button. 4.1.7 Combo box 4.2 Cách tạo Form 4 6 PHẦN 2: CASCADING STYLE SHEET (CSS) 8 12 CHƯƠNG 1: GIỚI THIỆU VỀ CSS 1. Giới thiệu về CSS 1.1 CSS là gì 1.2 Tại sao CSS 1.3 Học CSS cần những gì 2. Một số quy ước về cách viết CSS 2.1 Cú pháp CSS 2.2 Đơn vị CSS 2.3 Vị trí đặt CSS 2.4 Sự ưu tiên 2 3 Trang 4 CHƯƠNG 2: MÀU CHỮ VÀ MÀU NỀN + FONT CHỮ 1. Màu chữ 2. Màu nền 3. Các thuộc tính của Font. 4. Các thuộc tính của Text 2 3 CHƯƠNG 3: Class và id+ Span và div 1. ID 2. Class 3. Span 4. Div 4 6 CHƯƠNG 4: Table 1. Các thuộc tính 2. Table Layout CHƯƠNG 5: Margin + Padding + Border + Layer 1. Các thuộc tính của Margin 2. Các thuộc tính của Padding 3. Các thuộc tính của Border 4. Layer PHẦN 3: DREAMWEAVER 6 9 CHƯƠNG 1: QUẢN LÝ VÀ THAO TÁC TRÊN SITE 1. Thao tác trên site: 1.1 Local Site, Remote Site 1.2 Tạo một Local Site 1.3 Tạo một Remote Site 1.4 Hiệu chỉnh Site 2. Site Panel: 3. SiteMap: 3.1 Xem một SiteMap 3.2 Thao tác trong SiteMap 3.3 Lưu SiteMap 3.4 Tạo hệ thống liên kết trong SiteMap 2 3 CHƯƠNG 2: TẠO LAYOUT CHO TRANG WEB 1. Tạo Layout sử dụng Table 2. Tạo Layout sử dụng div. 4 6 PHẦN 4: JAVASCRIPT 8 12 Trang 5 CHƯƠNG 1: GIỚI THIỆU VÀ CÚ PHÁP CƠ BẢN VỀ JAVASCRIPT 1. Giới thiệu về Javascript. 1.1 Javascript là gì? 1.2 Hiệu ứng và quy tắc Javacript. 1.3 Nhúng Javascript và trang Web. 1.4 Dùng Javascript trong trình xử lý sự kiện. 2. Cú pháp cơ bản của Javascript. 2.1 Biến (Variable) 2.2 Các kiểu dữ liệu. 2.3 Toán tử. 2.4 Các biểu thức. 2.5 Mảng 2.6 Các câu lệnh điều kiện. 2.7 Hàm 2 3 CHƯƠNG 2: CÁC ĐỐI TƯỢNG CƠ BẢN TRONG JAVASCRIPT 1. Các đối tượng trong Javascript: 1.1 Định nghĩa đối tượng: 1.2 Cây phân cấp của đối tượng. 1.3 Câu lệnh this. 1.4 Câu lệnh For in 1.5 Câu lệnh with 1.6 Câu lệnh new. 1.7 Câu lệnh eval 2. Đối tượng String 3. Đối tượng Date. 4. Đối tượng Math. 2 3 Trang 6 CHƯƠNG 3: CÁC ĐỐI TƯỢNG CỦA TRÌNH DUYỆT. 1. Đối tượng Event – khái niệm: 2. Các sự kiện của Javascript. 2.1 Onclick 2.2 Onchange 2.3 OnFocus 2.4 OnBlur. 2.5 OnMouseOver. 2.6 OnMouseOut. 2.7 OnLoad 2.8 OnSubmit. 2.9 OnMouseDown 2.10 OnMouseUp 2.11 OnResize 3. Đối tượng trình duyệt thông thường: 3.1 Windows 3.2 Document 3.3 Location 3.4 History 2 3 CHƯƠNG 4: XỬ LÝ FORM VÀ CÁC SỰ KIỆN CHO CÁC PHẦN TỬ TRÊN FORM 1. Đối tượng Form: 2. Đối tượng Command Button 3. Đối tượng Check Box. 4. Đối tượng Radio 5. Đối tượng Combo Box. 6. Kiểm tra tính hợp lệ của nội dung trên Form 2 3 Tổng số 30 45 6. Nhiệm vụ của sinh viên: Nhiệm vụ Yêu cầu Ghi chú Dự lớp Tham gia đầy đủ các buổi lên lớp,tự nghiên cứu trước bài ở nhà. Bài tập, kiểm tra… Hoàn thành các bài tập được giao. Dụng cụ học tập Khác Trang 7 7. Hình thức kiểm tra- đánh giá: (Áp dụng thang điểm 10). 7.1. Kiểm tra – đánh giá quá trình: Hình thức kiểm tra Số lần kiểm tra Trọng số Ghi chú Thảo luận Bản thu hoạch Thuyết trình Báo cáo Thi giữa kỳ 1 40% Khác 7.2. Thi cuối kỳ: Hình thức thi Thời gian Trọng số Ghi chú Thi thực hành 90 phút 60% 8. Tài liệu học tập: Tp. HCM, ngày …… tháng …… năm 2012 HIỆU TRƯỞNG TRƯỞNG KHOA TRƯỞNG BỘ MÔN Loại tài liệu Tên tài liệu Ghi chú Tài liệu bắt buộc [1] Thạc Bình Cường, Vũ Thị Hậu, Giáo trình Thiết kế Web, Nhà xuất bản Giáo Dục, 2008 Tài liệu tham khảo [2] Huỳnh Văn Phước, Giáo trình Macromedia DreamWeaver, Đại học Quốc gia TP.Hồ Chí Minh - Trường Đại học Khoa học Tự nhiên [3] Nguyễn Trường Sinh, Lê Minh Hoàng, Hoàng Đức Hải, Macromedia DreamWeaver MX, NXB Thống kê. [4] Tài liệu HTML và Javascript của Aptech. Khác [5] Website: ww.w3schools.com, cssdrive.com,… . VỀ WEBSITE 1. Giới thiệu: 1.1 Cách hoạt động của trang Web - WWW (Word Wide Web) - Cách hoạt động của trang Web 1.2 Cách hoạt động của trình duyệt Web. . 4. Hướng dẫn cách tạo trang Web: 4.1 Tạo bộ Web trống 4.2 Thiết kế các trang Web 4.3 Liên kết các trang đơn 4.4 Xuất bản bộ Web 2 3 Trang 3 CHƯƠNG 2: ĐỊNH