1 / 33

Thiết Kế Web

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.

owena
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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Thiết Kế Web

  2. 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

  3. Nội dung 3

  4. 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#.

  5. 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

  6. 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

  7. Trao đổi thông tin 7 • Địa chỉ mail: • Kimchi_12041972@yahoo.com • Địa chỉ download tài liệu: • https://kimchidhcn.wordpress.com

  8. CHƯƠNG I Giới Thiệu Về Internet Và Web

  9. 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

  10. 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 đó.

  11. 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

  12. 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

  13. 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

  14. 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,…

  15. 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

  16. 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

  17. 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.

  18. GiỚI THIỆU VỀ WEB

  19. 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

  20. 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

  21. 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 ở ???

  22. 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)

  23. 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 …)

  24. 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 ban@tenmien.com ) • 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 )

  25. 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 )

  26. HOẠT ĐỘNG CỦA WEB

  27. 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,... ...

  28. 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, ...

  29. 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. 

  30. 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ộ

  31. 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.

  32. 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ì. 

More Related