BÁO CÁO VỀThiết kế trang web
Báo cáo thực tập-I được gửi trong việc thực hiện một phần yêu cầu đối với mức độ
Cử nhân Khoa học và Kỹ thuật Máy tính Công nghệ In Computer Science and Engineering
Tháng 7 đến tháng 12 năm 2020
Gửi bởi:
Insiya badshah
[0704CS191061]Khoa Khoa học và Kỹ thuật Máy tính
Viện Công nghệ Mahakal, Ujjain
Liên kết với Rajiv Gandhi Proudyogiki Vishwavidyalaya, Bhopal Bhopal
Tôi
GIẤY CHỨNG NHẬN
Iii
Tờ khai
Tôi Insiya Badshah sau đó tuyên bố rằng tôi đã thực hiện 4 tuần thực tập tại các tin học toàn cầu của Hồi giáo trong khoảng thời gian từ ngày 20 tháng 5 năm 2020 đến ngày 20 tháng 6 năm 2020 để hoàn thành một phần của công nghệ, Ujjain của Rajiv Gandhi Prodyogiki Vishwavidyalaya, Bhopal. Công việc đang được trình bày trong báo cáo thực tập được gửi cho Bộ Khoa học và Kỹ thuật Máy tính từ Học viện Công nghệ Mahakal, Ujjain là một hồ sơ xác thực về công việc đào tạo.Universal Informatics ” during a period from 20 May, 2020 to 20 June, 2020 in partial fulfilment for the award of the Bachelor of Technology in Computer Science and Engineering from Mahakal Institute of Technology, Ujjain by Rajiv Gandhi Prodyogiki Vishwavidyalaya, Bhopal. The work which is being presented in the internship report submitted to Department of Computer Science and Engineering from Mahakal Institute of Technology, Ujjain is an authentic record of training work.
Ngày: Insiya Badshah [0704CS191061]
Iv
Nhìn nhận
Việc hoàn thành thành công báo cáo thực tập này sẽ khôngđã có thể nếu không có sự hỗ trợ và hỗ trợ của nhiều ngườicá nhân và tổ chức. Tôi cảm thấy vô cùng may mắn khi cóNhận được điều này trong quá trình thực tập của tôi. tôi sẽmuốn nhân cơ hội này để mang đến sự ngưỡng mộ nghiêm túc của tôimỗi người trong số họ.Tôi bày tỏ tình cảm về lòng biết ơn của mình với ông Kuldeep, ngườiđã là một nguồn cảm hứng liên tục với tư cách là huấn luyện viên thực tập của tôi.Không có hướng dẫn và đề xuất liên tục của anh ấy, báo cáo nàysẽ không ở đâu gần hoàn thành. Lòng biết ơn của tôiSự tin tưởng và sự hào phóng của anh ấy vượt quá lời nói. Tôi mắc nợ vàCảm ơn Giáo sư đã học và tôn kính của tôi Vishwas Dixit, người đứng đầucủa Khoa Khoa học và Kỹ thuật Máy tính,Học viện Công nghệ Mahakal, Ujjain (M), chokhuyến khích hỗ trợ và cung cấp một nền tảng tỉ mỉ đểlearn.Tôi nợ lòng biết ơn sâu sắc nhất của tôi đối với điều phối viên thực tập Giáo sư.Priyanka Garg cho tính cách, lòng tốt của cô ấy,Khuyến khích sự hỗ trợ và sẵn sàng giúp đỡ, có một cách hữu hình vàcải thiện đáng kể chất lượng báo cáo thực tập của tôi và mang lạicho đến trạng thái hiện tại của nó.Cảm ơn các bạn cùng lớp của tôi, người đã giúp tôi trực tiếp hoặc gián tiếpđể hoàn thành công việc của tôi. Cuối cùng, tôi cảm ơn tất cả các giáo viên của tôi, những ngườilà những người, những người đã chuẩn bị cho chúng tôi cho nỗ lực này. tôi nợ bạnTất cả thành công của tôi.Vi
MỤC LỤC
Trang
Giấy chứng nhận thực tập được cung cấp bởi Viện ............... Tôi đề nghị ........................... ...................... ii
Tờ khai................................................. ........ iii
Nhìn nhận................................................. Iv
Về công ty/công nghiệp/viện .............................. V
Mục lục............................................... ... vi
Trừu tượng................................................. ............ vii
Chỉ số hình ................................................ ........ viii
Chương 1 Giới thiệu (1-8)
1. Giới thiệu................................................ ... 01
1 Mục tiêu ................................................ ....... 02
1.2 Để đạt được kỹ năng và kiến thức ...................... 02 1.2 để có được kinh nghiệm làm việc đầy đủ ............... ....... 02 1.2 để tăng cường kỹ năng giao tiếp của chúng tôi ............. 02 1.2 để liên kết lý thuyết với thực tiễn ................ ......... 03 1.2 để xây dựng một mạng ................................... . 03
1 công cụ và công nghệ được sử dụng .................................. 04
Chương 2 Công việc đào tạo được thực hiện ....................... (9-11) ....................... (9-11)
2 Đào tạo tham dự ............................................. 09
2 vai trò và trách nhiệm .................................... 09
2 Môi trường làm việc ........................................... 10
Vi
Chương 3 Kết quả và Thảo luận ........................... (12- 16) ........................... (12- 16 )
3 Thảo luận ................................................ ... 12 3 Kết quả học tập ........................................... 12
3.2 HTML ................................................ 12
3.2 CSS ................................................ ... 13
3.2 Bootstrap ............................................. 13
3.2 JavaScript ............................................ 13
3 Kết quả ................................................ .......... 14
Chương 4 Kết luận và phạm vi tương lai .................. (17- 18) .................. (17- 18 )
4. Kết luận................................................ 17
4 Phạm vi tương lai ................................................... ... 18
Người giới thiệu ................................................. ........ 18 ......................................................... 18
Phụ lục B Nhật ký hàng ngày Daily Diary
Viii
Chỉ số hình
Hình số Tiêu đề của trang Hình
Hình1.3 Trình chỉnh sửa văn bản siêu phàm 07
Hình 1.3 JQuery 08
Hình 3 Bảng thời gian sử dụng HTML 14
Hình 3 danh sách bảng sử dụng HTML 14
Hình 3 Nhấp vào nút hình ảnh 15
Hình 3 Bố cục trang web 15
Hình 3 Bảng tuần hoàn 16
1
CHƯƠNG 1GIỚI THIỆU1. Giới thiệuLà một sinh viên toàn thời gian tại nhóm học viện MIT, tôi đãcung cấp một cơ hội để thực hiện một thực tập tạiTin học phổ quát. Mức độ đối với tôi hiện tạiHọc tập là Cử nhân Kỹ thuật trong Máy tínhKhoa học và Công nghệ. Khóa học tại UI kháThử thách cho tôi vì một vài lý do: thứ nhất,Ngôn ngữ lập trình và các công cụ phát triển tôi đãSử dụng là mới đối với tôi, do đó tôi phải nhanh chóng hòa nhậpkhông chỉ với môi trường sống mới của tôi mà còn một cách học thuật. Điều này rất có lợi cho tôi như tạikết thúc tôi có thể so sánh những gì tôi đã học được với những gì tôi đãbiết và tìm một kết nối giữa hai.Báo cáo này là một mô tả về thực tập 4 tuần của tôiđược thực hiện như một thành phần bắt buộc của khóa học tạiUi. Trong chương sau chi tiết về các công cụ vàCông nghệ được sử dụng và một cái nhìn tổng quan được đưa ra. Sau đó, tôigiải thích vai trò và nhiệm vụ của tôi như một thực tập sinh và đưa ra cụ thểChi tiết kỹ thuật về các nhiệm vụ chính của tôi. Cuối cùng, aKết luận được rút ra từ kinh nghiệm.3
1.2 Để liên kết lý thuyết với thực tiễnĐầu tiên chúng tôi đã học được khía cạnh lý thuyết và sau đó chúng tôi đặt nóvào thực tế. Bằng cách thực hiện công việc thực tế, khái niệm của chúng tôirõ ràng hơn và thật dễ dàng để mã hóa vào HTML một khi chúng tôiđã quen thuộc với nó. Bằng cách đặt kiến thức lý thuyết của chúng tôiVào thực tế, mã hóa trở nên thú vị hơn.1.2 Để xây dựng mạng lướiBằng cách học cách viết mã trong HTML và CSS, thật dễ dàngXây dựng và thiết kế các trang web của riêng chúng tôi với tất cả các thay đổichúng tôi muốn. Chúng tôi cũng đã biết về cách các trang webĐược thiết kế ban đầu và logic đằng sau đó.4
1 công cụ và công nghệ được sử dụngCác công cụ và công nghệ khác nhau đã được sử dụng trong quá trình thực tập của chúng tôitraining.Một số trong số họ được liệt kê dưới đây:1. HTMLHTML là viết tắt của ngôn ngữ đánh dấu siêu văn bản. Nó làĐược sử dụng để thiết kế các trang web bằng ngôn ngữ đánh dấu. HTMLlà sự kết hợp của siêu văn bản và ngôn ngữ đánh dấu.Supertext xác định liên kết giữa các trang web. Đánh dấu-Ngôn ngữ UP được sử dụng để xác định tài liệu văn bản trong thẻtrong đó xác định cấu trúc của các trang web. HTML5 làPhiên bản thứ năm và hiện tại của HTML. Nó đã cải thiệnđánh dấu có sẵn cho các tài liệu và đã giới thiệuGiao diện lập trình ứng dụng (API) và tài liệuMô hình đối tượng (DOM).Ví dụ dưới đây minh họa nội dung HTML5:& lt;! DOCTYPE HTML & GT; & lt; html & gt; & lt; đầu & gt; & lt; tiêu đề & gt; tiêu đề trang & lt;/tiêu đề & gt; & lt;/head & gt; & lt; cơ thể & gt; & lt; h2 & gt; Đây là một tiêu đề & lt;/h2 & gt; & lt; p & gt; Đây là một đoạn văn. & lt;/p & gt; & lt;/cơ thể & gt; & lt;/html & gt;
Đầu ra của chương trình trên
6
Đầu ra của chương trình trên
3. JavaScriptJavaScript là một nền tảng nhẹ, đa nền tảng vàgiải thích ngôn ngữ kịch bản. Nó nổi tiếng vớiPhát triển các trang web, nhiều người không trình duyệtMôi trường cũng sử dụng nó. JavaScript có thể được sử dụngcho các phát triển phía máy khách cũng như phía máy chủdevelopments.Các tính năng của JavaScript: Theo một cuộc khảo sát gần đây được thực hiện bởi StackTràn, javascript là ngôn ngữ phổ biến nhấttrên trái đất.Với những tiến bộ trong công nghệ trình duyệt vàJavaScript đã chuyển vào máy chủ vớiNút và các khung khác, JavaScript có khả năngcủa nhiều hơn nữa. Chức năng trong JS là đối tượng. Họ có thể cóThuộc tính và phương thức giống như một đối tượng khác.Chúng có thể được thông qua như những lý lẽ trong khácfunctions. Có thể xử lý ngày và giờ. Thực hiện xác thực biểu mẫu mặc dù các biểu mẫu làĐược tạo bằng HTML. Không cần trình biên dịch.7
4. Văn bản tuyệt vờiĐược điều hành một cách nghệ thuật bởi một nhóm phát triển một người, bí mậtthành công của Sublime, nằm trong chương trình Mảng rộng lớn củaPhím tắt - chẳng hạn như khả năng thực hiệnChỉnh sửa đồng thời (thực hiện tương tác giống nhauthay đổi đối với nhiều khu vực đã chọn) cũng như nhanh chóngĐiều hướng đến các tập tin, ký hiệu và dòng. Và khi bạndành hơn 8 giờ với biên tập viên của bạn mỗi ngày, những người đóquý giá vài giây được lưu cho mỗi quá trình thực sự thêm vào.Hình.1.3 Trình chỉnh sửa văn bản siêu phàm
5. JQueryJavaScript từ lâu đã được coi là một mặt trận thiết yếu-Ngôn ngữ cuối cùng của các nhà phát triển, mặc dù nó không phải là không có nóCác vấn đề: Câu đố với sự không nhất quán của trình duyệt, nóHơi phức tạp và không thể chấp nhận được cú pháp có nghĩa làChức năng đó thường phải chịu đựng.Đó là cho đến năm 2006, khi jQuery- nhanh, nhỏ, chéo-Thư viện JavaScript nền tảng nhằm mục đích đơn giản hóaQuá trình mặt trước-xuất hiện trên hiện trường. QuaTóm tắt rất nhiều chức năng thường còn lại choCác nhà phát triển tự giải quyết, JQuery cho phép lớn hơn9
chương 2
Công việc đào tạo được thực hiện
2 đào tạo tham dựTheo Đại học RGPV, học kỳ III củaB CS phải liên quan đến một chương trình thực tập. CácHọc sinh yêu cầu ít nhất 2 tuần chương trình thực tậpđể đạt được một sự nghiệp thành công trong các lĩnh vực liên quan.Có nhiều người phục vụ và yêu cầu là cần phảiXây dựng một dự án. Chúng tôi biết rằng, chúng tôi có thể trộn tất cả các ngôn ngữnhư C ++, C, HTML, PHP, JavaScript và nhiều hơn nữa. CácMáy chủ web kết hợp kết quả của sự diễn giải vàđã thực hiện mã HTML, có thể bất kỳ loại dữ liệu nào,bao gồm hình ảnh, với trang web được tạo. CácĐào tạo mà tôi đã tham dự trong Tin học phổ quátincluded:HTMLCSSBootstrapJavaScriptAjaxJQuery2 vai trò và trách nhiệmLà một thực tập viên của tôi về tin học toàn cầuPvt Ltd. đã bao gồm tất cả các khía cạnh của việc tạo web10
Ứng dụng để trở thành một nhà phát triển web. Đối với điều này yêu cầuKiến thức cốt lõi về các công cụ thiết kế như HTML, CSS,Bootstrap, javascript, v.v. và kịch bản phụ trợNgôn ngữ như PHP. Trách nhiệm chính làđảm bảo rằng ứng dụng web được thiết kế phải kháng cáođối tượng mục tiêu mong muốn và kết quả làsự chú ý và cũng bao gồm một kiến thức làm việc vềCác trình duyệt web khác nhau. Trong khi học về webPhát triển tôi cũng có được kiến thức về mặt trướcthiết kế. Trong thời gian thực tập của tôi, tôi chủ yếu làm việcVới thiết kế hệ thống quản lý đào tạo ”Ứng dụng cũng như các dự án nhỏ khác quá.2 Môi trường làm việcNhà phát triển phía trước thường làm việc ở phía khách hàngđối phó với thiết kế trang web, đồ họa làCó thể truy cập vào người dùng.Nhà phát triển cuối cùng là một người chịu trách nhiệmSự phát triển phía sau tương tác với máy chủ.Loại nhà phát triển web này chuyên về các ngôn ngữGiống như PHP, Ruby, ASP, Java và Perl.Hồ sơ công việc cho nhà phát triển web bao gồm: Nhà phát triển web phía trước. Nhà phát triển web cuối cùng. Nhà phát triển ứng dụng web. Nhà phân tích thiết kế và bố trí