Bài Giảng Lập Trình Web -Chương 2: Thiết kế Website

Chia sẻ: Nguyen Van Nghia | Ngày: | Loại File: PDF | Số trang:8

Thêm vào BST

Báo xấu

108
lượt xem 31
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Trang web: Web page: Là một trang nội dung Có thể được viết bằng nhiều ngôn ngữ khác nhau nhưng kết quả trả về client là HTML Web site: Tập hợp các trang web có nội dung thống nhất phục vụ cho một mục đích nào đó World Wide Web (WWW): Tập hợp các web site trên mạng internet.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài Giảng Lập Trình Web -Chương 2: Thiết kế Website

NỘI DUNG Chương II Các khái niệm Các bước xây dựng một Website Phát hành Website trên Internet Một số nguyên tắc trong thiết kế web Cấu trúc và bố cục website Trình bày: Nguyễn Phú Trường 1/5/2011 2 Bộ môn Mạng máy tính & Truyền thông CÁC KHÁI NIỆM PHÂN LOẠI TRANG WEB Trang web: Web page: Dựa vào công nghệ phát triển, có 2 loại: Là một trang nội dung Web tĩnh: Có thể được viết bằng nhiều ngôn ngữ khác nhau nhưng • Dễ phát triển kết quả trả về client là HTML • Tương tác yếu Web site: • Sử dụng HTML • Người làm web tĩnh thường dùng các công cụ trực quan để tạo ra Tập hợp các trang web có nội dung thống nhất phục vụ trang web cho một mục đích nào đó Web động: World Wide Web (WWW): Tập hợp các web site trên • Khó phát triển hơn mạng internet. • Tương tác mạnh • Sử dụng nhiều ngôn ngữ khác nhau • Thường phải viết nhiều mã lệnh 1/5/2011 3 1/5/2011 4 Bộ môn Mạng máy tính & Truyền thông Bộ môn Mạng máy tính & Truyền thông
CÁC BƯỚC XÂY DỰNG WEBSITE Một số bước chính trong Tương tự với phân tích và thiết kế hệ thống. phát triển Đặc tả Phân tích website Thiết kế Lập trình Kiểm thử Triển khai Bảo trì 1/5/2011 6 Bộ môn Mạng máy tính & Truyền thông CÁC BƯỚC XÂY DỰNG WEBSITE CÁC BƯỚC XÂY DỰNG WEBSITE Đặc tả: Thiết kế Web để làm gì? Sơ đồ cấu trúc website Ai dùng? Giao diện Trình độ người dùng? Tĩnh hay động Nội dung, hình ảnh? CSDL Nội dung từng trang Phân tích Liên kết giữa các trang Mối liên quan giữa các nội dung? Xây dựng Thứ tự các nội dung? Cấu trúc thư mục Các modul dùng chung … Bộ môn Mạng máy tính & Truyền thông Bộ môn Mạng máy tính & Truyền thông
CÁC BƯỚC XÂY DỰNG WEBSITE Công bố website trên Kiểm thử Kiểm tra trên nhiều trình Internet duyệt Kiểm tra trên nhiều loại mạng Kiểm tra tốc độ Kiểm tra các liên kết Thử các lỗi bảo mật … 1/5/2011 9 Bộ môn Mạng máy tính & Truyền thông CÁC ĐIỀU KIỆN CẦN THIẾT XÂY DỰNG WEBSITE Xây dựng website Thông tin “tĩnh” hay “động” Web tĩnh, Web động hay Portal Quyền sử dụng hợp pháp Giá thành Tên miền Web tĩnh: Tính theo các kiểu trang Sử dụng tên miền con miễn phí • Trang đơn giản Đăng ký tên miền riêng • Trang hiệu ứng hình ảnh tốt Hosting Web động: Tính theo các mục, các khối chức năng Sử dụng miễn phí • Thiết kế CSDL Thuê không gian riêng • Các chức năng phía user: đưa tin, phân loại, tìm kiếm… Tự host website của mình • Các chức năng phía Admin: Đăng nhập, xem/thêm/sửa/xóa tin bài, báo cáo, thống kê… Duy trì và phát triển và quảng bá website 1/5/2011 11 1/5/2011 12 Bộ môn Mạng máy tính & Truyền thông Bộ môn Mạng máy tính & Truyền thông
PHÂN TÍCH ĐĂNG KÝ TÊN MIỀN Có nên đăng ký tên miền, thiết kế và duy trì website hay Xác định tên không? Tên tiếng Việt Nếu có, đăng ký tên miền với tên thế nào, thể loại gì, Tên giao dịch tiếng Anh theo hệ thống của Việt Nam hay theo các hệ thống tên Tên viết tắt miền bên ngoài Xác định nơi đăng ký Có tự Host website của mình không? Đăng ký tên miền càng sớm càng tốt Để duy trì website, có các phương án dành cho? Thủ tục đơn giản, nhanh chóng Nhân sự Kinh phí rẻ Kinh phí Cơ chế tổ chức, hoạt động • Việt Nam: 450.000+480.000/năm Quy trình làm việc • Nước ngoài: 8 – 12USD 1/5/2011 13 1/5/2011 14 Bộ môn Mạng máy tính & Truyền thông Bộ môn Mạng máy tính & Truyền thông HOSTING DUY TRÌ WEBSITE Xác định môi trường vận hành của website Cập nhật thông tin Máy chủ Windows Web tĩnh: • Support ASP, PHP…, SQL Server, MySQL… • Upload Webpage thông qua Web Browser • Đắt hơn máy chủ Linux • Upload Webpage thông qua FTP program (Cute FTP, FTP Voyager,… ) Máy chủ Linux Web động • Support PHP, JSP…, MySQL… • Rẻ hơn máy chủ Windows • Form cập nhật CSDL nếu Site có kết nối CSDL Xác định dung lượng thực tế của website, khả năng sẽ mở rộng Xác định băng thông, các dịch vụ đảm bảo an toàn, an ninh, backup dữ liệu… 1/5/2011 15 1/5/2011 16 Bộ môn Mạng máy tính & Truyền thông Bộ môn Mạng máy tính & Truyền thông
PHÁT TRIỂN WEBSITE QUẢNG BÁ WEBSITE Các chiến lược marketing Quảng bá Website Sử dụng thư điện tử Đăng ký Website vào các search engine trong nước và thế giới Đầu tư quảng cáo 1 đợt trên các phương tiện truyền thông • Vietnam Searchengine: Panvietnam, vinaseek… (Báo, đài, Tivi…) • Global Searchengine: google, altavista, hotboot… Liên kết với các site cùng loại Nâng cao vị trí của Website trong hệ thống xếp hạng Website thế giới. Trao đổi banner • Google rank (the important of website: 1-10) Giới thiệu lẫn nhau. • Alexa rank: Traffic ranking of website. Nâng tầm phát triển Website Tự động hoá dần các chức năng của Website. Biến Website thành một môi trường kinh doanh thực sự hiệu quả 24/24 trên Internet. 1/5/2011 17 1/5/2011 18 Bộ môn Mạng máy tính & Truyền thông Bộ môn Mạng máy tính & Truyền thông NGUYÊN TẮC TRONG THIẾT KẾ Một số nguyên tắc quan trọng Tổ chức website chặt chẽ và dễ sử dụng. trong thiết kế Sử dụng từ ngữ dễ hiểu. Dễ dàng khám phá các đường link. web Thời gian tải về nhanh. Nội dung không có hình ảnh. Dễ theo dõi "quá trình". Tương thích với đa số trình duyệt web. 1/5/2011 20 Bộ môn Mạng máy tính & Truyền thông
CÁC VẤN ĐỀ QUAN TRỌNG Cấu trúc và bố Bố cục và nội dung Điều hướng cục website Đồng nhất và đa dạng Bố cục tuyến tính Hiệu ứng Bố cục phân cấp Mẫu bố trí Ánh xạ ảnh Mầu sắc Siêu liên kết Nề n Trang con Văn bản và kỹ thuật tạo Bảng mục lục chữ Nút “Back” và “Forward” 1/5/2011 22 Bộ môn Mạng máy tính & Truyền thông BỐ CỤC TUYẾN TÍNH BỐ CỤC DẠNG PHÂN CẤP Tuân theo cấu trúc tuyến tính Trang chủ có các liên kết tới các trang khác Liên kết tuần tự giữa các trang Mỗi trang có một liên kết đến trang chủ --------- --------- --------- --------- --------- --------- ---------- ---------- ---------- ---------- --------- --------- --------- ---------- ---------- ---------- ---------- ------ ------ ------ ------ --------- --------- --------- --------- --------- --------- --------- --------- --------- 1/5/2011 23 1/5/2011 24 Bộ môn Mạng máy tính & Truyền thông Bộ môn Mạng máy tính & Truyền thông
ÁNH XẠ ẢNH TRANG CON 1/5/2011 25 1/5/2011 26 Bộ môn Mạng máy tính & Truyền thông Bộ môn Mạng máy tính & Truyền thông BẢNG MỤC LỤC CÁC LƯU Ý TRONG THIẾT KẾ Siêu liên kết nên rõ ràng. Sử dụng các liên kết Back và Forward trong các trang để người dùng dễ dàng điều hướng tới trang cần đến. Các trang con (ở mức dưới) nên có thanh menu hay thanh điều hướng, nếu không người dùng không thấy các trang chính Bảng mục lục cuối trang để người dùng dễ dàng chuyển sang một chủ đề nào đó 1/5/2011 27 1/5/2011 28 Bộ môn Mạng máy tính & Truyền thông Bộ môn Mạng máy tính & Truyền thông
Add your company slogan