Bài giảng: Tổng quan về Web docx
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.52 MB, 30 trang )
KHOA CNNT- TỨD
KHOA CNNT- TỨD
Tổng quan về Web
Tổng quan về Web
Trần Khải Hoàng
Khoa CNTT – TỨD.
ĐH Tôn Đức Thắng
Nội dung
Tổng quan về web
Qui trình phát triển website
Bài tập
2
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
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
•
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
INTERNET
Máy chủ DNS
Địa chỉ youtube.com ở đâu em ?
Dạ 74.125.67.100 anh
Máy chủ Youtube
74.125.67.100
Đưa đây trang chủ ?
Nội dung
Tổng quan về web
Qui trình phát triển website
Bài tập
9
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).
