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 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 Giới thiệu chung • Tên đơn vị thực tập: Công ty TNHH Thương mại 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 I II Mô hình hoạt động Giám đốc Phụ trách kỹ thuật III 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 Tại CCORP, phần lớn nhân có trình độ Đại học trở lên (chiếm 63,39%) Đó sinh viên giỏi từ trường đại học khối ngành Kỹ thuật, có đam mê nhiệt huyết với Công nghệ thông tin Nhân có trình độ Đại học chiếm 3,34%, người có nhiều kinh nghiệm môi trường học tập làm việc, trực tiếp quản lý điều hành Công ty Đặc biệt CCORP, có tới 33,27% bạn sinh viên chưa tốt nghiệp Thành lập người trẻ, CCORP hiểu tạo điều kiện tối đa cho bạn sinh viên đam mê CNTT có môi trường thực tập chuyên nghiệp, tiếp xúc với dự án thực tế IV Lĩnh vực hoạt động Công ty TNHH Thương mại Truyền thông CCORP thành lập vào tháng 07 năm 2012 với nòng cốt chuyên gia IT có nhiều kinh nghiệm lĩnh vực Công nghệ thông tin Công ty hoạt động lĩnh vực truyền thông online, quảng cáo thương mại điện tử Trong năm hoạt động nay, CCORP đạt thành công số dự án, tiêu biểu số 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à số dự án vừa nhỏ khác Đây tảng động lực để CCORP có bước phát triển chặng đường tới Môi trường làm việc Là doanh nghiệp trẻ, CCORP xây dựng môi trường làm việc trẻ trung động Văn phòng làm việc Công ty cung cấp đầy đủ sở vật chất cho nhân viên sinh viên thực tập đến thực tập làm việc V 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 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ỹ sử dụng ngôn ngữ HTML, CSS, jQuery; tiếp xúc học hỏi từ môi trường làm việc thực tế Nội dung Website: Website Ẩm thực trang thông tin tổng quan ẩm thực Việt Nam bao gồm: ăn truyền thống, ăn đại, tráng miệng, đồ uống… Bên cạnh đó, Website cung cấp hướng dẫn, cách làm ăn tới người yêu ẩm thực Việt Nam Công cụ sử dụng: Phần mềm Chức Adobe Dreamweaver CS6 Viết code HTML, CSS, Javascript, Jquery Notepad++ Viết chỉnh sửa HTML Google Chrome Test giao diện Website 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 II Tuần (từ 29/6 đến 3/7) (từ 6/7 đến 12/7) Bảng nội dung công việc Công ty Nội dung công việc giao Tìm hiểu Đơn vị thực tập Chọn đề tài: Xây dựng Website Ẩm thực Việt (Frontend) Ngôn ngữ sử dụng chính: HTML, CSS, jQuery Tìm hiểu thu thập tài liệu cần thiết cho đề tài thực tập Học kiến thức HTML Dùng HTML tạo bố cục cho trang chủ Website Nội dung hoàn thành - - - Nắm cấu nhân sự, phòng ban, lĩnh vực hoạt động, dự án dự án triển khai… Công ty CCORP Tìm hiểu thu thập tài liệu Ẩm thực để thực đề tài thực tập Chọn ngôn ngữ: HTML, CSS, jQuery Chọn công cụ thực chính: Adobe Dreamweaver CS6, Notepad++ Tìm hiểu HTML Nắm rõ khái niệm ứng dụng thực tiễn HTML Làm quen với phần tử HTML thường sử dụng Tìm hiểu thẻ HTML Phần tử thẻ – làm để sử dụng chúng Học cách thêm thông tin vào thẻ xây dựng câu lệnh xác Khám phá cách liên kết 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 cho Website Xây dựng khung Đăng kí, Đăng nhập Xây dựng tìm kiếm - Xây dựng khung Menu ngang Xây dựng khung Menu dọc Xây dựng khung nội dung Xây dựng phần Footer Học kiến thức (từ 13/7 đến 19/7) Tìm hiểu CSS CSS - Tổng quan ngôn ngữ CSS Dùng CSS để - Thuộc tính màu CSS chỉnh hình ảnh, - Dùng thẻ html viết CSS lề… cho giao diện - Tạo id html để viết CSS - Thuộc tính float CSS - Các thuộc tính CSS thường dùng - Thuộc tính margin padding - Cách sử dụng class CSS Xây dựng Website - Xây dựng phần màu cho Website - Xây dựng phần Đăng kí, Đăng nhập - Xây dựng Logo Website tìm kiếm - Xây dựng phần Menu ngang - Xây dựng Menu drop-down - Xây dựng phần Menu dọc - Xây dựng hiệu ứng Click vào viết - Chèn Yahoo vào Website - Xây dựng phần Footer (từ 20/6 đến 26/7) Học kiến thức Javascript, jQuery Dùng jQuery tạo hiệu ứng cần thiết cho giao diện Tìm hiểu Javascript - Giới thiệu JavaScript - Ghi Javascript - Biến kiểu liệu - Hàm với tham số nhiều tham số - Gọi hàm từ hàm khác - Biến cục & biến toàn cục - Toán tử - Cấu trúc If – Else - Switch – cấu trúc rẽ nhánh - Vòng lặp For, While, Do-While - Đối tượng, khởi tạo đối tượng - Mảng, khởi tạo mảng - Đối tượng Math, Date Tìm hiểu jQuery - Tổng quan jQuery - • (từ 27/6 đến 2/8) (từ 3/8 đến 5/8) jQuery Selector jQuery Events jQuery CSS jQuery HTML Xây dựng Website - Tạo Slider ảnh - Tạo nút Go-to-top Từ Template Xây dựng viết cho Website trang chủ hoàn - Trang chủ thành, viết - Giới thiệu viết kết nối - Tin tức  Cách làm sườn rim mặn tới trang chủ  Những ngon tiếng Hà Nội Test lại toàn  Bánh chưng truyền thống Việt Nam Website  thức uống cho mùa hè Hà Nội  Bánh trung thu nhân bí ngô - Món ngon  Món ngon cổ truyền  Món ngon hàng ngày  Bò nấu bia  Sườn rim mặn  Các bánh  Bánh trung thu  Bánh tráng trộn  Bánh Gato  Bánh nướng heo  Món ăn chay  Ngô chiên giòn  Đậu phụ xào mộc nhĩ  Cơm ủ sen - Đồ uống - Liên hệ Rà soát lại toàn - Website Báo cáo thực tập đơn vị thực tập - Kiểm tra lại toàn Website; chỉnh sửa lỗi thiếu sót Báo cáo kết công ty CCORP Báo cáo thực tập Viện CNTT Truyền thông CDIT Kiến thức kĩ học Công ty Tìm hiểu HTML • Nắm rõ khái niệm ứng dụng thực tiễn HTML HTML ngôn ngữ đánh dấu dùng để mô tả trang web - HTML viết tắt từ Hyper Text Markup Language (Ngôn ngữ Đánh dấu Siêu văn bản) - Ngôn ngữ đánh dấu tập hợp thẻ đánh dấu liệu - Tài liệu HTML mô tả thẻ HTML - Mỗi thẻ HTML mô tả nội dung văn khác III • Tìm hiểu thẻ HTML Heading - Thẻ tiêu đề gồm loại từ h1 đến h6 Paragraph - Thẻ đoạn văn - Một trang HTML (như trang tin tức) chia thành nhiều đoạn văn khác nhau, đoạn xác định thẻ thẻ tự động xuống dòng hết đoạn văn Thẻ in đậm Thẻ in ngiêng Thẻ gạch Thẻ xuống hàng • Thẻ hình ảnh - Đường dẫn tuyệt đối bắt đầu http:// - Đường dẫn tương đối http:// • Thẻ liên kết - Đường dẫn tuyệt đối bắt đầu http:// - Đường dẫn tương đối http:// - Nếu đường dẫn cụ thể sử dụng dấu # để thay • Thẻ tạo bảng Sử dụng thẻ table Một table bao gồm nhiều dòng nhiều cột xác định thẻ tr thẻ td Khai báo thẻ tr để tạo dòng Khai báo thẻ td để tạo cột Thuộc tính border để tạo khung cho table Tìm hiểu CSS Tổng quan ngôn ngữ CSS - CSS viết tắt từ Cascading Style Sheets - Được tổ chức World Wide Web (W3C) giới thiệu vào năm 1996 - Là ngôn ngữ định nghĩa cách hiển thị thẻ html website (nó làm cho thẻ html có màu sắc, font chữ to nhỏ Word) Thuộc tính màu CSS - Thuộc tính background-color giúp định màu cho thành phần trang web - sử dụng thuộc tính background-image để định ảnh cho thành phần website Tạo ảnh với repeat-x: giá trị repeat-x làm cho file ảnh lặp theo chiều ngang - Tạo ảnh với repeat-y: giá trị repeat-y làm cho file ảnh lặp theo chiều dọc Dùng thẻ html viết CSS - Div làm cho website load nhanh sử dụng mã html ngắn gọn hơn, dư thừa so với table - Khả phát triển, thay đồi, sữa chữa website nhanh Chỉ cần chỉnh sửa CSS đối tượng trang thay đổi - Div dễ tương tác với công cụ tìm kiếm thuận tiện cho việc làm SEO Tạo id html để viết CSS Thuộc tính float CSS - Có thể hiểu float áo phao đối tượng lên mặt sông - Có loại thường dùng • float: left; (phao lên phía bên trái) • float: right; (phao lên phía bên phải) Các thuộc tính CSS thường dùng văn bản: Màu xác định bởi: - tên màu (red, blue, ) - giá trị RGB rgb(255,0,0) giá trị thập lục phân hex (#fef000) Font văn Có tất loại: - font-family: định dạng họ font chữ (Arial, Tahoma, Times New Roman, ) font-size: điểu chỉnh kích thước font chữ (15px, 20px, ) font-style: định dạng văn in nghiêng (italic) font-weight: điều chỉnh mức độ in đậm font chữ (bold) CSS Text Có vài thuộc tính thường dùng: - Text-align: canh giữa, canh trái, canh phải chữ viết Text-indent: thụt vào đầu dòng đoạn văn Text-decoration: tạo phần gạch cho chữ viết bỏ phần gạch thẻ Có tất dạng boder: - tạo viền cho khung => border: 1px solid #000000; tạo viền trái => border-left: 1px solid #000000; tạo viền phải => border-right: 1px solid #000000; tạo viền => border-top: 1px solid #000000; tạo viền => border-bottom: 1px solid #000000; Thuộc tính margin padding - Được dùng để tạo khoảng cách với thành phần bên thẻ html - Có loại margin: • • • • margin-top: px; margin-right: px; margin-bottom: px; margin-bottom: px; Thuộc tính padding - Được dùng để tạo khoảng cách cho thành phần bên thẻ html 10 • • • • • Thao tác với HTML/DOM Thao tác với CSS Xử lí kiện HTML Hiệu ứng chuyển động AJAX jQuery hide() and show() Với jQuery bạn ẩn thành phần HTML với hàm hide() show() jQuery fadeIn() Hàm fadeIn() dùng để xuất dần thành phần HTML định - Cú pháp $(selector).fadeIn(speed,callback); • speed – Chỉ định thời gian: “slow”, “fast” milliseconds • callback – Hàm gọi sau fadeIn() chạy xong jQuery fadeOut() - Hàm fadeOut() làm ẩn dần thành phần HTML định $(selector).fadeOut(speed,callback); • speed – Chỉ định thời gian ẩn: “slow”, “fast” milliseconds • callback – Hàm gọi sau fadeOut() chạy xong jQuery fadeToggle() - Hàm jQuery fadeToggle() kết hợp hàm fadeIn() fadeOut() Nếu thành phần HTML định fadeToggle() ẩn Nếu thành phần HTML định ẩn fadeToogle() Cú pháp 14 $(selector).fadeToggle(speed,callback); • speed – Chỉ định thời gian: “slow”, “fast” milliseconds • callback – Hàm gọi sau fadeToggle() chạy xong jQuery fadeTo() - Hàm fadeTo() định độ mờ thành phần HTML $(selector).fadeTo(speed,opacity,callback); • speed – Chỉ định thời gian: “slow”, “fast” milliseconds • opacity – Chỉ định độ mờ • callback – Chỉ định hàm gọi sau fadeTo() chạy hoàn thành IV Kết thực Nội dung Website Website Ẩm thực trang thông tin tổng quan ẩm thực Việt Nam bao gồm: ăn truyền thống, ăn đại, tráng miệng, đồ uống… Bên cạnh đó, Website cung cấp hướng dẫn, cách làm ăn tới người yêu ẩm thực Việt Nam Website gồm viết sau: - - Trang chủ Giới thiệu Tin tức  Cách làm sườn rim mặn  Những ngon tiếng Hà Nội  Bánh chưng truyền thống Việt Nam  thức uống cho mùa hè Hà Nội  Bánh trung thu nhân bí ngô Món ngon  Món ngon cổ truyền  Món ngon hàng ngày  Bò nấu bia  Sườn rim mặn  Các bánh  Bánh trung thu  Bánh tráng trộn  Bánh Gato  Bánh nướng heo  Món ăn chay  Ngô chiên giòn 15   - Đậu phụ xào mộc nhĩ Cơm ủ sen Đồ uống Liên hệ Giao diện Website Một số hình ảnh cụ thể Website: Menu ngang Slider ảnh: - Tạo ô Tìm kiếm Đăng kí, Đăng nhập liên kết tới trang Đăng kí, Đăng nhập - Tạo menu ngang với thẻ , , - Tạo Menu Drop-down - Chèn biểu tượng dẫn tới Facebook, Google, Twitter, Flickr - Sử dụng jQuery nhúng từ Google’s Content Delivery Network: Menu ngang Slider ảnh Menu dọc nội dung viết: - Kết nối Menu dọc tới viết - Chia phần nội dung thành viết nhỏ 16 - Sử dụng hiệu ứng hover chuột click vào viết Menu dọc Menu dọc nội dung Phần Footer: - Điền thông tin Menu - Kết nối phần tới viết Phần Footer Giao diện trang tin tức: 17 Trang tin tức Giao diện trang Món ăn hàng ngày Trang Món ăn hàng ngày Giao diện trang Món ăn Chay 18 Trang Món ăn Chay Trang liên hệ: - Chọn địa Google Maps - Nhúng Google Maps vào iFrame Trang liên hệ Tạo Slider ảnh: Sử dụng jQuery nhúng từ Google’s Content Delivery Network 19 Slider ảnh Tạo Nút Go-to-top: - Sử dụng jQuery nhúng từ Google’s Content Delivery Network - Cuộn trang lên với hiệu ứng animate scrollTop - Nút Go-to-top ẩn đầu trang cuộn trang xuống Go-to-top Tạo Form Liên lạc 20 Form Liên lạc Tạo form đăng kí, đăng nhập Form đăng kí 21 Form đăng nhập - Tài liệu tham khảo http://www.2school.vn http://www.izwebz.com http://www.w3schools.com Nguồn nội dung hình ảnh cho viết: - http://www.kenh14.vn - http://www.afamily.vn - http://www.amthuc365.vn - http://www.monngonhanoi.com/ … Và số tài liệu liên quan khác Kết luận Với thời gian tháng kiến thức học Công ty CCORP, việc xây dựng Website Ẩm thực Việt không tránh khỏi nhiều thiếu sót trình thực Trong thời gian tới, em tiếp tục trau dồi thêm kiến thức, đồng thời tiếp tục chỉnh sửa, bổ sung hoàn thiện Website để có sản phẩm chất lượng 22 V Các thông tin, nguyện vọng Kinh nghiệm rút từ thời gian thực tập Được nghiên cứu tìm hiểu lập trình Web Front-end, em nhận thấy đề tài thực thiết thực môi trường Công nghệ thông tin hay Cùng với kiến thức lập trình, em làm việc môi trường thực tế, tiếp xúc anh chị giàu kinh nghiệm, sẵn sàng hướng dẫn bảo tận tình Bên cạnh đó, em tham gia số hoạt động ngoại khóa công ty Qua đó, em rèn luyện thêm cho kĩ mềm kĩ giao tiếp, kĩ làm việc nhóm… Thời gian thực tập không dài, dịp để em tiếp xúc với môi trường làm việc thực tế, trau dồi kiến thức, kĩ rút nhiều kinh nghiệm cho thân Nguyện vọng Do trình thực tập tương đối ngắn, Website Ẩm thực Việt không tránh khỏi nhiều thiết sót Trong thời gian tới, em chỉnh sửa bổ sung để hoàn thiện Website Đồng thời, em cần trau dồi thêm kiến thức để tiếp tục phát triển Website trở nên tốt hơn: tạo sở liệu cho Website, đăng kí đăng nhập cho khách hàng, tạo site Admin để quản lí Website… Em chân thành cảm ơn Thầy-Cô Viện CNTT truyền thông CDIT khoa CNTT, Anh-Chị Công ty TNHH Thương mại truyền thông CCORP, cô Đỗ Thị Hải Yến anh Nguyễn Bá Quyền giúp đỡ em hoàn thành đề tài thực tập 23 C PHỤ LỤC HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG CDIT …………………………… CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc KẾ HOẠCH ĐĂNG KÝ THỰC TẬP TỐT NGHIỆP Họ tên sinh viên: Nguyễn Hữu Hải Lớp: D11CNPM4 Mã sinh viên: B112104015 Địa liên hệ: Số 42/545 Thụy Khuê - Quận Tây Hồ - Hà Nội Điện thoại: 0963187050 E-mail: hainguyen.r31@gmail.com Đơn vị thực tập tốt nghiệp: Công ty TNHH Thương mại Truyền thông CCORP Người hướng dẫn: Anh Nguyễn Bá Quyền Chức vụ: Phụ trách kỹ thuật Giáo viên hướng dẫn: cô Đỗ Thị Hải Yến Chủ đề: Xây dựng Website Ẩm thực Việt (Front-end) KẾ HOẠCH THỰC TẬP Tuần Nội dung thực tập Thời gian Mục tiêu Xin giấy giới thiệu trường đăng kí thực tập Công ty TNHH thương mại truyền thông CCORP Tìm hiểu Đơn vị thực tập Chọn đề tài thực tập Tìm hiểu đề tài thực tập Tuần từ ngày 29/6 đến ngày 3/7 Tìm hiểu Đơn vị thực tập: cấu nhân sự, lĩnh vực hoạt động, dự án triển khai… Chọn đề tài: Xây dựng Website Ẩm thực Việt Học kiến thức HTML Ghi (Front-end) Tuần từ ngày 6/7 đến ngày Ngôn ngữ sử dụng chính: HTML, CSS, Javascript, jQuery Tìm hiểu thu thập tài liệu cần thiết cho đề tài thực tập Nắm cách sử dụng HTML 24 Dùng HTML tạo bố cục 12/7 cho trang chủ Website Học kiến thức CSS Dùng CSS để chỉnh hình ảnh, lề… cho giao diện Tuần từ ngày 13/7 đến ngày 19/7 Học kiến thức Javascript, jQuery Dùng Javascript, jQuery tạo hiệu ứng cần thiết cho giao diện Tuần từ ngày 20/6 đến ngày 26/7 Từ Template trang chủ hoàn thành, viết viết kết nối tới trang chủ Test lại toàn Website Tuần từ ngày 27/6 đến ngày 2/8 Rà soát, chỉnh sửa lại toàn Website Báo cáo thực tập đơn vị thực tập Tuần từ ngày 3/8 đến ngày 5/8 CÁN BỘ HƯỚNG DẪN Công ty TNHH Thương mại Truyền thông Tạo bố cục trang chủ Website cách sử dụng HTML Nắm cách sử dụng CSS cho giao diện Web Dùng CSS để chỉnh, định dạng phông chữ, hình ảnh, lề… cho Website Nắm kiến thức Javascript jQuery Dùng Javascript, jQuery để tạo số hiệu ứng cho Website Sử dụng tài liệu thu thập để viết viết cho Website Hoàn thành tổng thể Website Hoàn thiện toàn Website Hoàn thành Báo cáo, Slide thực tập Hà Nội, ngày tháng năm 2015 SINH VIÊN CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM 25 CCORP Độc lập - Tự - Hạnh phúc LỊCH LÀM VIỆC Họ tên sinh viên: Nguyễn Hữu Hải Đơn vị thực tập: Công ty TNHH Thương mại Truyền thông CCORP Họ tên cán hướng dẫn: Nguyễn Bá Quyền Thời gian thực tập: từ ngày 29 tháng năm 2015 đến ngày tháng năm 2015 Tuần Nội dung công việc giao 1 Tìm hiểu Đơn vị thực tập: cấu nhân sự, lĩnh vực hoạt động, dự án triển khai… Chọn đề tài: Xây dựng Website Ẩm thực Việt (Frontend) Ngôn ngữ sử dụng chính: HTML, CSS, Javascript, jQuery Tìm hiểu thu thập tài liệu cần thiết cho đề tài thực tập Học kiến thức HTML Dùng HTML tạo bố cục cho trang chủ Website Từ ngày 29/6 đến ngày 3/7 Từ ngày 6/7 đến ngày 12/7 Từ ngày 13/7 đến ngày 19/7 Học kiến thức CSS Dùng CSS để chỉnh hình ảnh, lề… cho giao diện Tự nhận xét mức độ hoàn thành Hoàn thành đầy đủ công việc giao Nhận xét CB hướng dẫn Chữ ký CB hướng dẫn Hoàn thành tốt công việc giao Hoàn thành đầy đủ công việc giao Hoàn thành công việc giao Ý thức học tập làm việc tốt Hoàn thành đầy đủ công việc giao Hoàn thành công việc giao Ý thức học tập làm việc tốt 26 Từ ngày 20/6 đến ngày 26/7 Từ ngày 27/6 đến ngày 2/8 Từ ngày 3/8 đến ngày 5/8 Học kiến thức Javascript, jQuery Dùng Javascript, jQuery tạo hiệu ứng cần thiết cho giao diện Từ Template trang chủ hoàn thành, viết viết kết nối tới trang chủ Test lại toàn Website Rà soát, chỉnh sửa lại toàn Website Báo cáo thực tập đơn vị thực tập Hoàn thành đầy đủ công việc giao Hoàn thành công việc giao Ý thức học tập làm việc tốt Hoàn thành đầy đủ công việc giao Hoàn thành công việc giao Ý thức học tập làm việc tốt Hoàn thành đầy đủ công việc giao Hoàn thành đề tài thực tập Sản phẩm đạt yêu cầu đề CÁN BỘ HƯỚNG DẪN Công ty TNHH Thương mại Truyền thông CCORP Hà Nội, ngày tháng năm 2015 Sinh viên CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc 27 PHIẾU NHẬN XÉT ĐÁNH GIÁ KẾT QUẢ THỰC TẬP TỐT NGHIỆP Họ tên sinh viên thực tâp: Nguyễn Hữu Hải Đơn vị thực tập: Công ty TNHH Thương mại Truyền thông CCORP Thời gian thực tập: Từ ngày 29/6/2015 đến ngày 5/8/2015 NHẬN XÉT VÀ CHO ĐIỂM CỦA CƠ SỞ THỰC TẬP Chấp hành nội quy quy định quan: Trong thời gian thực tập Công ty, sinh viên Nguyễn Hữu Hải học nội quy, quy định Công ty Ý thức tốt, chấp hành nghiêm túc kỷ luật Ý thức học tập: Tham gia đầy đủ buổi học thực tập Công ty Tinh thần học hỏi tốt, có nỗ lực trình thực đề tài phân công Đề tài thực đạt yêu cầu chất lượng thời gian hoàn thành người hướng dẫn đề Quan hệ, giao tiếp đơn vị: Cư xử lễ phép, mực, hòa đồng với người Công ty Nhiệt tình tham gia có đóng góp hoạt động ngoại khóa Công ty Xác nhận quan thực tập (Ký, ghi rõ họ tên đóng dấu) Hà Nội, ngày tháng năm 2015 Người đánh giá (Ký ghi rõ họ tên) 28 [...]... cô Đỗ Thị Hải Yến Chủ đề: Xây dựng Website Ẩm thực Việt (Front-end) KẾ HOẠCH THỰC TẬP Tuần 1 2 Nội dung thực tập Thời gian Mục tiêu 1 Xin giấy giới thiệu tại trường và đăng kí thực tập tại Công ty TNHH thương mại và truyền thông CCORP 2 Tìm hiểu về Đơn vị thực tập 3 Chọn đề tài thực tập 4 Tìm hiểu về đề tài thực tập Tuần từ ngày 29/6 đến ngày 3/7 1 Tìm hiểu về Đơn vị thực tập: cơ cấu nhân sự, lĩnh... chủ 2 Test lại toàn bộ Website 1 Rà soát, chỉnh sửa lại toàn bộ Website 2 Báo cáo thực tập tại đơn vị thực tập Hoàn thành đầy đủ công việc được giao Hoàn thành công việc được giao Ý thức học tập và làm việc tốt Hoàn thành đầy đủ công việc được giao Hoàn thành công việc được giao Ý thức học tập và làm việc tốt Hoàn thành đầy đủ công việc được giao Hoàn thành đề tài thực tập Sản phẩm đạt yêu cầu đề ra... HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự do - Hạnh phúc 27 PHIẾU NHẬN XÉT ĐÁNH GIÁ KẾT QUẢ THỰC TẬP TỐT NGHIỆP Họ và tên sinh viên thực tâp: Nguyễn Hữu Hải Đơn vị thực tập: Công ty TNHH Thương mại và Truyền thông CCORP Thời gian thực tập: Từ ngày 29/6/2015 đến ngày 5/8/2015 NHẬN XÉT VÀ CHO ĐIỂM CỦA CƠ SỞ THỰC TẬP 1 Chấp hành nội quy và quy định của cơ quan: Trong thời gian thực tập tại Công ty, sinh... hàm sẽ được gọi sau khi fadeTo() chạy hoàn thành IV Kết quả thực hiện 1 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 Website gồm các bài viết như sau: - - Trang chủ Giới thiệu... Nguyễn Bá Quyền Thời gian thực tập: từ ngày 29 tháng 6 năm 2015 đến ngày 5 tháng 8 năm 2015 Tuần Nội dung công việc được giao 1 1 Tìm hiểu về Đơn vị thực tập: cơ cấu nhân sự, lĩnh vực hoạt động, dự án triển khai… 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, Javascript, 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ề... thực tập tuy không dài, nhưng cũng là dịp để em tiếp xúc với môi trường làm việc thực tế, trau dồi kiến thức, kĩ năng và rút ra nhiều kinh nghiệm cho bản thân 2 Nguyện vọng Do quá trình thực tập tương đối ngắn, Website Ẩm thực Việt không tránh khỏi nhiều thiết sót Trong thời gian tới, em sẽ chỉnh sửa và bổ sung để hoàn thiện Website Đồng thời, em cần trau dồi thêm kiến thức để tiếp tục phát triển Website. .. kiến thức được học tại Công ty CCORP, việc xây dựng Website Ẩm thực Việt không tránh khỏi nhiều thiếu sót trong quá trình thực hiện Trong thời gian tới, em sẽ tiếp tục trau dồi thêm kiến thức, đồng thời tiếp tục chỉnh sửa, bổ sung hoàn thiện Website để có một sản phẩm chất lượng hơn 22 V Các thông tin, nguyện vọng 1 Kinh nghiệm rút ra được từ thời gian thực tập Được nghiên cứu và tìm hiểu về lập trình... một số hiệu ứng cho Website 1 Sử dụng tài liệu thu thập để viết các bài viết con cho Website 2 Hoàn thành tổng thể Website 1 Hoàn thiện toàn bộ Website 2 Hoàn thành Báo cáo, Slide thực tập Hà Nội, ngày 3 tháng 7 năm 2015 SINH VIÊN CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM 25 CCORP Độc lập - Tự do - Hạnh phúc LỊCH LÀM VIỆC Họ và tên sinh viên: Nguyễn Hữu Hải Đơn vị thực tập: Công ty TNHH Thương... lại toàn bộ Website Tuần từ ngày 27/6 đến ngày 2/8 6 1 Rà soát, chỉnh sửa lại toàn bộ Website 2 Báo cáo thực tập tại đơn vị thực tập Tuần từ ngày 3/8 đến ngày 5/8 CÁN BỘ HƯỚNG DẪN Công ty TNHH Thương mại và Truyền thông 2 Tạo bố cục trang chủ Website bằng cách sử dụng HTML 1 Nắm được cách sử dụng CSS cho giao diện Web 2 Dùng CSS để căn chỉnh, định dạng phông chữ, hình ảnh, căn lề… cho Website 1 Nắm... lĩnh vực hoạt động, dự án triển khai… 2 Chọn đề tài: Xây dựng Website Ẩm thực Việt 1 Học kiến thức về HTML căn bản Ghi chú (Front-end) Tuần từ ngày 6/7 đến ngày 3 Ngôn ngữ sử dụng chính: HTML, CSS, Javascript, 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 Nắm được cách sử dụng HTML 24 2 Dùng HTML tạo bố cục 12/7 cho trang chủ Website 3 1 Học kiến thức về CSS cơ bản 2 Dùng CSS ... class CSS Xây dựng Website - Xây dựng phần màu cho Website - Xây dựng phần Đăng kí, Đăng nhập - Xây dựng Logo Website tìm kiếm - Xây dựng phần Menu ngang - Xây dựng Menu drop-down - Xây dựng phần... - Liên hệ Rà soát lại toàn - Website Báo cáo thực tập đơn vị thực tập - Kiểm tra lại toàn Website; chỉnh sửa lỗi thiếu sót Báo cáo kết công ty CCORP Báo cáo thực tập Viện CNTT Truyền thông CDIT... thực tập Chọn đề tài thực tập Tìm hiểu đề tài thực tập Tuần từ ngày 29/6 đến ngày 3/7 Tìm hiểu Đơn vị thực tập: cấu nhân sự, lĩnh vực hoạt động, dự án triển khai… Chọn đề tài: Xây dựng Website Ẩm