ỦY BAN NHÂN DÂN TỈNH AN GIANG TRƯỜNG CAO ĐẲNG NGHỀ AN GIANG GIÁO TRÌNH Mô đun: THIẾT KẾ WEBSITE NGHỀ: THIẾT KẾ ĐỒ HỌA Trình độ : Trung cấp (Ban hành theo Quyết định số: /QĐ-CĐN ngày tháng năm 20 của Hiệu trưởng trường Cao đẳng nghề An Giang) An Giang, Năm ban hành : 2021 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. LỜI GIỚI THIỆU Ngày nay, sự phát triển của Internet đã ảnh hưởng rất lớn tới ngành CNTT. Internet đã mở ra nhiều cơ hội tốt cho các nhà lập trình và phát triển ứng dụng Web và những nhà thiết kế Web.
Song song với sự phát triển đó, thiết kế web cũng có những sự phát triển trong việc cải tiến kỹ thuật thiết kế. Với sự hỗ trợ của máy tính và công nghệ phần mềm như hiện nay giúp chúng ta thực hiện việc thiết kế một trang web nhanh chóng, hiệu quả và chuyên nghiệp hơn. Tài liệu này được thiết kế theo từng mô đun/ môn học thuộc hệ thống mô đun/môn học của một chương trình để đào tạo hoàn chỉnh nghề Lập trình máy tính và được dùng làm giáo trình cho học viên trong các khóa đào tạo, cũng có thể được sử dụng cho đào tạo ngắn hạn hoặc cho các công nhân kỹ thuật. Trong quá trình biên soạn, mặc dù đã cố gắng tham khảo nhiều tài liệu và giáo trình khác nhưng tác giả không khỏi tránh được những thiếu sót và hạn chế.
Tác giả chân thành mong đợi những nhận xét, đánh giá và góp ý để cuốn giáo trình ngày một hoàn thiện hơn. Nội dung chính của mô đun: Bài 1: Tổng quan về thiết kế website và Ngôn ngữ HTML Bài 2: Macromedia Dreamweaver Bài 3: CSS Bài 4: Java Script An Giang, ngày tháng năm 2021 Tham gia biên soạn Vương Thị Minh Nguyệt 1 MỤC LỤC ĐỀ MỤC TRANG LỜI GIỚI THIỆU. 2 CHƯƠNG TRÌNH MÔ ĐUN. 3 BÀI 1: TỔNG QUAN THIẾT KẾ WEBSITE VÀ NGÔN NGỮ HTML.
Tổng quan về thiết kế website. Ngôn ngữ HTML. 15 BÀI 2: MACROMEDIA DREAMWEAVER. Giới thiệu phần mềm Dreamweaver.
Quản lý và thao tác trên website. Định dạng văn bản. Tạo liên kết. Form và các thành phần trên form.
Giới thiệu CSS. Các thuộc tính CSS. Tổng quan về JavaScript. Hàm trong Javascript.
66 TÀI LIỆU THAM KHẢO. 67 2 CHƯƠNG TRÌNH MÔ ĐUN Tên mô đun: THIẾT KẾ WEBSITE Mã mô đun: MĐ 19 Thời gian thực hiện mô đun: 120 giờ (Lý thuyết: 40 giờ, thực hành 77 giờ, kiểm tra: 3 giờ). VỊ TRÍ, TÍNH CHẤT CỦA MÔ ĐUN 1. Vị trí: - Thuộc nhóm môn: Chuyên ngành - Được bố trí sau các môn: Tin học văn phòng, Xử lý ảnh với Photoshop 2.
Tính chất: Mô đun làm cơ sở cho sinh viên – học sinh có kỹ năng thiết kế được một trang web hoàn chỉnh. Ý nghĩa, vai trò môn học: là một môn học giúp cho người học xây dựng được tất cả các thành phần mà một trang web cần phải có như: giao diện, bố cục, màu sắc,. sau đó sắp xếp thành một giao diện website hoàn chỉnh có tính thẩm mỹ, đẹp mắt, dễ sử dụng. MỤC TIÊU CỦA MÔ ĐUN 1.
Về kiến thức: - Định hướng được cách thiết kế Website - Nêu và ứng dụng các thẻ HTML - Tổ chức thông tin trên trang chủ web - Định hướng được các cách liên kết đến các trang web - Đưa ra được ý tưởng về giao diện - Có khả năng sử dụng dụng các thẻ HTML - Trình bày được công dụng của dịch vụ IIS 2. Về kỹ năng: - Sử dụng các thẻ HTML để thiết kế được trang web - Thiết kế được giao diện của các trang trên website - Sử dụng thành thạo các công cụ thiết kế Web - Cài đặt, cấu hình được dịch vụ IIS - Lập trình cơ bản trên trang web. Về năng lực tự chủ và trách nhiệm: - Làm việc nhóm, tăng tính chia sẻ và làm việc cộng đồng. NỘI DUNG MÔ ĐUN 1.
Nội dung tổng quát và phân bố thời gian: 3 Thời gian (giờ) Thực Tên các bài trong hành, thí TT Tổng Lý Kiểm mô đun nghiệm, số thuyết tra thảo luận, bài tập 1 Bài 1: Tổng quan về thiết kế website và 20 8 12 Ngôn ngữ HTML I. Tổng quan về thiết kế website II. Ngôn ngữ HTML 2 Bài 2: Macromedia Dreamweaver 36 12 23 1 I. Giới thiệu phần mềm Dreamweaver II.
Quản lý và thao tác trên website III. Định dạng văn bản IV. Tạo liên kết VI. Form và các thành phần trên form VII.
Frame Kiểm tra 3 Bài 3: CSS 36 12 23 1 I. Giới thiệu CSS II. Các thuộc tính của CSS Kiểm tra 4 Bài 4: JavaScript 24 8 15 1 I. Tổng quan về JavaScript II.
Cú pháp trong JavaScript III. Hàm trong JavaScript Kiểm tra 5 Ôn tập 4 4 Cộng 120 40 77 3 2. Nội dung chi tiết: Bài 1: Tổng quan về thiết kế website và Ngôn ngữ HTML Thời gian: 20 giờ A. Mục tiêu bài: - Trình bày các kiến thức cơ bản về Internet và Website - Giới thiệu các công cụ hỗ trợ thiết kế Webste - Sử dụng được ngôn ngữ HTML để thiết kế Website B.
Nội dung bài: I. Tổng quan về thiết kế website II. Ngôn ngữ HTML 4 Bài 2: Macromedia Dreamweaver Thời gian: 36 giờ A. Mục tiêu bài: - Thực hiện được một số thao tác cơ bản trên phần mềm Internet Information Services để kết nối và chạy trang web trên localhost - Sử dụng thành thạo các chức năng, các thanh công cụ cơ bản trên phần mềm tạo web Macromedia DreamWeaver để tạo được trang web tĩnh gồm đầy đủ các thành phần văn bản, hình ảnh, âm thanh…và một số các tích hợp hiệu ứng khác B.
Nội dung bài: I. Giới thiệu phần mềm Dreamweaver II. Quản lý và thao tác trên website III. Định dạng văn bản IV.
Tạo liên kết VI. Form và các thành phần trên form VII. Frame Kiểm tra Bài 3: CSS Thời gian: 36 giờ A. Mục tiêu bài - Giới thiệu về ngôn ngữ hỗ trợ cách thức trình bày Website CSS - Sử dụng được ngôn ngữ CSS/CSS3 kết hợp với HTML để thiết kế Website web hoàn chỉnh.
Nội dung bài I. Giới thiệu CSS II. Các thuộc tính của CSS Kiểm tra Bài 4: JavaScript Thời gian: 24 giờ A. Mục tiêu bài - Sử dụng được ngôn ngữ Javascript kết hợp với HTML, CSS để thiết kế Website - Hiểu và nắm được nguyên tắc hoạt động của một trang Asp.
- Biết cách khai báo biến, biết sử dụng các cấu trúc điều khiển, các hàm cơ bản và sử dụng được những đối tượng xây dựng sẵn trong Asp để lập trình trên trang web nhằm tính toán, phục vụ một mục tiêu cụ thể bằng ngôn ngữ JavaScript B. Nội dung bài I. Tổng quan về JavaScript II. Cú pháp trong JavaScript III.
Hàm trong JavaScript Kiểm tra Ôn tập Thời gian: 4 giờ 5 BÀI 1 TỔNG QUAN VỀ THIẾT KẾ WEBSITE – NGÔN NGỮ HTML Giới thiệu HTML do Tim Berner Lee phát minh và được W3C (World Wide Web Consortium) đưa thành chuẩn năm 1994. Mục tiêu Học xong bài này học viên sẽ có khả năng: - Trình bày các kiến thức cơ bản về Internet và Website - Giới thiệu các công cụ hỗ trợ thiết kế Webste - Sử dụng được ngôn ngữ HTML để thiết kế Website Nội dung chính I. TỔNG QUAN VỀ THIẾT KẾ WEBSITE 1. CÁC KHÁI NIỆM CƠ BẢN: - Internet là một mạng máy tính toàn cầu trong đó các máy truyền thông với nhau theo một ngôn ngữ chung là TCP/IP.
- Intranet đó là mạng cục bộ không nối vào Internet và cách truyền thông của chúng cũng theo ngôn ngữ chung là TCP/IP. - Mô hình Client-Server: là mô hình khách-chủ. Server chứa tài nguyên dùng chung cho nhiều máy khách(Client) như các tập tin, tài liệu, máy in… Ưu điểm của mô hình này là tiết kiệm về thời gian, tài chính, dễ quản trị hệ thống…Cách hoạt động của mô hình này là máy Server ở trang thái hoạt động(24/24) và chờ yêu cầu từ phía Client. Khi Client yêu cầu thì máy Server đáp ứng yêu cầu đó.
- Internet Server là các Server cung cấp các dịch vụ Internet(Web Server, Mail Server, FTP Server…) - Internet Service Provider(ISP): Là nơi cung cấp các dịch vụ Internet cho khách hàng. Mỗi ISP có nhiều khách hàng và có thể có nhiều loại dịch vụ Internet khác nhau. - Internet Protocol : Các máy sử dụng trong mạng Internet liên lạc với nhau theo một tiêu chuẩn truyền thông gọi là Internet Protocol (IP). IP Address-địa chỉ IP: để việc trao đổi thông tin trong mạng Internet thực hiện được thì mỗi máy trong mạng cần phải định danh để phân biệt với các máy khác.
Mỗi máy tính trong mạng được định danh bằng một nhóm các số được gọi là địa chỉ IP. Địa chỉ IP gồm 4 số thập phân có giá từ 0 đến 255 và được phân cách nhau bởi dấu chấm.1 Địa chỉ IP này có giá trị trong toàn mạng Internet. Uỷ ban phân phối địa chỉ IP của thế giới sẽ phân chia các nhóm địa chỉ IP cho các quốc gia khác nhau. Thông thường địa chỉ IP của một quốc gia do các cơ quan bưu điện quản lý và phân phối lại cho các ISP.
Một máy tính khi thâm nhập vào mạng Internet cần có một địa chỉ IP. Địa chỉ IP có thể cấp tạp thời hoặc cấp vĩnh viễn. Thông thường các máy Client kết nối vào mạng Internet thông qua một ISP bằng đường điện thoại. Khi kết nối, ISP sẽ cấp tạm thời một IP cho máy Client.
- Phương thức truyền thông tin trong Internet: Khi một máy tính có địa chỉ IP là x(máy X) gửi tin đến máy tính có địa chỉ IP là y (máy Y) thì phương thức truyền tin cơ bản diễn ra như sau: Nếu máy X và máy Y cùng nằm trên một mạng con thì thông tin sẽ được gửi đi trực tiếp. Còn máy X và Y không cùng nằm trong mạng 6 con thì thông tin sẽ được chuyển tới một máy trung gian có đường thông với các mạng khác rồi mới chuyển tới máy Y. Máy trung gian này gọi là Gateway. - World Wide Web(WWW): là một dịch vụ phổ biến nhất hiện nay trên Internet.
Dịch vụ này đưa ra cách truy xuất các tài liệu của các máy phục vụ dễ dàng thông qua các giao tiếp đồ họa. Để sử dụng dịch vụ này máy Client cần có một chương trình gọi là Web Browser. - Web Browser (trình duyệt): là trình duyệt Web. Dùng để truy xuất các tài liệu trên các Web Server.