Bài giảng Lập trình web - Chương 3: Quy trình xây dựng website - Trần Công Án

Tóm tắt Bài giảng Lập trình web - Chương 3: Quy trình xây dựng website - Trần Công Án: ...giao diện cho một website. I Việc lựa chọn tiêu chí phụ thuộc vào nhiều điều kiện, nhưng quan trọng nhất là đặc điểm của người dùng web. I Một số đặc điểm cơ bản của người dùng web: I Người dùng web thường không đọc (read), họ chỉ lướt qua (scan). I Không phải tất cả người dùng đều kiên nhẫn. ...ọn tên miền theo ý muốn, có chính sách hỗ trợ khách hàng. I Khuyết điểm: mất chi phí đăng ký và duy trì tên miền. TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 23 [CT428] Chương 3. Thiết Kế Website Qui trình xây dựng một Website Triển khai (Launching) Đăng Ký Tên Miền I ...hoose your free subdomain (recommended)  .host22.com Choose Password:   Setup New Account Note: password must contain at least 6 symbols including both letters and numbers. [ Go Back ] TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 33 [CT428] Chương 3. Thiết Kế Website Qu...

pdf48 trang | Chia sẻ: havih72 | Lượt xem: 385 | Lượt tải: 1download
Nội dung tài liệu Bài giảng Lập trình web - Chương 3: Quy trình xây dựng website - Trần Công Án, để tải tài liệu về máy bạn click vào nút DOWNLOAD ở trên
 Chương 3. 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
client 
Muốn truy xuất 
1 
Không chứa ánh xạ tên miền 
này, tìm server khác để hỏi 
2 
www.abc.com có địa 
chỉ IP là 123.250.10.11 
3 
123.250.10.11 
(www.abc.com) 
web server 
Trả lời: 123.250.10.11 
4 
Truy xuất đến: 
5 
DNS 
server 
DNS 
server 
(1) 
(5) (2) 
(3) 
(4) 
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 8
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Qui Trình Xây Dựng Một Website
1. Đặc tả (Specification)
2. Phân tích (Analysing)
3. Thiết kế (Designing)
4. Lập trình (Coding)
5. Kiểm thử (Testing)
6. Triển khai (Launching)
7. Bảo trì (Maintaining)
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 9
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Đặc tả
Đặc tả
I Nhằm xác định mục đích và đối tượng truy cập
I Mục tiêu của website là 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 Đối tượng sử dụng website là ai? Lãnh đạo doanh nghiệp, nhân
viên, khách hàng , . . .
I Trình độ người dùng như thế nào? Chuyên về kỹ thuật hay có khả
năng tốt về khai thác thông tin, . . .
I Cho phép xác định nội dung, cách thức trình bày và một số kỹ
thuật, công nghệ nên sử dụng cho website.
I Tùy vào quy mô website, có thể phải phác thảo cả sitemap.
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 10
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Phân tích
Phân tích
I Nhằm xác định khung sườn (prototype), nội dung và các kỹ
thuật sử dụng để phát triển website:
I khung sườn của một website bao gồm các chức năng và liên kết
I thường có thể phác thảo trên giấy, hoặc dùng các phần mềm thiết
kế prototype (wireframe), hoặc bằng các trang HTML cụ thể
I chưa cần quan tâm đến hình ảnh và màu sắc trong giai đoạn này
I sau phần khung sườn là xác định phần nội dung (text)
Web Prototype
. a model of a website created before the actual site (www.howdesign.com)
. a plan for how a website works, not how it looks (www.printmag.com)
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 11
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Phân tích
Prototype
Boehm’s Second Law (Prototyping)
Prototyping (significantly) reduces requirement and design errors, especially
for user interfaces.
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 12
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Thiết kế (Design)
Thiết Kế (Design)
I Thiết kế giao diện cho các trang web trong site, bao gồm:
I xác định màu sắc, kiểu chữ, cỡ chữ, hình ảnh, . . .
I xây dựng các qui tắc (conventions) cho việc thiết kế như: qui tắc
đặt tên trang web, tên thư mục, loại đường dẫn (tương đối hay
tuyệt đối), . . .
I xây dựng các CSS hay xHTML dùng chung cho website
I dùng các công cụ thiết kế web để thiết kế các trang web
I nếu phối hợp tốt với đội ngũ lập trình thì có thể thiết kế luôn 1 số
chức năng thuộc client-side script
I có thể bao gồm cả xây dựng kịch bản truy cập nhằm bố trí hệ
thống liên kết hợp lý nhất
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 13
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Thiết kế (Design)
Đặc Điểm Chung Của Người Dùng Web
I Hiện có rất nhiều nguyên tắc cho việc thiết kế giao diện cho một
website.
I Việc lựa chọn tiêu chí phụ thuộc vào nhiều điều kiện, nhưng
quan trọng nhất là đặc điểm của người dùng web.
I Một số đặc điểm cơ bản của người dùng web:
I Người dùng web thường không đọc (read), họ chỉ lướt qua (scan).
I Không phải tất cả người dùng đều kiên nhẫn.
I Người dùng thường không tìm một lựa chọn tối ưu, họ thường
chọn những lựa chọn gần nhất mà họ cho là hợp lý (reasonable).
I Người dùng thường muốn điều khiển được tất cả mọi thứ.
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 14
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Thiết kế (Design)
Một Số Nguyên Tắc Trong Thiết Kế
I Một trang web đẹp, bắt mắt sẽ thu hút được người sử dụng. Tuy
nhiên, nội dung mới là thành phần quan trọng nhất của 1 trang
web.
I Các chi tiết đồ họa nên vừa phải, bố cục trang web phải thống
nhất và rõ ràng.
I Các liên kết phải bố trì hợp lý, cho phép truy cập đến tất cả các
trang web một cách thuận tiên nhất.
I Trang web phải được hiển thị đồng nhất trên các trình duyệt
thông dụng.
I Dung lượng trang web không được quá lớn, tốc độ chậm.
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 15
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Thiết kế (Design)
Một Số Lưu Ý Trong Thiết Kế - Ví Dụ
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 16
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Thiết kế (Design)
Một Số Lưu Ý Trong Thiết Kế - Ví Dụ
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 17
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Thiết kế (Design)
Các Nguồn Tài Nguyên Có Liên Quan
I Nguyên tắc thiết kế website:
I Jason Beaird, The Principles of Beautiful Web Design, O’Reilly.
I 
I 
I Các phần mềm hữu ích để thiết kế prototype:
I denim ( free.
I gomockingbird (https://gomockingbird.com/), free, online.
I axure ( 30-day trial.
I pidoco (https://pidoco.com/), 31-day trial.
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 18
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Lập trình (Coding)
Lập Trình (Coding)
I Bước này chỉ có khi chúng ta phát triển một ứng dụng web động.
I Bước này có thể thực hiện song song với bước thiết kế (design)
nếu website được tổ chức tốt: phần giao diện, trình bày được
tách với phần nội dung.
I Đội ngũ lập trình thường phải có sự kết hợp chặt chẽ với đội ngũ
thiết kế để thống nhất các qui tắc chung cho việc phát triển
website như qui tắc đặt tên, cấu trúc thư mục, . . .
I Ngoài ra, phải chú ý đến vấn đề bảo mật từ phía chương trình
(SQL Injection, . . . )
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 19
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Kiểm thử (Testing)
Kiểm Thử
I Công việc kiểm thử nhằm kiểm tra hoạt động của website trước
khi triển khai và sử dụng, bao gồm:
I kiểm tra trên nhiều trình duyệt
I kiểm tra trên nhiều loại mạng, nhiều loại thiết bị
I kiểm tra tốc độ
I kiểm tra các liên kết
I thử các lỗi bảo mật do lập trình
Boehm’s First Law (Testing)
Errors are most frequent during the requirements and design activities and
are the more expensive the later they are removed.
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 20
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Kiểm thử (Testing)
Một Số Điểm Quan Trọng
I Kiểm thử bởi 1 người dùng tốt gấp 2 lần không kiểm thử, và
kiểm thử bởi 1 người dùng ở giai đoạn đầu còn tốt hơn kiểm thử
bởi 50 người dùng ở giao đoạn cuối (Steve Krug, Smashing
magazine).
I Kiểm thử là 1 quá trình lặp đi lặp lại.
I Usability test (user-centered) cho kết quả hữu ích hơn usability
inspection (experts).
I Một người phát triển không nên kiểm tra chính sản phẩm do họ
tạo ra (Weinberg’s law).
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 21
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Triển Khai Website
Điều kiện để triển khai website lên Internet:
I Địa chỉ tên miền:
I Đăng ký tên miền (con) miễn
phí.
I Đăng ký tên miền riêng, trả phí.
I Hosting:
I Sử dụng các dịch vụ hosting
miễn phí.
I Thuê dịch vụ web hosting.
I Tự tổ chức web hosting.
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 22
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Đăng Ký Tên Miền
I Miễn phí:
I Ưu điểm: không mất chi phí, một số nơi cung cấp những tiện ích
tương tự như có trả phí.
I Khuyết điểm: thường là tên miền con và không hỗ trợ dịch vụ
chăm sóc khách hàng.
I Trả tiền:
I Ưu điểm: có thể chọn tên miền theo ý muốn, có chính sách hỗ trợ
khách hàng.
I Khuyết điểm: mất chi phí đăng ký và duy trì tên miền.
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 23
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Đăng Ký Tên Miền
I Chọn nơi đăng ký: nên chọn nơi có ưu tín, nhiều người biết đến
I Thường có thể đắt hơn các nơi nhỏ lẻ
I Tuy nhiên, bảo mật và chế độ chăm sóc khách hàng tốt hơn
I Nơi đăng ký tên miền: trong nước hoặc nước ngoài.
I Trong nước:
I Thường đắt hơn so với các đại lý bán tên miền nước ngoài.
I Tuy nhiên, khi có những sự cố thì dễ giải quyết hơn.
I Cần lưu ý đến những tiện ích đi kèm: Phương pháp quản lý tên
miền, dịch vụ chăm sóc khách hàng, cam kết về tính ổn định, . . .
I Ngoài ra, cần tham khảo một số nguyên tắc chọn tên miền.
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 24
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Đăng Ký Tên Miền – DNS Registrars
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 25
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ – Đăng Ký Tên Miền Miễn Phí
Một số dịch vụ tên miền miễn phí: www.noip.com, www.codotvu.com, . . .
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 26
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ – Đăng Ký Tên Miền Miễn Phí
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 27
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Hosting
I Web host là nơi (máy chủ) ta sẽ đặt toàn bộ website lên để
website có thể được truy cập trên Internet.
I Đây có thể xem là nền móng của website vì nó ảnh hưởng đến
tốc độ, bảo mật, an toàn dữ liệu, . . . của cả website.
client 
Muốn truy xuất 
1 
Không chứa ánh xạ tên miền 
này, tìm server khác để hỏi 
2 
www.abc.com có địa 
chỉ IP là 123.250.10.11 
3 
123.250.10.11 
web server 
Trả lời: 123.250.10.11 
4 
Truy xuất đến: 
5 
DNS 
server 
DNS 
server 
(1) 
(5) (2) 
(3) 
(4) 
hosting 
Đăng ký DNS 
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 28
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Chọn Hình Thức và Nơi Hosting
I Việc lựa chọn hình thức hosting (tự hosting, hosting miễn phí
hay trả tiền) và nơi hosting cho website phụ thuộc vào:
I Môi trường vận hành của website:
I Web server: IIS, Apache, . . .
I Công nghệ web: JSP, PHP, J2EE, Ruby, SSH, Perl, . . .
I Hệ quản trị CSDL: mySQL, SQL Server, Oracle, MS Access, . . .
I Hệ điều hành: Windows, Unix, . . .
I Dung lượng của website, khả năng mở rộng.
I Băng thông, tốc độ, độ ổn định của host.
I Chính sách an ninh: tường lửa, chống virus, backup dữ liệu, . . .
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 29
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ - Thông Số Của Một Free Hosting
» 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 2014­01­08 11:14
Status Active
Plan Free (Upgrade!)
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 30
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ - Đăng Ký Một Free Hosting
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 31
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ - Đăng Ký Một Free Hosting
Please login to your account
Your email
ct428.ltw@gmail.com
Password
••••••••••••••
Enter the symbols you see in the image
 (reload image)
nasch
Submit
Forgot your password?
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 32
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ - Tạo Một Host
» Customer Details
Name Lap trinh web
Email ct428.ltw@gmail.com
Registration 2013­12­17 02:51
Account Status Active
Last Login From 113.184.150.51
Location Vietnam
Earn Money!
Manage another domain
laptrinhweb.no‑ip.biz   Go   Create New
Create New Account
Use this form to setup new account. With 000webhost.com you are allowed to setup
unlimited domains and subdomains ­ as much as you need!
 Enter Account Details
I want to host my own domain laptrinhweb.co.vu
or, I will choose your free
subdomain (recommended)  .host22.com
Choose Password:
  Setup New Account
Note: password must contain at least 6 symbols including both letters and numbers.
[ Go Back ]
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 33
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ - Tạo Một Host
» 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 2014­01­08 11:14
Status Active
Plan Free (Upgrade!)
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 (24­48 hours after the nameserver update). How to update the
nameservers?
»  Main Menu
View Account
Details
Getting Started
Information
Frequently Asked
Questions
Change Account
Password Upgrade Account!
»  Domains
Subdomains Parked Domains Add­on Domains Domain Tools Website PromotionGuide
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 34
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ - Cấu Hình DNS
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 35
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ - Thử Nghiệm DNS & Host
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 36
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ - Upload Webpage Lên Host
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 37
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ - Upload Webpage Lên Host
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 38
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ - Upload Webpage Lên Host
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 39
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Ví Dụ - Truy Cập Webpage
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 40
[CT428] Chương 3. Thiết Kế Website
Qui trình xây dựng một Website
Triển khai (Launching)
Quảng Bá và Duy Trì Website
I Quảng bá website bao gồm các hình thức
I Quảng cáo qua thư điện tử, TV, báo đài, . . .
I Trao đổi banner với các website khác
I Đăng ký với các search engine để quảng cáo hoặc nâng cao xếp
hạng của website
I Duy trì website:
I Cập nhật nội dung thường xuyên qua
I Cập nhật các phần mềm, các lỗ hỏng bảo mật, tình trạng an ninh
của website
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 41
[CT428] Chương 3. Thiết Kế Website
Một số vấn đề cần lưu ý khi xây dựng website
Qui tắc đặt tên (Naming convention)
Qui Đắc Đặt Tên Nhất Quán
I Phải chọn một qui tắc đặt tên nhất quán cho cả site.
I 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 các tập tin có liên quan.
I Tránh dùng khoảng trắng trong tên tập tin (thay bằng “_” hay
“-”).
I Nên dùng chữ viết thường để đặt tên tập tin để tránh sai sót vì
một số HĐH phân biệt chữ hoa và chữ thường.
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 42
[CT428] Chương 3. Thiết Kế Website
Một số vấn đề cần lưu ý khi xây dựng website
Dạng liên kết
Dùng Địa Chỉ Tương Đối Cho Liên Kết
I Một liên kết có thể là:
I tuyệt đối:
I tương đối từ site-root:
/support/content.html
I tương đối so với trang web:
resources/tips.html
I Chỉ nên dùng địa chỉ tuyệt đối để liên
kết đến một tài nguyên ở một website
hay một server khác.
I Khuyến khích dùng địa chỉ tương đối
cho các liên kết đến các tài nguyên
trong cùng website.
my_site (root folder) 
(www.abc.com) 
support 
contents.html 
hours.html 
resources 
tips.html 
products 
catalog.html 
index.html (home page) 
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 43
[CT428] Chương 3. Thiết Kế Website
Một số vấn đề cần lưu ý khi xây dựng website
Dạng liên kết
Địa Chỉ Tương Đối Từ Trang Web
I ví dụ, contents.html → hours.html:
“hours.html”
contents.html → tips.html:
“resource/tips.html”
tips.html → content.html:
“../contents.html”
I thích hợp nhất để liên kết các trang web
cùng thư mục hay thư mục con/cha
I 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
my_site (root folder) 
(www.abc.com) 
support 
contents.html 
hours.html 
resources 
tips.html 
products 
catalog.html 
index.html (home page) 
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 44
[CT428] Chương 3. Thiết Kế Website
Một số vấn đề cần lưu ý khi xây dựng website
Dạng liên kết
Địa Chỉ Tương Đối Từ Site-Root
I địa chỉ được chỉ định từ root của
website (/)
I ví dụ, từ một trang web bất kỳ →
tips.html:
“/support/resource/tips.html”
I thích hợp khi các file chứa liên kết trong
website thường xuyên bị di chuyển
I tuy nhiên, nếu một file được liên kết tới
bị di chuyển, tất cả các liên kết tới file
đó phải được cập nhật cho dù vị trí
tương đối giữa file chứa liên kết và file
được liên kết không thay đổi.
my_site (root folder) 
(www.abc.com) 
support 
contents.html 
hours.html 
resources 
tips.html 
products 
catalog.html 
index.html (home page) 
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 45
[CT428] Chương 3. Thiết Kế Website
Một số vấn đề cần lưu ý khi xây dựng website
Màu sắc và Hình ảnh
Màu Sắc, Hình Ảnh
I Nên sử dụng các màu nằm trong bảng màu browser-safe color
I Các màu nên được sử dụng một cách đồng nhất (về ý nghĩa)
I Nên sử dụng thuộc tính alt khi chèn hình ảnh vào trang web
I Chú ý sử dụng các icon hoặc thumbnail cho các hình ảnh nếu có
thể
I Nên sử dụng lại (reuse) các hình ảnh thay vì sao chép chúng ra
nếu các trang web có dùng chung hình ảnh.
TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 46
[CT428] Chương 3. Thiết Kế Website
Một số vấn đề cần lưu ý khi xây dựng website
Bảo mật
Bảo Mật
I Bảo mật, về mặt lập trình, cần chú ý những vấn đề sau:
I Không dùng trực tiếp dữ liệu người dùng nhập vào làm đối số của
shell (ls , folder=“home/tcan; rm -rf /”)
I Phải kiểm tra các dữ liệu do người dùng nhập vào
I Không nên cho rằng người dùng sẽ sử dụng các thủ tục kiểm tra
dữ liệu bên client-side (JavaScript)
I Hãy nhớ rằng người dùng có thể xem được mã HTML của trang
web
I Không được dùng dữ liệu do người dùng nhập vào như là một
phần của 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 3. Thiết Kế Website 47

File đính kèm:

  • pdfbai_giang_lap_trinh_web_chuong_3_quy_trinh_xay_dung_website.pdf