chuong 1 thiet ke web

06/17/24Thiết kế và triển khai Website - Bộ môn CNTT4MỤC TIÊU CỤ THỂ• Cung cấp những kiến thức cơ bản về Internet, World wide web, giao thức HTTP, giao thức FTP, ngôn ngữ đánh dấu HTML,.

Trang 1

THIẾT KẾ VÀ TRIỂN KHAI WEBSITE

Bộ môn CNTT – Khoa HTTT.KT & TMĐT – Trường ĐH Thương Mại

Trang 2

06/17/24Thiết kế và triển khai Website - Bộ môn CNTT2

• Phân phối tiết học

− Lý thuyết: 30 tiết

− Thực hành/Thảo luận: 6 tiết

− SV tự chuẩn bị để TH/Thảo luận: 9 tiết

• Đánh giá kết quả

- Điểm chuyên cần: 10%

- K/Tra + T/Hành+T/luận: 30%- Thi cuối kỳ: 60%

THIẾT KẾ VÀ TRIỂN KHAI WEBSITE

Trang 3

MỤC TIÊU CỦA MÔN HỌC

• Môn học cung cấp những kiến thức cơ bản về

world wide web, các giao thức, ngôn ngữ đánh dấu và một số ngôn ngữ khác dùng để tạo web Thông qua việc giới thiệu một số công cụ thiết kế và trợ giúp việc xây dựng website, giúp học viên nắm được những yêu cầu, qui trình thiết kế và triển khai một website thực tế.

Trang 4

MỤC TIÊU CỤ THỂ

• Cung cấp những kiến thức cơ bản về Internet, World

wide web, giao thức HTTP, giao thức FTP, ngôn ngữ đánh dấu HTML,

• Một số ngôn ngữ và công cụ trợ giúp thiết kế và xây

dựng website.

• Qui trình triển khai, nâng cấp, bảo trì, Phương thức

quảng bá trang web trên mạng.

• Quy trình thiết kế và triển khai một website TMĐT

Trang 5

TÀI LIỆU THAM KHẢO

[1] Internet & World Wide Web: How to Program (4th Edition) by Harvey & Paul) Deitel & Associates (Paperback - Sep 20, 2007)

[2] Giáo trình thiết kế và triển khai website, Đại học Thương Mại, 2007

[3] Xây dựng ứng dụng Web bằng PHP&MySQL, Nguyễn Hữu Khang, NXB Phương Đông, 6-2007

[4] Xây dựng và triển khai ứng dụng Thương Mại Điện Tử, Phạm Hữu Khang, NXB Thống Kê, 2006

[5] …

Trang 6

NỘI DUNG CHƯƠNG TRÌNH

Chương 1 Những khái niệm cơ bảnChương 2 Tổng quan về thiết kế WebChương 3 Một số ngôn ngữ tạo Web Chương 4 Qui trình triển khai Web

Trang 7

Những khái niệm cơ bản

Chương 1

Trang 8

Nội dung

1.1 Internet và các dịch vụ

1.2 World wide web - Website1.3 Các khái niệm khác

Trang 9

Trang 10

Mạng máy tính – phân loại theo phạm vi địa lý

• GAN (Global Area Network)• WAN (Wide Area Network)

• MAN (Metropolitan Area Network)• LAN (Local Area Network)

Trong các khái niệm nói trên, WAN và LAN là hai khái niệm hay được sử dụng nhất

Trang 11

• Mạng LAN (Local Area Network): Mạng được cài đặt để kết nối các máy tính trong một toà nhà, một tổ chức, với khoảng cách xa nhất của hai nút trên mạng vào khoảng 10 km.

Trang 12

Mạng WAN

• Mạng WAN (Wide Area Network) là mạng diện rộng, kết nối các mạng LAN ở xa nhau để chúng ta có một mạng duy nhất • Dùng trong vùng địa lý lớn thường cho quốc gia hay cả lục địa,

phạm vi vài trăm cho đến vài ngàn km Trong mạng WAN có nhiều mạng LAN.

17/06/24Tổng quan về HTTTKT - Bộ môn CNTT12

Trang 13

Hệ điều hành mạng

• NetWare của NOVELL

• LAN Manager của Microsoft• LAN server của IBM

• Vines của Banyan Systems là hệ điều hành mạng

dùng cho server chạy hệ điều hành UNIX

• Promise LAN của Mises Computer chạy trên card

điều hợp mạng độc quyền

• Windows for Workgroups của Microsoft, …

Trang 14

• Chọn hệ điều hành mạng nào sẽ làm nền tảng cho

mạng sẽ được phát triển tuỳ thuộc vào kích cỡ của mạng hiện tại và sự phát triển trong tương lai, còn tuỳ thuộc vào những ưu điểm và nhược điểm của từng hệ điều hành

Trang 15

• Hệ điều hành mạng UNIX: do các nhà khoa học

xây dựng và được dùng rất phổ biến trong giới khoa học, giáo dục UNIX là hệ điều hành đa nhiệm, đa người sử dụng, phục vụ cho truyền

thông tốt Nhược điểm: hiện nay có nhiều Version

khác nhau, không thống nhất gây khó khǎn cho người sử dụng; phức tạp lại đòi hỏi cấu hình máy mạnh

Trang 16

• BSD, Linux là các HĐH tựa UNIX và có thể

cài chạy trên các máy tính có cấu hình thấp hơn.

Trang 17

• Hệ điều hành mạng Windows NT: Đây là hệ

điều hành của hãng Microsoft, cũng là hệ điều hành đa nhiệm, đa người sử dụng Đặc điểm của nó là tương đối dễ sử dụng, hỗ trợ mạnh cho phần mềm WINDOWS Ngoài ra, Windows NT có thể liên kết tốt với máy chủ Novell Netware Tuy nhiên, để chạy có hiệu quả, Windows NT cũng đòi hỏi cấu hình máy tương đối mạnh

Trang 18

• Hệ điều hành mạng Windows for Workgroup:

Đây là hệ điều hành mạng ngang hàng nhỏ, cho phép một nhóm người làm việc (khoảng 3-4 người) dùng chung ổ đĩa trên máy của nhau, dùng chung máy in nhưng không cho phép chạy chung một ứng dụng Hiện nay rất ít sử dụng.

• Hiện nay có Window Server 2008.

Trang 19

• Hệ điều hành mạng NetWare của Novell: Đây là

hệ điều hành phổ biến, nó có thể dùng cho các mạng nhỏ (khoảng từ 5-25 máy tính) và cũng có thể dùng cho các mạng lớn gồm hàng trǎm máy

tính Có nhiều phiên bản của Netware Netware

là một hệ điều hành mạng cục bộ dùng cho các máy vi tính theo chuẩn của IBM hay các máy tính Apple Macintosh, chạy hệ điều hành MS-DOS hoặc OS/2

Trang 20

Sự phát triển mô hình TCP/IP

•Thập niên 60 DARPA phát triển

Transmission Control Protocol/Internet Protocol (TCP/IP) kết nối các mạng máy tính thuộc bộ quốc phòng Mỹ.

•Internet, mạng máy tính toàn cầu, sử dụng

TCP/IP kết nối các mạng trên thế giới.

Trang 21

4 lớp của mô hình TCP/IP

• Layer 4: Application (ứng dụng)• Layer 3: Transport (vận chuyển)• Layer 2: Internet

• Layer 1: Network access (truy

cập mạng)

Trang 22

• Địa chỉ vật lý

• Cấu hình liên kết mạng• Sự đồng bộ

• Điều khiển lỗi, điều khiển lưu lượng.

Trang 24

Lớp vận chuyển

• Lớp vận chuyển liên quan đến chất lượng dịch vụ

như độ tin cậy, điều khiển lưu lượng và sửa lỗi (tương tự lớp vận chuyển mô hình OSI).

• Phát hiện và sửa lỗi

• Transmission control protocol (TCP).

Trang 25

Lớp ứng dụng

•Kết hợp chức năng của ba lớp phiên, trình

bày, ứng dụng trong mô hình OSI

• FTP, HTTP, SMNP, DNS

• Định dạng dữ liệu, cấu trúc dữ liệu, mã hoá …• Điều khiển đối thoại …

Trang 26

Chồng giao thức TCP/IP

Trang 28

nhau mà không cần thông qua thiết bị trung gian nào

có địa chỉ mạng khác nhau thì không thể giao tiếp với nhau trực tiếp được mà phải thông qua một thiết bị trung gian (thường là router)

• Địa chỉ mạng tương tự mã tỉnh, thành phố trong số điện

thoại Địa chỉ máy là phần còn lại của số điện thoại

Trang 29

Địa chỉ quảng bá (broadcast)

• Muốn gởi dữ liệu đến tất cả các máy trong một mạng?

• Địa chỉ quảng bá được sử dụng để gởi dữ liệu đến tất cả các máy trong cùng một mạng

• Địa chỉ quảng bá trực tiếp: các bit phần máy đồng thời là 1

• Địa chỉ quảng bá nội bộ: tất cả các bit là 1

Trang 30

Địa chỉ quảng bá nội bộ

255.255.255.255

Trang 31

Địa chỉ quảng bá trực tiếp

Địa chỉ quảng bá

192.168.20.0192.168.20.255

Trang 32

• 172.16.20.200 là địa chỉ lớp B• Phần mạng: 172.16

Trang 33

• Cần có một NATserver (network address translation:

dịch địa chỉ mạng) hoặc proxy server để cung cấp kết

Trang 34

DỊCH VỤ TÊN MIỀN

DOMAIN NAME SERVICES

Trang 35

DNS: nhớ tên thay vì địa chỉ IP

Trang 36

Chức năng

•Lưu trữ và liên kết các thông tin liên quan

đến tên miền.

•Chuyển đổi tên miền (tên của máy tính)

sang địa chỉ IP.

•Quản lý danh sách các máy chủ chuyển thư

điện tử cho từng miền.

Trang 37

Hệ thống quản lý tên miền

•DNS server là một máy trên mạng có nhiệm

vụ quản lý tên miền và đáp ứng các yêu cầu của client

•Có nhiều DNS server liên kết với nhau, chia

sẻ và quản lý truy vấn đến CSDL tên miền

•CSDL tên miền có cấu trúc phân cấp

Trang 38

Cấu trúc CSDL tên miền

• Kiến trúc tên miền không bắt buộc các tên miền

phải tuân theo quy cách đặt tên, tuy nhiên, chúng được quản lý một cách tập trung

• Cú pháp của tên không cho biết đối tượng được

đặt tên là gì: ví dụ www.ptithcm.edu.vn là một máy tính, trong khi ptithcm.edu.vn lại là tên miền

Trang 39

DNS:không gian tên miền

.

Trang 40

Trang 41

Nội dung

1.2 World wide web - Website

Trang 42

1.2 World wide web - Website

Trang 43

tìm kiếm thông tin nhanh, đa dạng và mạnh mẽ Các server WWW khác nhau sẽ thực hiện các trình duyệt (browser) khác nhau.

nhau về kết xuất và máy tính của bạn, tuy nhiên tùy thuộc vào thói quen và sở thích bạn có thể dùng

chương trình duyệt Web cho thích hợp Hiện nay các chương trình duyệt Web rất nhiều và đa dạng chẳng hạn như :

Trang 44

• World Wide Web, gọi tắt là Web hoặc WWW,

mạng lưới toàn cầu là một không gian thông tin

toàn cầu mà mọi người có thể truy nhập (đọc và viết) qua các máy tính nối với mạng Internet

• Các tài liệu trên World Wide Web được lưu trữ

trong một hệ thống siêu văn bản (hypertext), đặt tại

các máy tính trong mạng Internet

World wide web

Trang 45

• URL

URL, viết tắt của Uniform Resource Locator, được dùng để tham chiếu tới tài nguyên trên

Internet URL mang lại khả năng siêu liên kết cho các trang mạng Các tài nguyên khác nhau được tham chiếu tới bằng địa chỉ, chính là URL Một URL gồm có nhiều phần được liệt kê dưới đây:

URL scheme thường là Tên giao thức (ví dụ: http, ftp) nhưng cũng có thể là một cái tên khác (ví du: news, mailto) Muốn hiểu rõ về URL scheme xin xem URI scheme

Tên miền (ví dụ: vidu.com)

Trang 46

Giao thức HTTP

HTTP (HyperText Transfer Protocol) * HTTP là viết tắt của HyperText Transfer Protocol, giao thức truyền tệp tin siêu văn bản Trình duyệt web sử dụng giao thức này để truy xuất và tải về các trang thông tin và các hình ảnh từ máy chủ Chính vì vậy mà bạn có thể thấy ở ở tiêu đề địa chỉ trang thông tin nào cũng mở đầu bằng http

Ví dụ, bạn có thể sử dụng trình duyệt web truy xuất vào

trang thông tin của Đại học Quốc gia Hà Nội bằng cách gõ vào ô địa chỉ http://www.vnu.edu.vn.

Trang 48

1.3 Các khái niệm khác

Trang 49

Các khái niệm khác

•Web page - Website•Web tĩnh

•Web động

Trang 50

Webpage - Website

•Có thể hiểu website tương tự như quảng cáo trên các trang vàng, nhưng có điểm khác ở chỗ nó cho phép người truy cập có thể trực tiếp thực hiện nhiều việc trên website như giao tiếp, trao đổi thông tin với người chủ website và với những người truy cập khác, tìm kiếm, mua bán vv chứ không phải chỉ xem như quảng cáo thông thường Đối với một doanh nghiệp, Website là một cửa hàng ảo với hàng hoá và dịch vụ có thể được giới thiệu và rao bán trên thị trường toàn cầu Cửa hàng đó mở cửa 24 giờ một ngày, 7 ngày một tuần, quanh năm, cho phép khách hàng của bạn tìm kiếm thông tin, xem, mua sản phẩm và dịch vụ của bạn bất cứ lúc nào họ muốn.

• Khi xem thông tin trên một trang Web thì trang Web đó đến từ một Website, có thể là một Website

đến từ Mỹ, từ Việt Nam, hay bất cứ nơi nào khác trên thế giới Website sẽ tên và chính là địa chỉ mà bạn đã gọi nó ra tên đó người ta gọi là tên miền hay domain name Thường các Website được sở hữu bởi một cá nhân hoặc tổ chức nào đó.

•Website là một văn phòng ảo của doanh nghiệp trên mạng Internet Website bao gồm toàn bộ thông tin, dữ liệu, hình ảnh về các sản phẩm, dịch vụ và hoạt động sản xuất kinh doanh mà doanh nghiệp muốn truyền đạt tới người truy cập Internet Với vai trò quan trọng như vậy, có thể coi Website chính là bộ mặt của Công ty, là nơi để đón tiếp và giao dịch với các khách hàng trên mạng Website không chỉ đơn thuần là nơi cung cấp thông tin cho người xem, cho các khách hàng và đối tác kinh doanh của doanh nghiệp, nó còn phải phản ánh được những nét đặc trưng của doanh nghiệp, đảm bảo tính thẩm mỹ cao, tiện lợi, dễ sử dụng và đặc biệt phải có sức lôi cuốn người sử dụng để thuyết phục họ trở thành khách hàng của doanh nghiệp.

Trang 51

Web Động

•Web "ĐỘNG" là thuật ngữ được dùng để chỉ những website được hỗ trợ bởi một phần mềm cơ sở web, nói đúng hơn là một chương trình chạy được với giao thức http Thực chất, website động có nghĩa là một website tĩnh được "ghép" với một phần mềm web (các modules ứng dụng cho Web)

•Nếu Bạn làm web tĩnh, cũng giống như các cô ma-nơ-canh này đã được chế tạo rất hoàn thiện nhưng sẽ không bao giờ thay đổi tư thế, về cả những bộ quần áo mà các cô mặc

• Hãy tưởng tượng tiếp, các modules của một website động cũng giống như

những thành phần của một bộ khung ma-nơ-canh Bạn có thể chỉnh sửa cẳng tay của những bộ khung này, nâng chúng lên hoặc hạ chúng xuôi xuống, điều chỉnh thành chân bước hay chân đứng thẳng, thành tư thế ngồi hoặc đứng, đó là khả năng tuỳ biến của một chương trình phần mềm điển hình

Trang 52

Web Tĩnh

Vậy thì tại sao người ta vẫn thiết kế website tĩnh?

động Với web tĩnh, Bạn có thể có một giao diện được thiết kế tự do hơn Vì vậy, nhiều khi một website tĩnh có cách trình bày đẹp mắt và cuốn hút hơn Đối với những website chỉ nhằm đăng tải một số ít thông tin và chúng không có nhiều thay đổi theo thời gian thì việc dùng hình thức website tĩnh là phù hợp hơn cả Ngoài ra, website tĩnh còn có một lợi thế vô song: website tĩnh thân thiện với các cơ chế tìm kiếm (search engine) hơn nhiều so với website động Bởi vì địa chỉ URL của các html trong web tĩnh không chứa dấu chấm hỏi (?) như trong web động.

Trang 53

Thank you!

Q&A