Web Design Project

Khóa học Web design Basic June 2011

Bài tập này được thiết kế nhằm giúp quý vị tổng hợp một số kỹ năng Web, bao gồm website planning, navigation scheme (cách thức chuyển trang) , sử dụng image, video, sử dụng external stylesheet.

Bối cảnh

Quý vị được yêu cầu thiết kế một website bán Bonsai gồm khoảng 10 trang. Sau khi thảo luận quý vị đã thống nhất với khách hàng những yêu cầu sau đây:

Website gồm các trang sau:

• Một trang Homepage


• Một trang giới thiệu về công ty (About us)


• Một trang Liên lạc (Contact page)


• Một trang hướng dẫn cách chăm sóc Bonsai


• Một trang Những Câu Hỏi Thường Gặp (FAQ)


• Năm trang trình bày hình ảnh các cây Bonsai và giá bán.

Website không có phần bán hàng online. Người muốn mua sẽ order qua phone hoặc email.

Yêu cầu trang Homepage

Trang này gồm 4 phần

• Một phần để trưng bày hình các cây Bonsai On Sale (tối đa 4 tấm hình)


• Một you tube video giới thiệu và hướng dẫn cách chăm sóc Bonsai (link to Youtube from your website)


• Một chỗ để hiện quảng cáo


• Một chỗ để đăng những lời khen (testimonial)

Yêu cầu chung

• Logo của công ty hiện ở góc trên bên trái.


• Thiết kế Menu sử dụng Hyperlink, CSS (và javascript) để liên kết các trang.


• Tiêu đề (Heading) mỗi trang phải có màu khác với màu chữ của phần thân bài.


• Mỗi trang đều có màu nền (background color) giống nhau. Màu nền do quý vị tự chọn.


• Để giúp cho các trang web nổi bật mỗi trang yêu cầu phải có tối thiểu một tấm hình.


• Mỗi cây Bonsai đều có tên, mã số, một tới hai câu giới thiệu ngắn và giá bán.

Công việc cần làm

1. Dùng viết và giấy phát thảo phần khung và cách bố trí (layout) cho trang Homepage và các trang khác. Có gắng bảo đảm tính nhất quán cho toàn bộ website.


2. Sưu tầm các tấm hình cây Bonsai trên Internet, scan từ magazine hay chụp hình từ camera


3. Sưu tầm một hình để làm logo


4. Sưu tầm hoặc thiết kế một menu dùng Hyperlink và Javascript


5. Tạo ra một default.css file và sử dụng cho toàn bộ các trang web.


6. Nội dung các trang web quý vị có thể tự do sưu tầm trên Internet hoặc tự viết.


7. Thiết kế các trang web theo yêu cầu và đặt tên dưới dạng filename.html và bỏ chung vào một folder. Các website hoàn tất sẽ được upload lên website Vovisoft.

Project này sẽ nộp vào tuần áp chót của khóa học. Học viên có thể tự làm một mình hoặc làm chung một nhóm 2-3 người.

Mọi thắc mắc về bài tập này quý vị có thể liên lạc với Tài qua email tangvinhtai@hotmail.com hoặc phone 0416 106 725

Chúc quý vị học hành vui vẻ.