Các thuật ngữ cơ bản, kiến thức cơ bản thiết kế web: HTML, CSS, một số công cụ thiết kế web MS Front Page, Dreamweaver 8, MS Expression Web, VS Studio 2005,..
TẬP HUẤN CÔNG NGHỆ THÔNG TIN WEB - THIẾT KẾ WEB Lecture: Nguyễn Đức Cương - FIT Email: cuongnguyenduc@gmail.com Website: http://www.nguyenduccuong.com http://www.longcuong.com.vn Tại lại WEB? Văn phòng di động 24/24 Thông tin liên lạc lúc, nơi Giới thiệu quảng bá hình ảnh nhà trường, công ty, Thực dịch vụ mua bán nhanh, thuận tiện, Mục tiêu Nắm vững kiến thức www – internet Hiểu web, Web tĩnh, Web động Hiểu kiến thức thiết kế web: HTML, CSS, Biết công dụng, ý nghĩa số cơng cụ thiết kế, lập trình web: MS Front Page, Dreamweaver 8, MS Expression Web, VS Studio 2005, http://nguyenduccuong.com Slide http://longcuong.com.vn Nội dung Các thuật ngữ Giới thiệu kiến thức thiết kế web: HTML, CSS, Giới thiệu số công cụ thiết kế web: MS Front Page, Dreamweaver 8, MS Expression Web, VS Studio 2005, http://nguyenduccuong.com Slide http://longcuong.com.vn Tài nguyên Phần cứng: Máy tính chạy Win 2000 hoặc cao Phần mềm: Phần mềm TK Web: Dreamweaver MX, VS Studio, Trình duyệt: IE, Fire Fox, http://nguyenduccuong.com Slide http://longcuong.com.vn Nguồn tham khảo Giáo trình thiết kế web – trường ĐH Công nghiệp Tp HCM Principle web design - Joel Sklar http://www.google.com http://w3c.org … http://nguyenduccuong.com Slide http://longcuong.com.vn Các thuật ngữ Internet : TCP/IP:(Transfer Control Protocol/Internet Protocol) Mơ hình Client-Server: Internet Server: Server cung cấp dịch vụ Internet (Web Server, Mail Server, FTP Server…) Internet Service Provider (ISP): Internet Protocol : Phương thức truyền tin internet – thông qua gateway http://nguyenduccuong.com Slide http://longcuong.com.vn http://nguyenduccuong.com Slide http://longcuong.com.vn Các thuật ngữ World Wide Web (WWW):dịch vụ truy xuất tài liệu máy Web Browser : Internet Explorer, Mozilla FireFox, Nestcape, … Hosting provider: DNS: Domain Name Service Publish: làm cho trang web chạy internet URL(Unioform resource locator): địa chỉ đến file cụ thể nguồn tài nguyên mạng http://nguyenduccuong.com Slide http://longcuong.com.vn Các thuật ngữ Web: Một ứng dụng chạy mạng (Client-Server) tương tự ứng dụng khác Nhưng chia sẻ tồn cầu thơng qua mạng Internet dịch vụ Web Page: tập tin lưu với phần mở rộng html, htm (web tĩnh); aspx, php, (web động) Website: Một tập hợp nhiều web page, thể thông tin tổ chức chủ đề http://nguyenduccuong.com Slide 10 http://longcuong.com.vn Tổng quan HTML HTML (HyperText markup Language) gồm thẻ (tag), đoạn mã đặc biệt – định dạng để báo cho trình duyệt Web biết cách hiển thị Cho phép liên kết loại âm thanh, hình ảnh bên trang web HTML ngơn ngữ lập trình Trình soạn thảo trang web :Notepad, Hỗ trợ thiết kế: FrontPage, Dreamweaver, MS VS Studio, http://nguyenduccuong.com Slide 11 http://longcuong.com.vn Tổng quan HTML Cú pháp: Object TagName : , Object : văn bản, ảnh, ListPropeties: danh sách thuộc tính Tag http://nguyenduccuong.com Slide 12 http://longcuong.com.vn Cấu trúc trang web Nội dung thông tin trang web Nội dung hiển thị trình duyệt http://nguyenduccuong.com Slide 13 http://longcuong.com.vn Một số ví dụ Hiển thị tiêu đề web: Tạo heading cho văn HTML gì? Ngắt đoạn Welcome to my web page ,Kẻ đường ngang http://nguyenduccuong.com Slide 14 http://longcuong.com.vn Một số ví dụ Định dạng văn bản: đậm, nghiêng, Định dạng font chữ Văn bản Định dạng toàn trang http://nguyenduccuong.com Slide 15 http://longcuong.com.vn Một số ví dụ Cho đối tượng chuyển động: Chèn ảnh vào trang web Chèn âm Object Chèn movie