Weekly Dairy

WEEKLY DIARY FOR INDUSTRIAL TRAINING
ACADEMIC YEAR:2022-23
Name of Industry:InnovationsHub ServicesPrivateLimited,Nashik
From: 04/07/2022 to: 14/08/2022
Name of Supervisor: Shraddha Jadhav.
Designation of Supervisor: Web Developer
Name of the Student: Lohakare Shubham Pandurang Enrollment No:
2000800550
Branch of Engineering: ComputerEngineering
Name of Polytechnic: Amrutvahini Polytechnic Collage, Sangamner

Week1: From: 04/07/2022 to: 09/07/2022
Day Activities carried out
Web Design &Development. (Static and Dynamic Websites)

1 Introduction to HTML (hypertext markup
language)HTMLstructure.
PageComponents:
<!doctypehtml>DeclarationofversionHTML
<html>Containerforthedocument</html>
<head><title>Titleofthewebpage.</title></head>
2
<body> Contentofthewebpage<body>
Heading tags (h1, h2, h3, h4, h5, h6)H1

–larger, H6–smaller.
Paragraphtag:<p></p>
Basic syntax andexampleof ImageandLink

Imagetag <imgsrc=”url”alt =“descriptionof Image”>
3 src:attributewhere we canspecifypathofimage.
alt:attributewherewecanspecifyalternativenameforimagewhenimagecannotbedisplay.
4 lists
Ordered list
<ol></ol>Unordered list
<ul></ul>Listtag<li></li>
Table tag
<table></table>Attributes
intabletag:
<tr></tr>indicatestablerow.
<td></td>indicates table
data.Groupingtag:<div></div>
Form:
Inputtag:<inputtype=”text”placeholder=”name”>
type=”text”meansitcontainstextvalueandplaceholderistextyouwantintoyourtextfield.
5
type=”radio” used for radio buttons, type=”checkbox” used for
checkbox,type=”submit”usedtosubmit form.
Selectusedtocreatelistboxandoptionattribute(<option></option>)usedtoinsertvalues
inlist.
Used to insert a Div in an Html

6 structure.Divtag:<div></div>
Assignment-BasicwebsitePage
 Weekly summarization of the above activities : Practical Implement on HTML block level
tags, list tags Check button, radio button and div tag.
Signature of the student:……………… Signature of Industrial Supervisor:
…………………
Week2: From: 11/07/2022 to: 16 / 07 /2022

Anchor tag<a></a>
Target attribute used to open link in new tab or the sameTo
1 redirectin sametab.
target=”_self”
To redirectin newtab.
target=”_blank”
TextFormatting:
Horizontalline tag<hr>
It is singular tag used to add horizontal
2
line.Boldtag<b></b>Usedboldtext.
Super-script tags <sup></sup>Sub-
scripttags<sub></sub>
3 Introduction to CSS (Cascading style sheets)Rules

andtypesofCSS(Inline, Internal,External)
WayofdefiningCSS:
4 UsingTagname:Usewhenwe haveonlyone tag.(e.g.:p{color:red;})
UsingId:weuse‘#’towrite CSSforid.(e.g.:#name{height:50px;})
UsingClassname:weuse‘.’TowriteCSSforclass. (e.g.:.head{color:black;})
Color(color:“colorname”;)
BackgroundType:
5 background-color:“colorname”;
background-image:url(“src”);
background-repeat:repeat-x,repeat-y,orno-repeat
Assignment-DesignfirstwebsiteusingHeader,ArticleandFooter
6
 Weekly summarization of the above activities:

Anchor tag, text formatting, introduction to css and types, way of defining css,
assignment design for website using header, article & footer.

……………………
Week3: From: 18/ 07 /2022 to: 23 / 07 /2022
Text: font-size, font-family, font-style, text-

1 shadow.Text-align(Center, Right, Left, Justify)
Text-transform(Uppercase, Lowercase, Capitalize)
Text-decoration(none,underline,overline,line-through)
Display: inline, block, inline-block,

none.Dimensions:width, height.
2 Overflow: hidden, scroll, visible, auto.Border:Parameters:Border-size,Border-
style(dashed,solid,dot),Border-color.
(e.g.:“border:2pxsolidcolor;”)
Margin: outer space of content (margin:

3 dimensions ;)Padding:innerspaceofcontent(padding:dimension
s;)
Dimensions:top,right,bottom,leftSame forboth.
Introductionto Bootstrap.
4 Online-bootstrap:<linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/
bootstrap/3.4.0/css/bootstrap.min.css">
Offlinebootstrap:(downloadbootstrapfileandinclude itintag)
Classes:ContainerandContainer-fluid.
5 Grid:Gridismadeupofgroupingof RowsandColumns inside1ormoreContainers.
Usedforlayout,specificallyResponsiveLayouts.
Jumbotronclass:usedto createagreybox.
6 Table class:tableclass=“table”.
table-bordered,table-striped,table-condense,table-responsive.
Image-classes:img-rounded,img-thumbnail,img-responsive,img-circle.
 Weekly summarization of the above activities:

Practical implement on text-align, text-transform, text-decoration, various methods like
display, dimensions, overflow. Introduction of online/offline bootstrap, various classes in
bootstrap like container, container-fluid, grid, image & table.

…………..…………
Week4: From: 25/ 07 /2022 to: 30 / 07 /2022
Alerts: alert-success, alert-info, alert-warning, alert-

1 danger.Input: input-group, input-group-addon.
Input-size:lg(Large),sm(small),md(Medium),xs(Extrasmall).
2 Button class: btnbtn-default, btnbtn-success, btnbtn-danger, btnbtn-info, btnbtn-

warning,btnbtn-link,btnbtn-primary.
Form:form-control,form-group.
3 Columns:col-lg-6/12,col-xs-12/6,col-sm-4/6,col-md-4/6.
Symbols: glyphicon(envelop,search,etc.)
Buttonprimaryclass:active, disabled.
4 Button-group:btn-group,caret(usedtocreateselectbox).
Dropdown-menu:dropdown-menu(tocreatelistbox
Progress:classprogress-bar.
5 Progress-bar-success,progress-bar-info,progress-bar-warning.progress-striped,
progress-stripped-active
6 Assignment-DesignfirstwebsiteusingHeader,ArticleandFooterusingBootstrap

Various class in bootstrap like button, button primary, progress etc., study about input
size, columns, symbols, form & design first website using bootstrap.

………………
Week5: From: 01/ 08 /2022 to: 06/ 08 /2022
Introductionto JavaScript
1 Applications: To change HTML content, to change CSS object, change HTML object,
Form-validation,etc.
DisplayPossibilities:
1. Using.innerHTML
2. document.write()
2
3. window.alert()
4. console.log()
Scripttag:<scripttype=css/javascript></script>
Method:document.getElementById();`
1. ChangeHtml content.innerHTMLused
3
tochangehtml content.
2. ChangeCSScontent.
styleusedtochange CSScontent
.srcusedtoperform actiononimage.
4
.styleusedto changeCSSobject.
Hide:.style.display=’none’(HidetheContent.)
Show:style=”display:none”(WhenonclickeventhappenshowtheContent.)
Variable:
Used
5 tostorevalues.varusedtoassign
name.
Rules ofcreatingvariable.
Datatypes.
6 Assignment-Change backgroundcolorusingradio buttons

Introduction of javascript and applications, display possibilities, introduction of Script tag,
Action performed on image like hide content when onclick event happen show content
declaration, initialization & rules of creating variable, use data types.

………………
Week6: From: 08/ 08 /2022 to: 13/ 08 /2022

Operators:
1 Arithmeticoperators.Assignment operators.Bitwiseoperators.Logicaloperators
(AND(&),OR(|),NOT(!)).
Statements:
2 if,if-else, if…else if
Functions.
Form-validation.
PHP Introduction and
InstallationLocalandLiveserver
3 Clientserverarchitecture
1)IntroductionTophpandhowtodownload,installandoperateXamppserver.
2) Also run php programs using local host.3)Structure
of php program and some basicsEx:-<?php
4 $t=date(“H”);
If($t<”20”){
Echo“Haveagood day!”;
}
?>
Conditonal Statements in
php:1)if(condition){
Codetobeexecutedifconditionistrue;
}
5 2) if(condition){
Codetobeexecutedifconditionistrue
}else{
Codetobe executedif conditionisfalse;
}
switch
Loops:
1) Whilewhile(conditionistrue){
codetobeexecuted;
}
6 2) dowhile do{
codetobeexecuted;
}while(conditionis true);
3) forfor (initcounter;test counter;increment counter){

codetobeexecutedforeachiteration;
}

Operators, Statements like if, if else, if….else if & form validation using javascript. Introduction
& installation in php, implement simple programs & execute conditional Statements & loops using
php.

…………………

Weekly Dairy

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Weekly Dairy

Uploaded by

Copyright:

Available Formats

WEEKLY DIARY FOR INDUSTRIAL TRAINING

Name of Industry:InnovationsHub ServicesPrivateLimited,Nashik

From: 04/07/2022 to: 14/08/2022

Name of Supervisor: Shraddha Jadhav.

Designation of Supervisor: Web Developer

Name of the Student: Lohakare Shubham Pandurang Enrollment No:

Branch of Engineering: ComputerEngineering

Name of Polytechnic: Amrutvahini Polytechnic Collage, Sangamner

Day Activities carried out

Web Design &Development. (Static and Dynamic Websites)

Heading tags (h1, h2, h3, h4, h5, h6)H1

Basic syntax andexampleof ImageandLink

Used to insert a Div in an Html

Day Activities carried out

3 Introduction to CSS (Cascading style sheets)Rules

 Weekly summarization of the above activities:

Signature of the student:……………… Signature of Industrial Supervisor:

Day Activities carried out

Text: font-size, font-family, font-style, text-

Display: inline, block, inline-block,

Margin: outer space of content (margin:

 Weekly summarization of the above activities:

Signature of the student:……………… Signature of Industrial Supervisor:

Day Activities carried out

Alerts: alert-success, alert-info, alert-warning, alert-

2 Button class: btnbtn-default, btnbtn-success, btnbtn-danger, btnbtn-info, btnbtn-

 Weekly summarization of the above activities:

Signature of the student:……………… Signature of Industrial Supervisor:

Day Activities carried out

6 Assignment-Change backgroundcolorusingradio buttons

 Weekly summarization of the above activities:

Signature of the student:……………… Signature of Industrial Supervisor:

Day Activities carried out

3) forfor (initcounter;test counter;increment counter){

 Weekly summarization of the above activities:

Signature of the student:……………… Signature of Industrial Supervisor:

You might also like