Tài liệu Báo cáo thực tập tốt nghiệp xây dựng website ẩm thực việt

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG **************** BÁO CÁO THỰC TẬP TỐT NGHIỆP Đề tài: Xây dựng Website Ẩm thực Việt (Front-end) Họ tên: Nguyễn Hữu Hải Lớp: D11CNPM4 Đơn vị thực tập: Công ty TNHH Thương mại và Truyền thông CCORP Hà Nội, 5/8/2015 Mục Lục A. TÌM HIỂU VỀ ĐƠN VỊ THỰC TẬP..............................................................................1 I. Giới thiệu chung..............................................................................................................1 II. Mô hình hoạt động......................................................................................................1 III. Cơ cấu nhân sự............................................................................................................1 IV. Lĩnh vực hoạt động.....................................................................................................2 V. Môi trường làm việc....................................................................................................2 B. NỘI DUNG THỰC TẬP...................................................................................................2 I. Giới thiệu chung..............................................................................................................2 II. Bảng nội dung công việc tại Công ty.........................................................................3 III. Kiến thức và kĩ năng được học tại Công ty..............................................................6 1. Tìm hiểu về HTML..................................................................................................6 2. Tìm hiểu về CSS......................................................................................................7 3. Tìm hiểu về Javascript............................................................................................8 4. Tìm hiểu về jQuery................................................................................................11 IV. V. Kết quả thực hiện......................................................................................................12 1. Nội dung Website...................................................................................................12 2. Giao diện Website..................................................................................................13 3. Tài liệu tham khảo.................................................................................................19 4. Kết luận..................................................................................................................19 Các thông tin, nguyện vọng.....................................................................................20 1. Kinh nghiệm rút ra được từ thời gian thực tập.......................................................20 2. Nguyện vọng................................................................................................................20 C. PHỤ LỤC.........................................................................................................................21 KẾ HOẠCH ĐĂNG KÝ THỰC TẬP TỐT NGHIỆP......................................................21 LỊCH LÀM VIỆC................................................................................................................23 PHIẾU NHẬN XÉT ĐÁNH GIÁ.......................................................................................25 KẾT QUẢ THỰC TẬP TỐT NGHIỆP.............................................................................25 A. TÌM HIỂU VỀ ĐƠN VỊ THỰC TẬP I. Giới thiệu chung.  Tên đơn vị thực tập: Công ty TNHH Thương mại và Truyền thông CCORP  Địa chỉ: Số 21 Hàng Thiếc, Phường Hàng Gai, Quận Hoàn Kiếm, Hà Nội  Tên giao dịch: CCORP CO., LTD II. Mô hình hoạt động. Giám đốốc PhụIII. trách kỹỹ thuật Phụ trách kinh doanh PHẠM TRUNG ĐOÀN NGUYỄỄN BÁ QUYỄỀN NGUYỄỄN VĂN TÀI Cơ cấu nhân sự. Tại CCORP, phần lớn nhân sự đều có trình độ Đại học trở lên (chiếm 63,39%). Đó đều là những sinh viên khá giỏi từ các trường đại học khối ngành Kỹ thuật, có đam mê và nhiệt huyết với Công nghệ thông tin. Nhân sự có trình độ trên Đại học chiếm 3,34%, là những người có nhiều kinh nghiệm trong môi trường học tập cũng như làm việc, đang trực tiếp quản lý và điều hành Công ty. Đặc biệt tại CCORP, có tới 33,27% là các bạn sinh viên chưa tốt nghiệp. Thành lập bởi những người trẻ, CCORP hiểu và tạo điều kiện tối đa cho các bạn sinh viên đam mê CNTT có môi trường thực tập chuyên nghiệp, được tiếp xúc với dự án thực tế. 1 IV. Lĩnh vực hoạt động. Công ty TNHH Thương mại và Truyền thông CCORP được thành lập vào tháng 07 năm 2012 với nòng cốt chính là những chuyên gia IT có nhiều kinh nghiệm trong lĩnh vực Công nghệ thông tin. Công ty hoạt động trong lĩnh vực chính là truyền thông online, quảng cáo và thương mại điện tử. Trong 3 năm hoạt động cho tới nay, CCORP đã đạt được thành công trong một số dự án, tiêu biểu trong số đó có thể kể tới:  Dự án thương mại điện tử www.topu.vn  Dự án thông tin số: www.tinbongda.tv  Dự án game, giải trí: www.cohet.tv  Dự án nội dung số: www.mvhd.net , www.thichdoctruyen.com  Và một số dự án vừa và nhỏ khác Đây là nền tảng và cũng là động lực để CCORP có những bước phát triển mới trong chặng đường sắp tới V. Môi trường làm việc. Là một doanh nghiệp trẻ, CCORP xây dựng một môi trường làm việc trẻ trung và năng động. Văn phòng làm việc của Công ty cung cấp đầy đủ cơ sở vật chất cho nhân viên và sinh viên thực tập đến thực tập và làm việc. B. NỘI DUNG THỰC TẬP I. - - - STT Giới thiệu chung. Đề tài: Xây dựng Website Ẩm thực Việt (Front-end) Người hướng dẫn: anh Nguyễn Bá Quyền – Phụ trách kỹ thuật Công ty TNHH Thương mại và Truyền thông CCORP. Ngôn ngữ sử dụng: HTML, CSS, jQuery. Mục tiêu: Xây dựng Website Front-end; rèn luyện kỹ năng sử dụng các ngôn ngữ như HTML, CSS, jQuery; tiếp xúc và học hỏi từ môi trường làm việc thực tế. Nội dung Website: Website Ẩm thực là trang thông tin tổng quan về ẩm thực Việt Nam bao gồm: các món ăn truyền thống, các món ăn hiện đại, các món tráng miệng, đồ uống… Bên cạnh đó, Website cung cấp những bài hướng dẫn, cách làm các món ăn tới những người yêu ẩm thực Việt Nam. Công cụ sử dụng: Phần mềm Chức năng 2 1 2 3 Adobe Dreamweaver CS6 Viết code HTML, CSS, Javascript, Jquery Notepad++ Viết và chỉnh sửa HTML Google Chrome Test giao diện Website trên trình duyệt Web Tìm kiếm tài liệu cho Website Microsoft Word 2013 Viết báo cáo hàng tuần 4 II. Tuần 1 (từ 29/6 đến 3/7) 2 (từ 6/7 đến 12/7) Bảng nội dung công việc tại Công ty. Nội dung công việc được giao 1. Tìm hiểu về Đơn vị thực tập. 2. Chọn đề tài: Xây dựng Website Ẩm thực Việt (Frontend) 3. Ngôn ngữ sử dụng chính: HTML, CSS, jQuery. 4. Tìm hiểu và thu thập tài liệu cần thiết cho đề tài thực tập. 1. Học kiến thức về HTML căn bản 2. Dùng HTML tạo bố cục cho trang chủ Website Nội dung đã hoàn thành - - Nắm được cơ cấu nhân sự, các phòng ban, lĩnh vực hoạt động, các dự án chính và các dự án đang triển khai… của Công ty CCORP Tìm hiểu và thu thập tài liệu về Ẩm thực để thực hiện đề tài thực tập Chọn ngôn ngữ: HTML, CSS, jQuery. Chọn công cụ thực hiện chính: Adobe Dreamweaver CS6, Notepad++ Tìm hiểu về HTML Nắm rõ khái niệm và ứng dụng thực tiễn của HTML Làm quen với 6 phần tử HTML thường được sử dụng Tìm hiểu các thẻ cơ bản trong HTML Phần tử và thẻ – làm thế nào để sử dụng chúng Học cách thêm những thông tin vào thẻ và xây dựng câu lệnh chính xác hơn Khám phá cách liên kết các trang web Tìm hiểu việc chèn ảnh vào trang web. Cấu trúc bảng để dàn trang web Tạo bố cục chính cho Website Xây dựng khung Đăng kí, Đăng nhập Xây dựng thanh tìm kiếm 3 - 3 (từ 13/7 đến 19/7) 1. Học kiến thức về CSS cơ bản. 2. Dùng CSS để căn chỉnh hình ảnh, lề… cho giao diện chính Xây dựng khung Menu ngang Xây dựng khung Menu dọc Xây dựng khung nội dung chính Xây dựng phần Footer Tìm hiểu về CSS - Tổng quan về ngôn ngữ CSS - Thuộc tính màu nền trong CSS - Dùng thẻ