ITR Weekly Report
ITR Weekly Report
25
Weekly Diary
For
Industrial Training
At
Sampurv Technologies
In this module we learn syntax of how to write HTML code, comments, tittle, body of elements
4/06/2024 and also attempts some quizzes and code challenges
In this we learn about different tags and elements are covered Ex:
5/06/2024 <body>, <HTML>, <head>, <tittle>, <p>
HTML tags are hidden keywords in the web page that defines how the browser must format and
6/06/2024 display the content most of the tags have 2 parts opening tag & closing tag opening tags are
always in opening and closing angular brackets
(<keyword>) and closing tag are enclosed in opening angular bracket forward slash and closing
angular bracket (</keyword>). The text can be added in between opening and closing tag
4 Text Formatting
In text formatting, the different tags are used to define the unique text from the normal text.
7/06/2024. For example: 1) Heading tags- There are 6 heading tags to define the text. h1, h2, h3, h4, h5, h6.
1) Bold tag- It will display the text in bold. is used for this.
2) Italic tag- It will display the text inside tag in italic form.
3)Underline tag- By using this tag the underline will display below the text. is used.
4) Strong tag and em tag- and will indicate the importance of text inside it. In this lesson we also attempt
some quizzes and code challenge.
5. Attributes
There are two types of attributes i.e. Global attributes and Elements specific attributes. Attributes are used
8/06/2024 to define properties in HTML elements. Attributes consists of two parts i.e. attribute name and attribute
value for example: sec attribute, href attribute, id attribute.
6. Hyperlinks
Weekly summarization of above activities: Introduced to HTML use basic concepts of web development, set
local environment, use HTML tags
Expected Work: Use CSS Selectors and Structure the Web Page
Day Activities Carried Out
1. Cascading Style Sheets
In this lesson I have learnt that CSS is used to styles of the HTML page i.e. size,
10/06/2024 colour, font, image styling etc. Browser read the HTML & CSS page together.
There are three types of styling the page:
* Inline style
* Internal style
* External style
Priority level of styling the sheets:
Inline style > Internal style > External style
2. Box Model
3. Colors
Colors are used as two different ways i.e. font color and background color to
apply the text color "color: " property is used and to apply the background
color the "background-color: " property is used.
The values of property can be in hexadecimal or RGB code. There are different
hexadecimal and RGB code for every color.
Fonts
13/06/24
There are two types‟ properties to define font:
* Font style
* Font variant
* Font width
* Font size
* Line height
* Font family
We can define it by giving values to each property. The font size and font
family is mandatory to define.
4. Lists
There are two types of defining the list i.e.
1) Ordered list: In ordered list the items are displayed in ordered form. <ol>
2) Unordered list. In unordered list the items are displayed in unordered form.
Each item is displayed by using <li> </li> tag. The text defines in the li tag will
Creating Layout
14/06/2024 In this topic we learn about how to adjust web page in systematic way. And
• < details >- Defines additional details that the user can open and close on
Demand
<li><a href=”news.asp”>News</a></li>
</ul>
Forms
The form is use to create form for inputting data of user in servers. In this we
17/06/2024
• input[type=password] - will only select password fields
Miscellaneous
Weekly summarization of above activities: Used CSS properties, Flexbox, Box Model. Structured the
web page using wireframe, inspected web page elements using inspect Element function
• Bootstrap is the most popular HTML, CSS, and JavaScript framework for
developing responsive, mobile-first websites.
• In chapter, we have look at some HTML elements that will be styled a little
bit differently by Bootstrap than browser defaults.
18/06/2024 • Images come in all sizes. So done screens. Responsive images automatically
adjust to fit the size of the screen. Created responsive images by adding an
.img-responsive class to the <img> tag. The image will then scale nicely to the
19/06/2024 parent element.
Installation of Bootstrap
2. Containing Elements
Bootstrap predefined classes.
20/06/2024 Bootstrap classes: visible, hidden.
Bootstrap provides 4 Device and 3 Breakpoints.
Glyphicos: Glyphicos is predefined symbol defined in Bootstrap which is used in our web-page.
Table: table are create by using Table class, which is use to represent tabular data. In table provide some
classes to styling the table such as tale, tablestriped, table-bordered, table
4.
Column
creating a layout generally before creating any web-site we plane, how our
web-site look and their row design created in Page. But Bootstrap provides the
facility of creating layout and test our web how look on deferent devices.
22/06/2024 Bootstrap divides width of web page into 12 equal Column.
Syntax: col-screen_type-number
Row:
row class remove column offset with no padding. Because it give margin-right:
- 15px and margin- left: -15px
Navbar: navbar are created by using Navbar class
5.
Images
To create images as responsive in any device size by using img-responsive
class. Property of img-responsive classes are display:block ;max-width: 100%;
height :auto;
23/06/2024
Thumbnail
Thumbnail are generally used to reduce size and version of images and video.
Form in Bootstrap
In the form two important classes that are used to create form that is formcontrol and form- group it
provides margin-bottom:15px; in form we can
create button, label, checkbox, textile etc.
Weekly summarization of above activities: Used Bootstrap library and install Bootstrap
2.
Creating First database
26/06/2024 After installation process we will create our first database. Before that we
learn MySQL data type
3.
DDL
27/06/2024 we learn DDL commands: in DDL commands contain CREATE database
command, CREATE TABLE command and also learn Primary-key and autoIncrement
4.
Alter & Drop
learn Alter & Drop commands in SQL and perform some operation on database
which will create in previous day.
Foreign Key & Truncate
Foreign Key
5.
DML
We will learn DML command in SQL, that contains INSERT command, UPDATE
command, DELETE command, and SELECT command.
• SELECT – retrieve data from the a database.
30/06/2024 • INSERT – insert data into a table.
• UPDATE – updates existing data within a table.
• DELETE – deletes all records from a table, the space for the records remain.
SQL Joins
SQL joins are used to access data of two or more table. There are three types
of joins learn which is INNER join, LEFT join, RIGHT join
Also learn ORDER by query in SQL.
6.
Additional SQL features
1/07/2024 We will learn some additional SQL features such as Backup, Export, and
Import.
Then we solve Assignment problem and some quizzes for practice. Then give
module test of SQL.
Weekly summarization of above activities: Run SQL Queries, Designed the databases and create table. Backed up
and Restored the databases.
Expected Work: Run PHP snipped and Connect the Database using PHP
3.
Functions/ Arrays/ Strings
creating function
The real power of PHP comes from its functions. PHP has more than 1000
built-in functions, and in addition you can create your own custom functions.
creating Arrays An array stores multiple values in one single variable n PHP, the
5/07/2024 array() function is used to create an array
4.
We learn Iterative statement and conditional statements
5.
Database Connection
7/07/2024 In PHP we used mysqli_connect() function to establish connection.
Syntax: mysqli_connect ("host","username","password","database name”);.
6.
SELECT Query with PHP (Part I)
• Insert
• Select
• Update
• Delete.
Maharashtra State of Board Technical Education
Industrial Training Report GHRCEM / CO-Poly / 2024-
25
Weekly summarization of above activities: Used PHP loops, arrays, strings, functions and connected
the database and save data in database using PHP. Used Cookies and Sessions
Week 6: From 9/07/2024 To 15/07/2024 and addition 3 days : From 16/07/2024 to 18/07/2024
2.
Form
10/07/2024 A web form, web form or HTML form on a web page allows a user to enter
data that is sent to a server for processing. Forms can resemble paper or
database forms because web users fill out the forms using checkboxes, radio
11/07/2024 buttons, or text fields. For example, forms can be used to enter shipping or
credit card data to order a product, or can be used to retrieve search results
from a search engine.
3.
Sessions
12/07/2024 session_start() : with the use of this we can start the session storing user
information to be used across multiple pages (e.g. username, favourite color,
etc.). By default, session variables last until you click logout button then
variable is deleted.
4.
We learn external file including in our current file using include Security
features:md5($str) is the md5 function in PHP is used to calculate the md5
13/07/2024 hash of a string. It is commonly used to encrypt a string. Which take input and
give output
5.
Validation
14/07/2024 Validation means check the input submitted by the user. PHP validation
function: preg_match(pattern,string) is function used for validation with
pattern.
6.
Now today's at the last day of training we solve some quizzes related to the PHP module and solve
Assignment problems, After that then we have completed final project. Then we give final test of our 6-
week complete training
15/07/2024
Weekly summarization of above activities: Used AJAX, object and classes, functions, arrays of
javaScript. Breaking the web page into modules
A) Marks for PA are to be awarded out of 5 for each week considering the level of completeness of
activity observed, from the daily diary maintained.
B) Marks are to be awarded by Industry Supervisor on the basis of General Observation and behavioral
aspects of student.
C) Marks are to be awarded by Mentor faculty on the basis of report, understanding level and work
performance of the student.
Signature-
Prashil Shahakar