Scribd
Upload
65 views7 pages

Weekly Dairy

The document summarizes activities carried out over 6 weeks of web development training. It includes practical implementation of HTML tags, CSS properties, JavaScript basics like variables, operators, and functions. Bootstrap framework was introduced for responsive design. PHP was also introduced including basics like conditional statements, loops and how to run PHP programs using a local server. Form validation and changing content using JavaScript events was practiced.

Uploaded by

Nikhil Pawase
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
65 views7 pages

Weekly Dairy

The document summarizes activities carried out over 6 weeks of web development training. It includes practical implementation of HTML tags, CSS properties, JavaScript basics like variables, operators, and functions. Bootstrap framework was introduced for responsive design. PHP was also introduced including basics like conditional statements, loops and how to run PHP programs using a local server. Form validation and changing content using JavaScript events was practiced.

Uploaded by

Nikhil Pawase
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

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>
2 <head><title>Titleofthewebpage.</title></head>
<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/ Metor: …………………


Week2: From: 11/07/2022 to: 16 / 07 /2022

Day Activities carried out

Anchor tag<a></a>
Target attribute used to open link in new tab or the sameTo redirectin
1
sametab.
target=”_self”
To redirectin newtab.
target=”_blank”

TextFormatting:
Horizontalline tag<hr>
2 It is singular tag used to add horizontal
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

6 Assignment-DesignfirstwebsiteusingHeader,ArticleandFooter

 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.

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


Week3: From: 18/ 07 /2022 to: 23 / 07 /2022

Day Activities carried out

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


1 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:dimensions;)
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.

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


Week4: From: 25/ 07 /2022 to: 30 / 07 /2022

Day Activities carried out

Alerts: alert-success, alert-info, alert-warning, alert-danger.Input: input-group,


1 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

 Weekly summarization of the above activities:


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

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


Week5: From: 01/ 08 /2022 to: 06/ 08 /2022

Day Activities carried out

Introductionto JavaScript
1 Applications: To change HTML content, to change CSS object, change HTML object,
Form-validation,etc.

DisplayPossibilities:
1. Using.innerHTML
2 2. document.write()
3. window.alert()
4. console.log()

Scripttag:<scripttype=css/javascript></script>

Method:document.getElementById();`

3
1. ChangeHtml content.innerHTMLused
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.varusedtoassignname.
Rules ofcreatingvariable.
Datatypes.

6 Assignment-Change backgroundcolorusingradio buttons

 Weekly summarization of the above activities:


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.

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


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

Day Activities carried out

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;
}
2) if(condition){
5 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;
}

 Weekly summarization of the above activities:


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.

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

You might also like