1 Báo cáo Assignment1 Hoàng Ngọc Hiếu TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT POLYTECHNIC BÁO CÁO ASSIGNMENT 1 Đề bài Báo Cáo Môn Thiết Kế Layout Giáo viên Nguyễn Thị Trà My Họ tên sinh viên Hoàng Ngọc Hiếu Mã[.]
Trang 1
1
TRƯỜNG CAO ĐẲNG THỰC HÀNH
FPT-POLYTECHNIC
BÁO CÁO ASSIGNMENT 1
Đề bài :Báo Cáo Môn Thiết Kế Layout
Giáo viên: Nguyễn Thị Trà My…
Họ tên sinh viên: Hoàng Ngọc Hiếu…
Mã sinh viên: PA00177
Lớp: PT10.1
Trang 2
PHẦN I QUY TRÌNH THỰC HIỆN
Dàn bố cục trang , trang web được chia làm 3 phần header ,conteen và foodter
- Phần header chứa Logo và menu
2
Trang 3
- Phần conteen chưa nội dung trang web
3
Trang 4
- Phần foodter chưa thông tin của website
4
Trang 5
Website gồm 5 trang
- Trang index
5
Trang 6
- Trang listnews
6
Trang 7
- Trang detalinews
7
Trang 8
- Trang about
8
Trang 9
- Trang liên hệ
9
Trang 10
Các trang khác chỉ chỉnh sửa phần nội dung trang web để phù hợp với đề bài.
Nội dung bao gồm lề trái vào lề phải chỉnh sửa nộp dung sao cho phù hợp
10
Trang 11
Trang liên hệ có một điểm khác so với các trang còn lại là có forme để nhập thông tin
11
Trang 12
PHẦN II GIẢI THÍCH CODE
- Phần menu
12
Trang 13
#menu1 li:first-child {
border-left:none;}
- để xóa phần border bên trái của ô
border-left:1px #ca0002 solid;
- đường viền 1px mầu #ca0002 kiểu viền nét liền
a:link {text-decoration:none;
- xóa gạch chân dường link
ul li:hover {
background-image:url( /images/hovermenu1.png);
}
- ảnh nền của menu
- chèn video
13
Trang 14
<video src="video/M2U00495.mp4" width="300" height="200" style="padding-top:10px;" controls >
</video>
- chọn dường dẩn video cần chọn
.x {clear:both;}
- khi float không bị kéo hết các nội dung sang trái
14
Trang 15
PHẦN III SO SÁNH TRÊN CÁC TRÌNH DUYỆT KHÁC NHAU
Trên google chorme
Trên crome
15
Trang 16
PHẦN V BÀI HỌC KINH NGHIỆM
Cần xắp xếp code theo thứ tự nhất định
Phải có ghi chú rõ ràng đầy đủ
Luôn tạo thẻ đóng khi tạo thẻ mở để tránh bỏ quên
PHẦN IV KHÓ KHĂN GẶP PHẢI
Cách tối ưu trang web luôn phải đặt lên hàng đầu
Hostting : hieuhnp00177.esy.es
16