Tổng quan về Web - Trần Khải Hoàng

Nội dung text: Tổng quan về Web - Trần Khải Hoàng

1. KHOA CNNT- TỨD TổngTổng quanquan vềvề WebWeb Trần Khải Hoàng Khoa CNTT – TỨD. ĐH Tôn Đức Thắng
2. Nội dung  Tổng quan về web  Qui trình phát triển website  Bài tập 2
3. Trang web • Trang web là một văn bản được sử dụng trên mạng toàn cầu (World Wide Web) • Văn bản này được viết sử dụng định dạng HTML hay XHTML • Các trang web liên kết với nhau bằng các siêu liên kết (Hyperlink) • Trang web được hiển thị thông qua 1 trình duyệt Browser
4. Trang web (tt) • Trang web là có thể nằm ở máy tính cục bộ hoặc 1 máy tính ở xa (máy chủ) trên mạng internet • Nếu trang web ở trên máy chủ, ta có thể truy cập đến nó thông qua 1 địa chỉ (URL) • Có 2 loại trang web : trang web tĩnh và trang web động • Trang web tĩnh : là các trang chỉ sử dụng (X)HTML • Trang web động : là các trang có sử dụng ngôn ngữ lập trình phía server (server-side scripting : PHP,ASP.NET ).
5. Trang web (tt) • Trang web có thể hiện thị tất cả nội dung như văn bản, hình ảnh, âm thanh, video • Để định dạng, bố trí các thông tin trên người ta thường sử dụng CSS. • Client-side scripting (Javascript) là ngôn ngữ lập trình chạy trên trình duyệt. Javascript dùng để thay đổi và định dạng lại nội dung trang web sau khi trình duyệt đã hiển thị
6. Website • Website là một tập hợp các trang web, hình ảnh, file, âm thanh được đặt tại 1 địa chỉ (URL) trên internet. • Một website phải được đặt trên ít nhất 1 máy chủ
7. Cách tạo trang web • Để tạo 1 trang web, ta phải sử dụng 1 chương trình có thể chỉnh sửa được HTML. Ví dụ FrontPage, Dreamweaver • Trang web sau khi được tạo ra có thể truy cập & hiển thị tại máy cục bộ • Nếu muốn truy cập thông qua internet, ta phải upload toàn bộ trang web lên 1 máy chủ. • Trang web có thể được tạo ra sử dụng các phần mềm như Wiki, CMS
8. Mô hình hoạt động website Địa chỉ youtube.com ở đâu em ? Máy chủ DNS Dạ 74.125.67.100 anh INTERNET Máy chủ Youtube Đưa đây trang chủ ? 74.125.67.100
9. Nội dung  Tổng quan về web  Qui trình phát triển website  Bài tập 9
10. Thành viên tham gia Ba nhân vật chính.Có ba nhân vật chính tham gia vào dự án là bạn - lập trình viên (programmer), họa sỹ thiết kế (designer), khách hàng yêu cầu xây dựng site (client) và website ở đây được thể hiện qua một chiếc bóng đèn.
11. Thảo luận Thảo luận.Bạn sẽ bắt đầu dự án bằng cách thảo luận với khách hàng về những công việc cơ bản: những điều cần làm, vai trò, trách nhiệm, đối tượng bạn sẽ liên hệ để lấy tài liệu (nội dung text, hình ảnh) cho website
12. Suy nghĩ. Bạn và họa sỹ sẽ suy tính xem nên tổ chức mọi thứ như thế nào: điều cần được xây dựng trên mọi trang, mức độ quan trọng Bạn nên phác thảo một sơ đồ site cho khách hàng và làm cơ sở cho những lần thay đổi nội dung về sau.
13. Mô hình phác thảo - Wireframe. Mô hình phác thảo, giống như một “bộ xương website” sẽ chứa tất cả các thành phần dẫn hướng, tính năng và nội dung xuất hiện trên trang web chính thức nhưng chưa có sự góp mặt của yếu tố thiết kế đồ họa. Mô hình được sử dụng để xác định những vấn đề rắc rối và những thành phần còn thiếu trong cấu trúc chung.
14. Mô hình phác thảo - Wireframe. Họa sỹ thông thường bắt đầu với trang chủ sau đó đến các trang còn lại. Sản phẩm đầu tiên là các wireframe, dùng để phác thảo cấu trúc 1 trang web. Cho phép hiển thị các loại đối tượng nội dung mà không quan tâm đến chi tiết bên trong hay đồ họa
15. Chuẩn bị nội dung. Dựa trên sơ đồ site và bộ khung, bạn và khách hàng sẽ cùng nhau bàn bạc về nội dung cho website. Vấn đề nội dung có lẽ là công việc vất vả nhất mà khách hàng phải thực hiện trong suốt dự án và nó mất khá nhiều thời gian.
16. Thiết kế cơ bản. Khi những điều trên đang diễn ra, chuyên gia thiết kế sẽ tập trung nghiên cứu những kiểu dáng cơ bản của trang chủ và các trang thứ cấp.
17. Tạo mẫu thiết kế trên giấy Sử dụng bản phác thảo, các họa sỹ sẽ tiến hành thiết kế chi tiết bằng cách thêm nội dung, hình ảnh, màu sắc, font chữ Để tạo thành 1 bảng thiết kế mẫu trên giấy
18. Tạo mẫu thiết kế trên máy Hoặc trên máy sử dụng các phần mềm fireworks,photoshop
19. Khách hàng phản hồi Khi thiết cơ bản đã sẵn sàng, khách hàng sẽ kiểm tra và đưa ra những đề xuất chỉnh sửa.
20. Thiết kế lại. Đôi khi họa sỹ sẽ phải làm lại từ đầu hoặc đảo lộn mọi thứ
21. Khách hàng chấp thuận. Cho đến khi tất cả đều hài lòng. Quá trình xây dựng - phản hồi - xây dựng lại lặp đi lặp lại trong nhiều giai đoạn của dự án. Ngoài nhiệm vụ cung cấp nội dung, việc đưa ra nhận xét, góp ý cũng là trách nhiệm của khách hàng.
22. Thiết kế cụ thể. Sau khi mô hình cơ bản được chấp thuận, họa sỹ sẽ thiết kế chi tiết từng trang nhỏ website.
23. Chính thức chấp thuận. Một lần nữa, chúng được kiểm tra, làm lại và khẳng định lần cuối.
24. Dựng HTML. Khi đó, bạn bắt đầu hình thành trang HTML thực sự Từ mẫu thiết kế chi tiết, lập trình viên phải tiến hành cắt hình để tạo các trang HTML
25. Sử dụng CSS. Và tiến hành định dạng , layout với CSS (Cascading Style Sheets - chuẩn W3C trong việc tạo font, màu, khoảng trống trong tài liệu web).
26. Trình bày với khách hàng. Bạn và khách hàng tiếp tục thảo luận để biên tập và trau chuốt cho đến khi có một site hoàn chỉnh.
27. Chạy thử nghiệm. Giai đoạn cuối cùng của quá trình là sửa lỗi. Site cần được chạy thử nghiệm trên tất cả các nền tảng để tìm lỗi kỹ thuật và phát hiện lỗi nội dung.
28. Ra mắt website với mọi người. Đến đây, mọi người nói “Kết thúc”, nhưng tất nhiên bạn chưa thể cầm gọn khoản tiền công và ung dung ra về. Bạn phải theo dõi site ít nhất 10 ngày để xem có vấn đề gì phát sinh không.
29. Nội dung  Tổng quan về web  Qui trình phát triển website  Bài tập 29
30. Bài tập về nhà • Hãy viết 1 bài về lịch sử của web và internet. Cho biết các bạn sử dụng internet như thế nào ?