Giáo trình Thiết kế Website (Nghề: Lập trình máy tính-CĐ) - CĐ Cơ Giới Ninh Bình

(NB) Mục tiêu của Giáo trình Thiết kế Website giúp các bạn học viên có thể xây dựng được các web, trên đó có các ứng dụng phục vụ các mục tiêu cụ thể, có khả năng liên kết đến các trang Web khác; Trình bày trên trang Web hệ thống thông tin tổng hợp bao gồm: văn bản, hình ảnh, âm thanh với nhiều kiểu định dạng khác nhau; Hiểu được những kiến thức cơ bản về JavaScript; Sử dụng được các ứng dụng thiết kế web theo yêu cầu; Có thái độ nghiêm túc và tích cực trong học tập đảm bảo an toàn cho người và thiết bị.
Nội dung trích xuất từ tài liệu:
Giáo trình Thiết kế Website (Nghề: Lập trình máy tính-CĐ) - CĐ Cơ Giới Ninh Bình BỘ NÔNG NGHIỆP VÀ PHÁT TRIỂN NÔNG THÔN TRƯỜNG CAO ĐẲNG CƠ GIỚI NINH BÌNH GIÁO TRÌNH MÔ ĐUN: THIẾT KẾ WEBSITE NGHỀ: LẬP TRÌNH MÁY TÍNH TRÌNH ĐỘ: CAO ĐẲNG  Ban hành kèm theo Quyết định số:        /QĐ­…   ngày…….tháng….năm 2018  của Trường Cao đẳng Cơ giới Ninh Bình 1 Ninh Bình, năm 2018 2 TUYÊN BỐ BẢN QUYỀN Tài liệu này thuộc loại sách giáo trình nên các nguồn thông tin có thể  được phép dùng nguyên bản hoặc trích dùng cho các mục đích về đào tạo và  tham khảo. Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh  doanh thiếu lành mạnh sẽ bị nghiêm cấm. 3 LỜI GIỚI THIỆU Giáo trình này là sự  đúc kết kinh nghiệm của tác giả  trong giảng dạy   các khoá đào tạo về  Thiết kế  website   cũng như  kinh nghiệm sử  dụng các  công cụ  hỗ  trợ  và công cụ  phát triển phần mềm để  thiết kế  Web. Hầu hết   nội dung trình bày trong giáo trình đều bám theo những bài tập thực hành cụ  thể. Do vậy, sau khi đọc xong và thực hành theo trình tự  cuốn sách này, bạn  đọc gần như  có thể  thiết kế  và xây dựng được những website từ  đơn giản  đến phức tạp Đối tượng chính của giáo trình là sinh viên, học sinh các trường dạy  nghề  chuyên nghành CNTT. Tất nhiên cũng hoàn toàn phù hợp cho những ai  quan tâm học hỏi môn học này bởi lẽ  các nội dung đều được trình bày rất   trực quan, có thứ tự và kết quả rõ ràng. Thời lượng thiết kế  120 tiết. Trong đó 30 tiết lý thuyết, 85 tiết thực   hành   và   5   tiết   dành   cho   kiểm   tra.   Tuỳ   theo   mức   độ   ứng   dụng   của   từng   trường, ngành vào mô đun này mà mỗi đơn vị sẽ chọn cho mình một quĩ thời   gian cũng như các nội dung giảng dạy phù hợp từ giáo trình này. Ninh Bình, ngày…..........tháng…........... năm…… Tham gia biên soạn 1. Chủ biên – Th.S Nguyễn Xuân Khôi 2. Th.S Vũ Ánh Dương 3. Th.S Nguyễn Anh Văn 4 MỤC LỤC 5 MÔ ĐUN: THIẾT KẾ WEB Mã số mô đun: MĐ 16 Thời gian mô đun: 120 giờ;                 (Lý thuyết: 30 giờ; Thực hành: 90 giờ) I. VỊ TRÍ, TÍNH CHẤT CỦA MÔ ĐUN  ­ Vị trí: Môn học được bố trí sau khi học xong các môn chung và trước   các môn học/mô đun lý thuyết cơ sở. ­ Tính chất: Là mô đun chuyên môn nghề. II. MỤC TIÊU MÔ ĐUN ­ Xây dựng được các web, trên đó có các  ứng dụng phục vụ  các mục  tiêu cụ thể, có khả năng liên kết đến các trang Web khác; ­ Trình bày trên trang Web hệ  thống thông tin tổng hợp bao gồm: văn  bản, hình ảnh, âm thanh với nhiều kiểu định dạng khác nhau; ­ Hiểu được những kiến thức cơ bản về JavaScript; ­ Sử dụng được các ứng dụng thiết kế web theo yêu cầu; ­ Có thái độ nghiêm túc và tích cực trong học tập đảm bảo an toàn cho  người và thiết bị. III. NỘI DUNG MÔ ĐUN 1.  Nội dung tổng quát và phân phối thời gian: Thời gian Tên các bài  Lý  Thự Kiể Số TT trong mô  Tổn Thuyế c  m  đun g số t hành Tra 1 Bài 1: Các thành phần cơ bản của HTML 60 20 38 2 2 Bài 2: Làm việc với CSS   60 10 47 3 Cộng 120 30 85 5 6 Bài 1. Các thành phần cơ bản của HTML Mã bài: MDD16­B01 Giới thiệu: Trong bài học này chúng ta sẽ  đi tìm hiểu về các thành phần cơ  bản   của   HTML,   các   cú   pháp   của   các   thẻ   HTML   và   cách   xây   dựng   một  Website tĩnh như thế nào? Mục tiêu: Sau khi học xong bài này người học có khả năng: ­ Hiểu được định nghĩa, cú pháp và các thành phần cơ bản của HTML;. ­ Sử dụng được các thành phần cơ bản của HTML; ­ Xây dựng được một Website tĩnh theo yêu cầu;  ­ Đảm bảo an toàn cho người và thiết bị 1. Các thẻ định cấu trúc của tài liệu. 1.1. Thẻ HTML. Cặp thẻ này được sử dụng để xác nhận một tài liệu là tài liệu HTML,   tức là nó có sử  dụng các thẻ  HTML để  trình bày. Toàn bộ  nội dung của tài   liệu được đặt giữa cặp thẻ này.  Cú pháp: Trình duyệt sẽ xem các tài liệu không sử dụng thẻ  như  những tệp tin văn bản bình thường. 1.2. Thẻ Head. Thẻ HEAD được dùng để xác định phần mở đầu cho tài liệu. Cú pháp: 1.3. Thẻ Title. Cặp thẻ  này chỉ  có thể  sử  dụng trong phần mở  đầu của tài liệu, tức là nó  phải nằm trong thẻ phạm vi giới hạn bởi cặp thẻ . Cú pháp: 1.4. Thẻ Body. 7 Thẻ  này được sử  dụng để  xác định phần nội dung chính của tài liệu ­ phần   thân (body) của tài liệu. Trong phần thân có thể chứa các thông tin định dạng   nhất định để  đặt  ảnh nền cho tài liệu, màu nền, màu văn bản siêu liên kết,  đặt lề cho trang tài liệu... Những thông tin này được đặt ở phần tham số của   thẻ. Cú pháp:   Trên đây là cú pháp cơ  bản của thẻ  BODY, tuy nhiên bắt đầu từ  HTML 3.2  thì có nhiều thuộc tính được sử  dụng trong thẻ  BODY. Sau đây là các thuộc  tính chính: BACKGROUND= Đặt một ảnh nào đó làm ảnh nền (background) cho  văn bản. Giá trị của tham số này (phần sau dấu  bằng) là URL của file ảnh. Nếu kích thước ảnh  nhỏ hơn cửa sổ trình duyệt thì toàn bộ màn hình  cửa sổ ...