1
Giảng viên: Nguyễn Đức Cương
Email: cuongnguyenduc@gmail.com
Web: ht t p: / / ww w.nguyenduccuong.com
MÔN HỌC: THIẾT KẾ WEB 1
PHẦN 1: NGÔN NGỮ HTML
(HyperText Markup Language)
Bài 1: TỔNG QUAN VỀ WEB
ht t p:/ / nguyenduccuong.com Slide 3
Mục tiêu
Nắm vững kiến thức cơ bản về www – internet.
Hiểu được thế nào là web, Web tĩnh, Web động
Hiểu được các kiến thức cơ bản thiết kế web:
HTML, CSS,..
Biết được công dụng, ý nghĩa của một số công cụ
thiết kế, lập trình web: MS Front Page,
Dreamweaver 8, MS Expression Web, VS Studio
2005,..
2
Tại sao lại là WEB?
Văn phòng di động 24/24
Thông tin liên lạc mọi lúc, mọi nơi
Giới thiệu quảng bá hình ảnh nhà trường, công ty,..
Thực hiện dịch vụ mua bán nhanh, thuận tiện,..
ht t p:/ / nguyenduccuong.com Slide 5
Nội dung
Các thuật ngữ cơ bản
Giới thiệu các kiến thức cơ bản thiết kế web: HTML,
CSS,..
Giới thiệu một số công cụ thiết kế web: MS Front
Page, Dreamweaver 8, MS Expression Web, VS
Studio 2005,..
ht t p:/ / nguyenduccuong.com Slide 6
Tài nguyên
Phần cứng:
Máy tính chạy Win 2000 hoặc cao hơn.
Phần mềm:
Phần mềm TK Web: Dreamweaver MX, VS Studio,..
Trình duyệt: IE, Fire Fox,..
3
ht t p:/ / nguyenduccuong.com Slide 7
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
…
ht t p:/ / nguyenduccuong.com Slide 8
Các thuật ngữ cơ bản
Internet :
TCP/ I P:(Transfer Control Protocol/I nternet
Protocol)
Mô hình Client-Server:
Internet Server: là các Server cung cấp các dịch vụ
Internet (Web Server, Mail Server, FTP Server…)
Internet Service Provider (I SP):
Internet Protocol :
Phương thức truyền tin trong internet – thông qua
gateway
ht t p:/ / nguyenduccuong.com Slide 9
4
ht t p:/ / nguyenduccuong.com Slide 10
Các thuật ngữ cơ bản
World Wide Web (WWW):dịch vụ truy xuất tài liệu
trên các máy.
Web Browser :
Internet Explorer, Mozilla FireFox, Nestcape, …
Hosting provider:
DNS: Domain Name Service
Publish: làm cho trang web chạy trên internet
URL(Unioform resource locator): một địa chỉ chỉ
đến một file cụ thể trong nguồn tài nguyên mạng.
ht t p:/ / nguyenduccuong.com Slide 11
Các thuật ngữ cơ bản
Web: Một ứng dụng chạy trên mạng (Client-Server)
tương tự ứng dụng khác. Nhưng được chia sẻ toàn
cầu thông qua mạng Internet và các dịch vụ của
nó.
Web Page: tập tin được lưu với phần mở rộng là
.html, htm (web tĩnh); aspx, php,.. (web động).
Website: Một tập hợp nhiều web page, thể hiện
thông tin của một tổ chức hoặc một chủ đề nào đó
ht t p:/ / nguyenduccuong.com Slide 12
Tổng quan HTML
HTML (HyperText markup Language) gồm các thẻ
(tag), đoạn mã đặc biệt –là sự đị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 các loại âm thanh, hình ảnh bên
trong trang web.
HTML không phải là 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,..
5
ht t p:/ / nguyenduccuong.com Slide 13
Tổng quan HTML – Tag HTML
Cú pháp:
< tagName ListProperties> Object < / tagName>
TagName : < hr> , < B>
Object : văn bản, ảnh,..
ListPropeties: danh sách thuộc tính của Tag
ht t p:/ / nguyenduccuong.com Slide 14
Tổng quan HTML – Tag HTML
Nếu có nhiều thuộc tính thì các thuộc tính cách nhau
khoảng trắng
< TagName property1= ’value1’ property2= ’value2’…>
Object
< /TagName>
Ví dụ:
< body BGCOLOR= ”RED” TEXT= “ # FFFF00” >
nội dung
< /body>
ht t p:/ / nguyenduccuong.com Slide 15
Cấu trúc trang web
< HTML>
< HEAD>
Nội dung thông tin của trang web
< /HEAD>
< BODY>
Nội dung hiển thị trên trình duyệt
< /BODY>
< /HTML>