THIẾT KẾ VÀ LẬP TRÌNH WEB CƠ BẢN: WEBSITE BẢN TIN BÓNG ĐÁ TRÊN MOBILE

LOGO

BongdaMobile.com

Giảng Viên Hướng Dẫn: Ths. Nguyễn Thị Như
Thực Hiện Nhóm 1 CNTT_K11:
- Võ Đức Thắng
- La Văn Cương
- Nguyễn Đình Thắng

BÁO CÁO WEB CƠ BẢN

ĐỀ TÀI: BẢN TIN BÓNG ĐÁ TRÊN MOBILE


LOGO

Contents

1

CÔNG VIỆC CHUNG CẢ NHÓM

2

PHÂN CÔNG VIỆC TỪNG CÁ NHÂN

3

PHẦN BỐ CỤC CHUNG

4

GIAO DIỆN PHÁC THẢO


LOGO

1: Công Việc Chung Cả Nhóm

 Sơ Đồ Font - End
 Sơ Đồ Back - End
 Ý TƯỞNG , XÂY DỰNG THIẾT KẾ CÁC TEMPLATE
- TRANG CHỦ
- TRANG TIN TỨC
- TRANG HÌNH ẢNH (TRANG PHÁT TRIỂN)
- TRANG QUẢN LÝ


LOGO

1. Công Việc Chung Cả Nhóm

* Ý TƯỞNG , XÂY DỰNG THIẾT KẾ CÁC TEMPLATE
- TRANG CHỦ, TRANG TIN TỨC,
TRANG HÌNH ẢNH (TRANG PHÁT
TRIỂN):

+ 3 Template Chính của website được xây dựng trên chuẩn thiết kế
web HTML5 sử dụng lưới 960 để thiết kế , căn lề trái phải 10px;
+ Phần NAV Và FOOTER được Fix Theo từng tỷ lệ màn hình

nhằm mục đích phục vụ cho các thiết bị duyệt web.

- TRANG QUẢN LÝ

+

Phần nội dung sử dụng lưới 960 để thiết kế


LOGO

1: Công Việc Chung Cả Nhóm


LOGO

1: Công Việc Chung Cả Nhóm


LOGO

1: Công Việc Chung Cả Nhóm


LOGO

1: Công Việc Chung Cả Nhóm


LOGO

2. PHÂN CÔNG VIỆC TỪNG CÁ NHÂN

1. VÕ ĐỨC THẮNG
- CODE TRANG CHỦ VÀ TRANG HÌNH ẢNH
2. LA VĂN CƯƠNG
- CODE TRANG CHUYÊN MỤC VÀ NỘI DUNG TIN TỨC

3. NGUYỄN ĐÌNH THẮNG
- CODE TRANG QUẢN LÝ, LỊCH THI ĐẤU, BẢNG XẾP HẠNG


LOGO

2. PHÂN CÔNG VIỆC TỪNG CÁ NHÂN

1. VÕ ĐỨC THẮNG
- CODE TRANG CHỦ VÀ TRANG HÌNH ẢNH
- Ý TƯỞNG VÀ HƯỚNG GIẢI QUYẾT
- Sử dụng template trang chủ đã thiết kế trước đó
tạo 1 file mới lấy tên là Index.html.
- thiết kế theo mô hình đã được xây dựng từ trước
của nhóm, vì có sử dụng kỹ thuật responsive nên trang sẽ
được thiết kế theo từng loại màn hình Views.
-

KẾT QUẢ CỦA QUÁ TRÌNH


LOGO

LOGO


LOGO


LOGO

2.

LA VĂN CƯƠNG
- CODE CHUYÊN MỤC VÀ TRANG NỘI DUNG
- Ý TƯỞNG VÀ HƯỚNG GIẢI QUYẾT
- .Thiết kế page theo ý tưởng của nhóm đưa ra
- Các page sử dụng Responsive nên các page sẽ
được thiết kế theo nhiều loại màn hình views

-

KẾT QUẢ CỦA QUÁ TRÌNH


LOGO


LOGO

LOGO


LOGO


LOGO

3..

NGUYỄN ĐÌNH THẮNG
- CODE QUẢN LÝ VÀ LỊCH THI ĐÂU,BẢNG XẾP
HẠNG
- Ý TƯỞNG VÀ HƯỚNG GIẢI QUYẾT
o Xây dựng template Quản lý theo template phác thảo
của nhóm
o Các page trên trang Quản lý sử dụng chung template
Kết quả :


LOGO


LOGO


LOGO