Bài giảng: Tổng quan về Web docx

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... Trang web tt• Trang web là có thể nằm ở máy tính

KHOA CNNT- TỨD

Tổng quan về Web

Trần Khải Hoàng Khoa CNTT – TỨD

ĐH Tôn Đức Thắng

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

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

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ị

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

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

Mô hình hoạt động website

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.

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…

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

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

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

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

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

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

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

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.

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ứ…

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

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.

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.

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

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)

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

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

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

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 ?