Thiết Kế Web
This presentation is the property of its rightful owner.
Sponsored Links
1 / 33

Thiết Kế Web PowerPoint PPT Presentation


  • 125 Views
  • Uploaded on
  • Presentation posted in: General

Thiết Kế Web. Mục tiêu. 2. Kiến thức: Cung cấp kiến thức thiết kế website ở mức độ căn bản và nâng cao. Kỹ năng: Giúp sinh viên làm việc tốt và khai thác các hỗ trợ trong môi trường làm việc chuyên nghiệp Visual Studio.Net, Dreamweaver. Nội dung. 3. Kiến thức tiên quyết. 4.

Download Presentation

Thiết Kế Web

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Thi t k web

Thiết Kế Web


M c ti u

Mục tiêu

2

  • Kiến thức: Cung cấp kiến thức thiết kế website ở mức độ căn bản và nâng cao.

  • Kỹ năng: Giúp sinh viên làm việc tốt và khai thác các hỗ trợ trong môi trường làm việc chuyên nghiệp Visual Studio.Net, Dreamweaver


Thi t k web

Nội dung

3


Ki n th c ti n quy t

Kiến thức tiên quyết

4

  • Đã học qua nhập môn tin học và lập trình căn bản

  • Kiến thức về kỹ thuật lập trình C, C++, C#.


T i li u

Tài liệu

5

  • [1] JonDuckett ,Beginning Web Programming with HTML, XML and CSS, John Wiley & Sons, Ltd., 2010

  • [2] WallPeart, Simple CSS Standard Edition, WallPeart, WallPearl’sBlog, 2008

  • Source code mẫu ở website: http://www.w3school.com

  • Các ví dụ ở website: http://www.codeguru.com hay http://www.codeproject.com

  • Các sách tiếng Việt về Thiết kế Web, ASP.Net với C#, Dreamweaver

  • Sách tiếng Anh: Beginning ASP.Net, Professional ASP.Net (nhà xuất bản WROX), Dreamweaver 8

  • Slide bài giảng và bài tập thực hành


Ti u chu n nh gi

Tiêu chuẩn đánh giá

6

  • Yêu cầu đối với sinh viên:

    • Dự lớp: lý thuyết trên 75%

    • Bài tập: hoàn thành các bài tập trên lớp và ở nhà

    • Tham gia đầy đủ các buổi thảo luận của nhóm


Trao i th ng tin

Trao đổi thông tin

7

  • Địa chỉ mail:

    • [email protected]

  • Địa chỉ download tài liệu:

    • https://kimchidhcn.wordpress.com


Ch ng i

CHƯƠNG I

Giới Thiệu Về Internet Và Web


N i dung

Nội Dung

Các khái niệm cơ bản về Internet

Lịch sử phát triển của Internet

Giới thiệu Web

Các dịch vụ cơ bản của Internet

Các bước thiết lập một Website


C c kh i ni m c b n v internet

CÁC KHÁI NIỆM CƠ BẢN VỀ INTERNET

  • Internet: mạng máy tính toàn cầu, các máy truyền thông với nhau bằng giao thức chung là TCP/IP (Transfer Control Protocol/Internet Protocol)

  • Intranet: là mạng cục bộ không nối vào Internet, truyền thông bằng giao thức TCP/IP.

  • MôhìnhClient-Server: mô hình khách-chủ. Server chứa tài nguyên dùng chung cho nhiều máy Client

    • Ư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 đó.


Thi t k web

CÁC KHÁI NIỆM CƠ BẢN VỀ INTERNET

  • InternetServer:làcác Server cungcấpcácdịchvụ Internet (Web Server, Mail Server, FTP Server…)

  • InternetServiceProvider (ISP):Nhàcungcấpdịchvụ Internet chokháchhàng. Mỗi ISP cónhiềukháchhàngvàcóthểcónhiềuloạidịchvụ Internet khácnhau.

  • InternetProtocol:nghithứctruyềnthông tin giữacácmáytínhtrongmạng

  • World Wide Web (WWW):còngọilà Web, làmộtdịchvụphổbiếnnhấthiện nay trên Internet. Web làmộtứngdụngchạytrênmạng Client-Server, kháchvàchủ web liênlạcnhaubằnggiaothức http (HyperText Transfer Protocol). Các web server cungcấpthông tin đượcđịnhdạngtheongônngữ HTML


Thi t k web

CÁC KHÁI NIỆM CƠ BẢN VỀ INTERNET

  • 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 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


L ch s ph t tri n c a internet

LỊCH SỬ PHÁT TRIỂN CỦA INTERNET

  • Mạng Internet xuất phát từ mạng ARPANET của Mỹ (1969) –mạng giữa các trường ĐH.

  • Năm 1989 - Tim Berners Lee phát minh ra World Wide Web, sau đó tạo ra ngôn ngữ Hypertext Markup Language – HTML

  • Năm 1990 – Tim viết trình duyệt (Web Browser) và Web server đầu tiên (info.cern.ch). Ngày 30 tháng tư năm 1993, CERN thông báo rằng World Wide Web sẽ được miễn phí để sử dụng cho bất cứ ai.

  • Web đã bùng nổ vào năm 1993 khi sinh viên Marc Andreessen tốt nghiệp trường Đại học Illinois phát triển thành công một phần mềm giúp hiển thị các trang Web dưới dạng đồ họa.

  • Việt nam có Internet vào tháng 11/1997


Gi i thi u v web

GiỚI THIỆU VỀ WEB

  • World Wide Web(WWW):Là dịch vụ phân tán cung cấp thông tin dạng đa phương tiện (multimedia) dựa trên hypertext

    • Phân tán: thông tin được đặt trên nhiều máy chủ khắp thế giới

    • Multimedia: thông tin bao gồm text, graphics, sound, video

    • Hypertext: là kỹ thuật được sử dụng để truy cập thông tin

      Để 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.

  • WebBrowser: trình duyệt Web. Dùng để truy xuất các tài liệu trên các Web Server. Các trình duyệt hiện nay là Internet Explorer, Nestcape,…


Gi i thi u v web1

GiỚI THIỆU VỀ WEB

  • 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 đó

  • Web Page: là một file văn bản chứa những tag HTML hoặc những đọan mã đặc biệt mà trình duyệt web có thể hiểu và thông dịch được, file được lưu với phần mở rộng là .html hoặc htm.

  • Home page: là trang web đầu tiên trong web site

  • Hosting provider: là công ty hoặc tổ chức đưa các trang của chúng ta lên mạng

  • Publish: Xuất bản trang web

  • Web server: là một chương trình đáp ứng yêu cầu truy xuất tài nguyên


Thi t k web

GiỚI THIỆU VỀ WEB

  • URL(Uniform resource locator): một địa chỉ chỉ đến một file cụ thể trong nguồn tài nguyên mạng.

  • Ví dụ: 207.46.130.149 được biểu diễn trong URL là www.microsoft.com

  • URL tuyệt đối: là địa chỉ Internet đầy đủ của một trang hoặc file, bao gồm giao thức, vị trí mạng, đường dẫn tuỳ chọn và tên file.

    Ví dụ, http:// www.microsoft.com/ms.htm.

  • URL tương đối: mô tả ngắn gọn địa chỉ tập tin kết nối có cùng đường dẫn với tập tin hiện hành, URL tương đối đơn giản bao gồm tên và phần mở rộng của tập tin.

    Ví dụ: index.html


Gi i thi u kh i qu t v web

GIỚI THIỆU KHÁI QUÁT VỀ WEB

  • HTML (HyperText makup Language) gồm các đoạn mã chuẩn được quy ước để thiết kế Web và được hiển thị bởi trình duyệt Web

    • Hypertext (Hypertext link)là một từ hay một cụm từ đặc biệt dùng để tạo liên kết giữa các trang web

    • Mark up: là cách định dạng văn bản để trình duyệt hiểu và thông dịch được.

    • Language: tập những quy luật để định dạng văn bản trên trang web.

  • Trình soạn thảo trang web: Có thể soạn thảo web trên bất kỳ trình soạn thảo văn bản nào: Notepad, FrontPage hoặc Dreamweaver.


Gi i thi u v web2

GiỚI THIỆU VỀ WEB


Thi t k web

CÁC THÀNH PHẦN CHÍNH CỦA WEB

  • Tên miền (domain): địa chi website, trên Internet chỉ tồn tại một địa chỉ. Có hai loại:

    • Tên miền quốc tế: là tên miền có dạng .com, .net, .org, .biz.

      • Ví dụ: www.google.com, www.idvn.net,...

    • Tên miền việt nam: là tên miền có dạng .vn, com.vn, .net.vn,…

      • Ví dụ: www.hui.edu.vn


Thi t k web

CÁC THÀNH PHẦN CHÍNH CỦA WEB

  • Nơi lưu trữ Website (hosting): dữ liệu Website được lưu trữ trên một máy gọi là máy chủ-server luôn hoạt động và kết nối với mạng Internet.

    • Một server có thể lưu trữ nhiều Website, nếu server bị sự cố như tắt máy trong một thời điểm nào đó thì không ai có thể truy cập được các Website trên server này tại thời điểm bị sự cố.

    • Dung lượng host là nơi để lưu trữ CSDL cho một Website. Đơn vị đo là Mb hay Gb. Dung lượng đường truyền là tổng số Mb dữ liệu tải lên máy chủ hoặc tải về máy chủ. Đơn vị đo là Mb/tháng.

  • Nội dung các trang Web


Thi t k web

Các thành phần chính của một Website?

Thảo luận

Tại sao một website lại giống như 1 căn hộ bạn đang ở ???


Thi t k web

Các thành phần chính của một Website?

Website như một tòa nhà nơi bạn đang ở. Nó bao gồm các thành phần sau:

Địa chỉ: (là 1 cái tên miền, ví dụ: www.AhuyWeb.com)

Một chỗ ở với đủ không gian (Hosting – không gian để lưu trữ website)

Các căn phòng khác nhau như phòng ngủ, nhà bếp (Các trang web khác nhau)

Một cái cửa đủ lớn để cho mọi người có thể ra vào (Bandwidth – băng thông)

Một người cai quản, chăm sóc (nhà thiết kế web / Quản lý web)


Thi t k web

Các thành phần chính của một Website?

KHÁCH VIẾNG THĂM

Khách ghé thăm bạn cần một phương tiện để đưa họ đến. Ví dụ xe bus. Trong trường hợp của website người ta cần đến các ISP – nhà cung cấp dịch vụ mạng ( VietTel, VDC, FPT, VNPT …)


Thi t k web

Các thành phần chính của một Website?

CÁC THÀNH PHẦN KHÁC

  • Các thành phần sau đây bạn cũng mong muốn căn hộ của mình có được

    • Hòm thư ( email với tên miền của bạn [email protected] )

    • Máy trả lời tự động ( autoresponder – cài đặt cho email của bạn )

    • Người đưa thư ( mã lệnh và form để gửi thư )

    • Đồ nội thất tiện nghi, thoải mái ( các thành phần trang trí trên website )

    • Bản đồ định hướng nếu ở 1 tòa nhà lớn ( sitemap hoặc các menu định hướng thật tốt trên website )


Thi t k web

Các thành phần chính của một Website?

THẾ CÒN VIỆC KINH DOANH?

Nếubạnmuốnkinhdoanhtạiđâybạncầncó

1. Nhữngxeđẩyhàng (Giỏhàng)

2. Quầythanhtoán

3. Hệthống an ninh (đườngtruyềnbảomật SSL)

4. Quảngcáothậttốt ( quảngbá web – tốiưuhóacôngcụtìmkiếm )

5. Đặtbiếnchonơicủabạn ( quảngcáo banner )

6. Tổchứcsựkiện ( PR cho website, cậpnhật tin tức, thôngcáobáochí )

7. Chú ý đếnnhữngngườigầncận ( mạng internet toàncầu )


Thi t k web

HOẠT ĐỘNG CỦA WEB


Thi t k web

CÁC DỊCH VỤ CƠ BẢN CỦA WEB

World Wide Web – WWW

Thư điện tử – Email (Electronic mail)

Truyền, tải tập tin – FTP – File Transfer Protocol

Tán gẫu – Chat,...

...


Thi t k web

CÁC DỊCH VỤ CƠ BẢN CỦA WEB

  • IAP (Internet Access Provider): Nhà cung cấp đường truyền Internet.

  • ISP (Internet Service Provider): Nhà cung cấp dịch vụ Internet. Một số ISP hiện nay ở Việt

    Nam: VDC,FPT, SaigonNet, NetNam, Viettel, ...


Thi t k web

CÁC BƯỚC THIẾT LẬP MỘT WEB SITE

  • Thu thập thông tin khách hàng

    • Tìm hiểu yêu cầu thực tế của khách hàng

    • Xác nhận các yêu cầu của khách hàng về trang Web và các thông tin khách hàng cung cấp.

  • Giai đoạn phân tích

    • Phân tích rõ ràng mục đích, yêu cầu, nguyện vọng của khàch hàng.

    • Lập kế hoạch thực hiện dự án

    • Thiết kếlập cấu trúc cho website và thiết kế chung cho toàn hệ thống. 


Thi t k web

CÁC BƯỚC THIẾT LẬP MỘT WEB SITE

  • Giaiđoạnthiếtkế

    • Xemxét chi tiếtyêucầuvàtiếnhànhthiếtkế website

    • Tiếnhànhxửlýhiệuứngảnh, thuthậptàiliệuliênquan

    • Kiểmtrasảnphẩmđểđảmbảotínhthẩmmỹvàthốngnhất.

  • Giaiđoạnxâydựng

    • Xâydựngcơsởdữliệudựatrênthiếtkế.

    • Soạnthảonội dung tàiliệu, chỉnhsửahoànthiệnnội dung rồiđưalêntrang web.

    • Tíchhợphệthống: lắpghépphântíchthiếtkế, nội dung lậptrìnhthànhmộtsảnphẩm.

    • Tiếnhànhkiểmtra, chỉnhsửavàthựchiệnnghiệmthunộibộ


Thi t k web

CÁC BƯỚC THIẾT LẬP MỘT WEB SITE

  • Giai đoạn chạy thử

    • Tổng hợp nội dung, xây dựng hệ thống theo thiết kế.

    • Kiểm tra và sửa lỗi

    • Lắp ghép thiết kế với phần mềm.

    • Chạy thử hệ thống trong vòng 01 tuần.

    • Kiểm tra và sửa.

  • Giai đoạn nghiệm thu

    • Khách duyệt chất lượng dự án.

    • Đăng tải hệ thống: đảm bảo hệ thống chạy tốt.


Thi t k web

CÁC BƯỚC THIẾT LẬP MỘT WEB SITE

  • Giai đoạn chuyển giao

    • Bàn giao cho khách hàng (có đĩa CD mã nguồn)Đào tạo và huấn luyện khách hàng quản trị website một cách hiệu quả

    • Đánh giá, bảo trì. 


  • Login