Thiết kế website tư vấn dinh dưỡng cho phụ nữ có thai.

ĐẠI HỌC ĐÀ NẴNG

TRƢỜNG ĐẠI HỌC SƢ PHẠM

KHOA TIN HỌC

----------------

Đề tài:

THIẾT KẾ WEBSITE TƢ VẤN DINH DƢỠNG

CHO PHỤ NỮ CÓ THAI

Giáo viên hƣớng dẫn : ThS. Nguyễn Thanh Tuấn

Sinh viên thực hiện : Huỳnh Thị Thu Hiền

Lớp : 11CNTT1

Ngành : Cử nhân CNTT

Đà Nẵng, tháng 5/2015

Đề tài: Thiết kế website tƣ vấn dinh dƣỡng cho phụ nữ có thai

SVTH: Huỳnh Thị Thu Hiền- Lớp 11CNTT1 1

LỜI CẢM ƠN

Đầu tiên em xin bày tỏ lòng biết ơn sâu sắc đến tất cả quý thầy cô khoa tin học

trường đại học Sư phạm - ĐH Đà Nẵng, đã truyền đạt những kinh nghiệm quý báu cho

chúng em trong những năm học vừa qua.

Đặc biệt em xin chân thành cảm ơn thầy Nguyễn Thanh Tuấn đã nhiệt tình

hướng dẫn em hoàn thành đề tài khóa luận tốt nghiệp này.

Đồng thời cũng gửi lời cảm ơn đến tất cả các bạn sinh viên cùng khóa đã ủng

hộ, giúp đỡ, chia sẻ kiến thức và kinh nghiệm trong thời gian làm khóa luận.

Tuy nhiên, trong quá trình hoàn thành đề tài do kinh nghiệm và vốn kiến thức

còn hạn chế nên không tránh khỏi những thiếu sót. Em rất mong nhận được sự góp ý,

nhận xét của các anh chị, quý thầy cô và các bạn để đề tài được hoàn thiện hơn.

Em xin chân thành cảm ơn !

Sinh viên

Huỳnh Thị Thu Hiền

Đề tài: Thiết kế website tƣ vấn dinh dƣỡng cho phụ nữ có thai

SVTH: Huỳnh Thị Thu Hiền- Lớp 11CNTT1 2

LỜI CAM ĐOAN

Tôi xin cam đoan:

1 Những nội dung trong báo cáo này là do tôi thực hiện dưới sự hướng dẫn

trực tiếp của thầy Nguyễn Thanh Tuấn.

2 Mọi tham khảo dùng trong báo cáo này đều được trích dẫn rõ ràng tên

tác giả, tên công trình, thời gian, địa điểm công bố.

3 Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tôi xin

chịu hoàn toàn trách nhiệm.

Sinh viên

Huỳnh Thị Thu Hiền

Đề tài: Thiết kế website tƣ vấn dinh dƣỡng cho phụ nữ có thai

SVTH: Huỳnh Thị Thu Hiền- Lớp 11CNTT1 3

MỤC LỤC

LỜI CẢM ƠN............................................................................................................. 1

LỜI CAM ĐOAN....................................................................................................... 2

DANH MỤC HÌNH ................................................................................................... 6

DANH MỤC BẢNG .................................................................................................. 7

DANH MỤC TỪ VIẾT TẮT..................................................................................... 8

MỞ ĐẦU .................................................................................................................... 9

1. Bối cảnh của đề tài............................................................................................... 9

2. Mục đích nghiên cứu............................................................................................ 9

3. Đối tƣợng và phạm vi nghiên cứu ..................................................................... 10

4. Phƣơng pháp nghiên cứu ................................................................................... 10

5. Ý nghĩa của đề tài .............................................................................................. 10

6. Cấu trúc của báo cáo khóa luận ......................................................................... 11

CHƢƠNG 1: CƠ SỞ LÝ THUYẾT......................................................................... 12

1.1 Nghiên cứu HTML............................................................................................. 12

1.1.1 HTML............................................................................................................ 12

1.1.1.1 Khái niệm............................................................................................................. 12

1.1.1.2 Cấu trúc của 1 tài liệu HTML ........................................................................... 12

1.1.1.3 Cấu thành phần của HTML ............................................................................... 12

1.1.1.4 Những nguyên tắc cơ bản .................................................................................. 13

1.1.1.5 Các thẻ cơ bản ..................................................................................................... 13

1.1.2 HTML5.......................................................................................................... 16

1.1.2.1 Sự ra đời và phát triển ........................................................................................ 16

1.1.2.2 Các lý do để lựa chọn HTML5.......................................................................... 16

1.1.2.3 Ƣu điểm của HTML5 ......................................................................................... 17

1.1.2.4 Cú pháp của trang HTML5................................................................................ 18

1.1.2.5 Các thẻ mới trong HTML5 ................................................................................ 18

1.1.2.6 Các tính năng mới trong HTML5 ..................................................................... 20

1.1.2.7. Các trình duyệt hỗ trợ HTML5 ......................................................................... 20

1.2. Giới thiệu về ngôn ngữ lập trình PHP................................................................ 21

1.2.1. Các phiên bản PHP........................................................................................ 21

Đề tài: Thiết kế website tƣ vấn dinh dƣỡng cho phụ nữ có thai

SVTH: Huỳnh Thị Thu Hiền- Lớp 11CNTT1 4

1.2.2. Đặc điểm của ngôn ngữ PHP......................................................................... 24

1.2.2.1 Ƣu điểm................................................................................................................ 24

1.2.2.2 Nhƣợc điểm ......................................................................................................... 25

1.3 JavaScript........................................................................................................... 26

1.3.1 Khái niệm....................................................................................................... 26

1.3.2 Cú pháp.......................................................................................................... 26

1.3.2.1 Khoảng trắng ....................................................................................................... 26

1.3.2.2 Chú thích.............................................................................................................. 26

1.3.2.3 Biến ...................................................................................................................... 27

1.3.2.4 Đối tƣợng ............................................................................................................. 27

1.3.2.5 Cấu trúc dữ liệu................................................................................................... 27

1.3.3 Cách nhúng javaScript vào HTML................................................................ 28

1.4 CSS..................................................................................................................... 28

1.4.1 Khái niệm CSS .............................................................................................. 28

1.4.2 Cú pháp CSS.................................................................................................. 28

1.4.3 Cách khai báo ................................................................................................ 29

1.4.4 CSS Selector.................................................................................................. 30

1.4.5 CSS3 .............................................................................................................. 32

1.4.6 Hƣớng đối tƣợng trong CSS (OOCSS) ......................................................... 32

1.5 Tìm hiểu về jQuery ............................................................................................ 33

1.5.1 Sơ lƣợc về jQuery.......................................................................................... 33

1.5.2 Những gì jQuery có thể làm .......................................................................... 33

1.6 Tìm hiểu về Twitter Bootstrap........................................................................... 34

1.6.1 Sơ lƣợc về Twitter Bootstrap......................................................................... 34

1.6.2 Cách sử dụng ................................................................................................. 34

1.6.3 Bộ công cụ của Twitter Bootstrap ................................................................. 34

CHƢƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG ...................................... 36

2.1 Phân tích bài toán............................................................................................... 36

2.2 Phân tích và thiết kế hệ thống............................................................................ 36

2.2.1 Sơ đồ Use Case .............................................................................................. 36