Bài giảng Lập trình Web - Chương 3: Qui trình xây dựng Website cung cấp cho người đọc các kiến thức: Các khái niệm cơ bản, qui trình xây dựng một website, một số vấn đề cần lưu ý khi xây dựng website. Mời các bạn cùng tham khảo nội dung chi tiết.
CT428 Lập Trình Web Chương - Qui Trình Xây Dựng Website Giảng viên: Trần Công Án (tcan@cit.ctu.edu.vn) Bộ môn Mạng máy tính & Truyền thơng Khoa Cơng Nghệ Thơng Tin & Truyền Thông Đại học Cần Thơ 2013 – 2014 [CT428] Chương Thiết Kế Website Mục Tiêu Nhằm giới thiệu bước việc xây dựng website, bao gồm công đoạn từ việc lập kế hoạch (planning) bước thiết kế (designing), phát triển (developing) đưa website vào hoạt động (launching) Ngoài ra, chương giới thiệu số vấn đề cần quan tâm thiết kế, tạo lập website tính khả chuyển (portable) bảo mật (security) cho website TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website [CT428] Chương Thiết Kế Website Nội Dung Các Khái Niệm Cơ Bản (Nhắc Lại) Qui trình xây dựng Website Một số vấn đề cần lưu ý xây dựng website TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website [CT428] Chương Thiết Kế Website Các Khái Niệm Cơ Bản (Nhắc Lại) Webpage, Website, Homepage Webpage (trang web): tài liệu (tài nguyên) dịch vụ WWW tạo ngôn ngữ HTML, ngôn ngữ định dạng siêu văn Website: tập trang web có liên quan quan, tổ chức hay cá nhân Homepage (trang chủ): trang website thường chứa liên kết đến trang web khác site TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website [CT428] Chương Thiết Kế Website Các Khái Niệm Cơ Bản (Nhắc Lại) Web Tĩnh (Static Web) Nội dung trang web cố định, không thay đổi theo ngữ cảnh Được thiết kế trực tiếp ngôn ngữ HTML (hoặc XHTML) Dễ phát triển, hỗ trợ mạnh công cụ trực quan Một trang web tập tin có phần mở rộng html htm lưu trữ cố định web server Khơng có tính tương tác với người sử dụng Cập nhật thông tin đòi hỏi thiết kế lại webpage (2) (1) www.abc.com/index.html index.html web browser TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website (3) HTML files (2’) web server (www.abc.com) [CT428] Chương Thiết Kế Website Các Khái Niệm Cơ Bản (Nhắc Lại) Web Động (Dynamic Web) Nội dung trang web thường tạo “động”, ngôn ngữ lập trình web động ⇒ có tính tương tác mạnh Nội dung trang web thường tách biệt với phần trình bày (HTML) ⇒ cập nhật nội dung dễ dàng, khơng địi hỏi thiết kế lại webpage Một số NN lập trình web động thơng dụng: PHP, ASP, JSP, Các ngôn ngữ thường phức tạp HTML ⇒ khó phát triển application server g /lo (2) (1) www.abc.com/login.php (4) Internet ph p (2’) (3) l fil htm html file web browser in e web server (www.abc.com) TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website database server [CT428] Chương Thiết Kế Website Các Khái Niệm Cơ Bản (Nhắc Lại) Địa Chỉ Tên Miền (DNS) Internet sử dụng giao thức TCP/IP ⇒ máy tính tham gia vào Internet gán địa IP gồm bytes viết theo dạng nhóm byte: xxx.xxx.xxx.xxx (vd: 192.168.1.2) Địa IP khó nhớ sử dụng tồn số, khơng mang ý nghĩa Địa tên miền dạng địa dùng chữ số mang tính phân cấp ⇒ dễ nhớ địa IP VD: www.google.com DNS thay cho IP: Địa gán cho máy tính Internet địa IP Khi sử dụng hệ thống địa tên miền, tập server ánh xạ địa tên miền sang địa IP để giúp định vị vị trí máy tính cần truy xuất TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website [CT428] Chương Thiết Kế Website Các Khái Niệm Cơ Bản (Nhắc Lại) Hoạt Động Của Địa Chỉ Tên Miền DNS server www.abc.com có địa IP 123.250.10.11 web server (3 Truy xuất đến: http://123.250.10.11 ) 123.250.10.11 (www.abc.com) (2 (5) ) client Muốn truy xuất http://www.abc.com (1) (4) Trả lời: 123.250.10.11 DNS server Khơng chứa ánh xạ tên miền này, tìm server khác để hỏi TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Qui Trình Xây Dựng Một Website Đặc tả (Specification) Phân tích (Analysing) Thiết kế (Designing) Lập trình (Coding) Kiểm thử (Testing) Triển khai (Launching) Bảo trì (Maintaining) TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Đặc tả Đặc tả Nhằm xác định mục đích đối tượng truy cập Mục tiêu website mang lại điều gì? Quảng bá thương hiệu, giới thiệu sản phẩm, quản lý doanh nghiệp, Đối tượng sử dụng website ai? Lãnh đạo doanh nghiệp, nhân viên, khách hàng , Trình độ người dùng nào? Chuyên kỹ thuật hay có khả tốt khai thác thông tin, Cho phép xác định nội dung, cách thức trình bày số kỹ thuật, công nghệ nên sử dụng cho website Tùy vào quy mơ website, phải phác thảo sitemap TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 10 [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Triển khai (Launching) Ví Dụ - Tạo Một Host Manage another domain laptrinhweb.co.vu Go Create New Your domain is not yet pointing to our servers, so services such as FTP, Website Builder or File Manager may not work. You need to update nameservers to ns01.000webhost.com, ns02.000webhost.com for your domain. This warning will be removed once your domain will start resolving to our servers (2448 hours after the nameserver update). How to update the nameservers? » Main Menu View Account Details Getting Started Information Frequently Asked Change Account Upgrade Account! Questions Password » Domains Subdomains Parked Domains Addon Domains Domain Tools Website Promotion Guide » Account Information Domain laptrinhweb.co.vu Username a9495537 Password ****** Disk Usage 0 / 1500.0 MB Bandwidth 100000 MB (100GB) Home Root /home/a9495537 Server Name server30.000webhost.com IP Address 31.170.160.94 Apache ver 2.2.19 (Unix) PHP version 5.2.* MySQL ver 5.1 Activated On 20140108 11:14 Status Active Plan Free (Upgrade!) TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 34 [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Triển khai (Launching) Ví Dụ - Cấu Hình DNS TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 35 [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Triển khai (Launching) Ví Dụ - Thử Nghiệm DNS & Host TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 36 [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Triển khai (Launching) Ví Dụ - Upload Webpage Lên Host TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 37 [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Triển khai (Launching) Ví Dụ - Upload Webpage Lên Host TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 38 [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Triển khai (Launching) Ví Dụ - Upload Webpage Lên Host TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 39 [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Triển khai (Launching) Ví Dụ - Truy Cập Webpage TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 40 [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Triển khai (Launching) Quảng Bá Duy Trì Website Quảng bá website bao gồm hình thức Quảng cáo qua thư điện tử, TV, báo đài, Trao đổi banner với website khác Đăng ký với search engine để quảng cáo nâng cao xếp hạng website Duy trì website: Cập nhật nội dung thường xuyên qua Cập nhật phần mềm, lỗ hỏng bảo mật, tình trạng an ninh website TS Trần Cơng Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 41 [CT428] Chương Thiết Kế Website Một số vấn đề cần lưu ý xây dựng website Qui tắc đặt tên (Naming convention) Qui Đắc Đặt Tên Nhất Quán Phải chọn qui tắc đặt tên quán cho site Qui tắc đặt tên phải giúp dễ dàng tìm kiếm lại tập tin, e.g dùng prefix để nhóm tập tin có liên quan Tránh dùng khoảng trắng tên tập tin (thay “_” hay “-”) Nên dùng chữ viết thường để đặt tên tập tin để tránh sai sót số HĐH phân biệt chữ hoa chữ thường TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 42 [CT428] Chương Thiết Kế Website Một số vấn đề cần lưu ý xây dựng website Dạng liên kết Dùng Địa Chỉ Tương Đối Cho Liên Kết Một liên kết là: tuyệt đối: http://abc.com/support/content.html tương đối từ site-root: /support/content.html tương đối so với trang web: resources/tips.html Chỉ nên dùng địa tuyệt đối để liên kết đến tài nguyên website hay server khác Khuyến khích dùng địa tương đối cho liên kết đến tài nguyên website TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website my_site (root folder) (www.abc.com) support contents.html hours.html resources tips.html products catalog.html index.html (home page) 43 [CT428] Chương Thiết Kế Website Một số vấn đề cần lưu ý xây dựng website Dạng liên kết Địa Chỉ Tương Đối Từ Trang Web ví dụ, contents.html → hours.html: “hours.html” contents.html → tips.html: “resource/tips.html” my_site (root folder) (www.abc.com) support contents.html tips.html → content.html: “ /contents.html” thích hợp để liên kết trang web thư mục hay thư mục con/cha thay đổi tên thư mục hay di chuyển thư mục khơng địi hỏi phải cập nhật liên kết hours.html resources tips.html products catalog.html index.html (home page) TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 44 [CT428] Chương Thiết Kế Website Một số vấn đề cần lưu ý xây dựng website Dạng liên kết Địa Chỉ Tương Đối Từ Site-Root địa định từ root website (/) ví dụ, từ trang web → tips.html: “/support/resource/tips.html” thích hợp file chứa liên kết website thường xuyên bị di chuyển nhiên, file liên kết tới bị di chuyển, tất liên kết tới file phải cập nhật cho dù vị trí tương đối file chứa liên kết file liên kết không thay đổi TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website my_site (root folder) (www.abc.com) support contents.html hours.html resources tips.html products catalog.html index.html (home page) 45 [CT428] Chương Thiết Kế Website Một số vấn đề cần lưu ý xây dựng website Màu sắc Hình ảnh Màu Sắc, Hình Ảnh Nên sử dụng màu nằm bảng màu browser-safe color http://en.wikipedia.org/wiki/Web_colors Các màu nên sử dụng cách đồng (về ý nghĩa) Nên sử dụng thuộc tính alt chèn hình ảnh vào trang web Chú ý sử dụng icon thumbnail cho hình ảnh Nên sử dụng lại (reuse) hình ảnh thay chép chúng trang web có dùng chung hình ảnh TS Trần Cơng Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 46 [CT428] Chương Thiết Kế Website Một số vấn đề cần lưu ý xây dựng website Bảo mật Bảo Mật Bảo mật, mặt lập trình, cần ý vấn đề sau: Không dùng trực tiếp liệu người dùng nhập vào làm đối số shell (ls , folder=“home/tcan; rm -rf /”) Phải kiểm tra liệu người dùng nhập vào Không nên cho người dùng sử dụng thủ tục kiểm tra liệu bên client-side (JavaScript) Hãy nhớ người dùng xem mã HTML trang web Khơng dùng liệu người dùng nhập vào phần câu lệnh SQL mà chưa qua kiểm tra (SQL Injection) TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 47 ... (http://www.axure.com/), 30 -day trial pidoco (https://pidoco.com/), 31 -day trial TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 18 [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Lập trình. .. TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 30 [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Triển khai (Launching) Ví Dụ - Đăng Ký Một Free Hosting TS Trần Công. .. TS Trần Công Án (Khoa CNTT&TT) [CT428] Chương Thiết Kế Website 34 [CT428] Chương Thiết Kế Website Qui trình xây dựng Website Triển khai (Launching) Ví Dụ - Cấu Hình DNS TS Trần Cơng Án (Khoa