FPT-Aptech Phạm Ngọc Hùng 20/11/2008 Xây dựng trang web cá nhân như sau: Tạo một trang chính có tên là index.html chứa FrameSet gồm 2 cột 2 Frame dạng cột: • Frame bên trái có tên là MUC
Trang 1FPT-Aptech Phạm Ngọc Hùng 20/11/2008
Xây dựng trang web cá nhân như sau:
Tạo một trang chính (có tên là index.html) chứa FrameSet gồm 2 cột (2 Frame dạng cột):
• Frame bên trái có tên là MUCLUC chứa trang liên kết (trang mucluc.html)
• Frame bên phải có tên là NOIDUNG ñể chứa các trang nội dung
Trang mucluc.html chứa các liên kết ñến các trang:
• Thông tin cá nhân
• Kết quả học tập
• Thời khóa biểu
• Giải trí - âm nhạc
• Phiếu nhận xét
Mỗi khi người dùng bấm vào từng liên kết thì trình duyệt sẽ mở các trang tương ứng vào trong khung bên phải (Frame có tên là NOIDUNG)
Thông tin về từng trang nội dung ñược mô tả dưới ñây:
1.1 T ạ o trang thông tin cá nhân
Trang HTML mô tả thông tin cá nhân (còn gọi là CV) với các nội dung sau:
• Thông tin cá nhân
1 Họ và tên
2 Ngày sinh
3 ðịa chỉ thường trú
4 Quê quán
5 Thư ñiện tử
6 ðiện thoại
• Quá trình ñào tạo: Nếu rõ khoảng thời gian, cấp học và tên trường học
• Quá trình làm việc: Nêu rõ khoảng thời gian, nơi làm việc, vị trí ñảm trách, nội dung công việc
• Kỹ năng: Những kỹ năng của cá nhân về mọi mặt (công cụ, ngôn ngữ lập trình, v.v.)
• Kinh nghiệm: Những công việc, dự án ñã tham gia, công việc ñảm trách trong dự án ñó
• Sở thích: Những sở thích cá nhân và các hướng nghiên cứu, phát triển
1.2 T ạ o trang k ế t qu ả h ọ c t ậ p
Hiển thị kết quả học tập của các cấp học, bao gồm các thông tin sau:
Khối lớp
ðiểm trung bình
Xếp loại
Bảng ñiểm ñược hiển thị trong một bảng (dùng <TABLE>), có dạng như sau:
Trang 2FPT-Aptech Phạm Ngọc Hùng 20/11/2008
1.3 T ạ o trang th ờ i khóa bi ể u
Tạo trang web lưu thời khóa biểu các lớp học tại APTECH trong tháng (chẳng hạn hiện tại ựang là tháng 11 thì lập thời khóa biểu cho tháng 11) Sử dụng bảng (TABLE) ựể tạo bảng thời khóa biểu
1.4 T ạ o trang gi ả i trắ - âm nh ạ c
Xây dựng trang giải trắ âm nhạc, trong ựó gồm:
Bài viết về một ca khúc nào ựó
Chèn Video-Clip về một bài hát
Chèn Hình ảnh của ca sĩ hoặc nhạc sĩ sáng tác bài hát ựó
Cho phép mở bài hát (Audio - không có hình)
1.5 T ạ o trang phi ế u nh ậ n xét
Tạo một trang mẫu biểu có các ô nhập thông tin nhận xét ựánh giá của bạn ựọc (người xem trang web này) Mẫu biểu chứa các trường dữ liệu sau:
Ớ Tên hoặc nickname: là một ô Input:Text ựể người dùng gõ tên hoặc nickname
Ớ địa chỉ email: là một ô Input:Text ựể người dùng gõ email vào
Ớ đánh giá: Là một dãy 3 ô Input-Radio: Hay / Trung bình / Cần phải cải thiện
Ớ Nhận xét: là một ô TextArea ựể người dùng gõ những lời nhận xét
Ớ 2 nút bấm: một nút [Gửi] ựể SUBMIT biểu mẫu ựi, một nút [Nhập lại] xóa dữ liệu ựã có ựể nhập lại
1.6 Hoàn thi ệ n trang HTML v ớ i CSS
Sau khi hoàn thành trang web, sử dụng CSS ựể ựịnh dạng và trang trắ lại cho trang HTML
