Scribd
Upload
244 views6 pages

IWT LAB Activities-Cycle1

The document provides instructions for students taking the CSE308 Internet and Web Programming lab course. It outlines topics covered including HTML, CSS, JavaScript, and PHP. It lists activities for students to complete in creating webpages using these technologies. Deadlines are provided. Activities include creating basic webpages, adding styling with CSS, using JavaScript for functions and clocks, and validating forms. Students are to submit their code and can use text editors or Netbeans IDE.

Uploaded by

Ayush Baunthiyal
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
244 views6 pages

IWT LAB Activities-Cycle1

The document provides instructions for students taking the CSE308 Internet and Web Programming lab course. It outlines topics covered including HTML, CSS, JavaScript, and PHP. It lists activities for students to complete in creating webpages using these technologies. Deadlines are provided. Activities include creating basic webpages, adding styling with CSS, using JavaScript for functions and clocks, and validating forms. Students are to submit their code and can use text editors or Netbeans IDE.

Uploaded by

Ayush Baunthiyal
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

SchoolofComputingScienceandEngineering(SCSE) B.

TechCSE[Winter2012] Course:CSE308InternetandWebProgrammingLAB InstructionstotheStudents:


ThefollowingtopicsarecoveredinIWPLAB HypertextMarkupLanguage(HTML) CascadingStyleSheet(CSS) JavaScriptBasics PHPScriptingLanguage

YoucanuseeithersimpletexteditororNetbeansIDEfordevelopingcode.[Donotuse DreamweaveroranyWYSIWYGEditor] YoucanreferthelatestandupdatedtutorialsofwebrelatedprogrammingfromW3C Schoolswebsite(http://www.w3schools.com/) DeadlineforCompletingLABCycle1:17/02/2012

I.HyperTextMarkupLanguage(HTML) Activity1:IntroductiontoHTML
1. WriteHTMLcodetodevelopawebpagehavingthebackgroundinredandtitleMyFirst Pageinanyothercolor. 2. CreateaHTMLdocumentgivingdetailsofyourname,age,telephone,address,pincode& Emailidalignedinproperorder? 3. WriteHTMLcodetodesignapagecontainingatextinaparagraphgivesuitableheading style.

Activity2:TagsinHTML
HTMLTopics:Words,Lists,SimpleLinks,MoreAdvancedText,SimpleImages, Tables,Colours,AdvancedLinks 1. Createasimplepageintroducingyourself,howoldyouare,whatyoudo,whatyoulike 1

anddislike. 2. Modifytheintroductiontoincludeabulletlistofwhatyoudoandputlistthe5thingsyou likemostanddislikeasnumberedlists. 3. Createanotherpageaboutyourfavouritehobby,andlinkitto(andfrom)yourmainpage. 4. Centresomething,andputaquoteononeofyourpages 5. Putanexistingimageonawebpage. 6. Createatable,useaheadingandatleastoneuseofrowspan/colspan 7. Colourapageandsometextwithinthepage 8. Linktoanothersite

Activity3:FramesinHTML
1. Createawebpagewhichshoulddividepageintotwoequalframes Frame1 Frame2

2. Createawebpagewhichshouldgeneratefollowingoutput: Frame1 Frame2 Frame3

3. Createawebpagehavingtwoframesonecontaininglinesandanotherwithcontentsof thelink.WhenlinkisclickedappropriatecontentsshouldbedisplayedonFrame

Activity4:FormsinHTML
1. Designaformusingallinputtypes. 2. Createasimpleformaccepting Name RegisterNumber CourseCode DateofRegistration EmailID andSubmitbutton

Activity5:HTML5Introduction 1. DesignwebsiteswithfollowingHTML5tags <figure> <header> 2

<footer> <audio> <embed> <canvas>

2.ApplyHTML5validationforanactivity4

II.CascadingStyleSheet(CSS)
Activity6:DesignaWebpagewithStyling Lists

Activity7:WriteaCSScodetocreateroundedcornerinyourwebpageandalsoconsiderthe browsercompatibilitywhiledesigningit.

Activity8:WriteaCSScodetodesignawebpageusinghorizontaldropdownmenu.

Activity9: WriteaCSScodetodesignawebpagewithfollowingstyle(UseHTMLGrouping Tags<div>and<span>).

Activity10:DesignthefollowingTableusingHTMLandCSScode(Changetherowcolorwhile hoverthemousecursor).

III.JavaScript
Activity11:JavaScriptBasics CreateapagewithJavaScripttodothefollowing.Thesecanallbeononepage. 1. Prompttheuserfortheirname. 2. Useapopupboxtowelcometheuserbyname. 3. Displaythecurrentdateonthepageinthefollowingformat:February12,2012.Donot displaythetime.Donot"hardcode"thedate;ifIloadthepagetomorrow,Ishouldgeta differentdatethanifIloadittoday. 4. Displaythelastmodifieddateofthedocument. 5. Putsomeusefuladvice,onanysubject,inthestatuslineofthebrowser.

6. DisplayamessagesayingGoodMorningifitisinthemorning,GoodAfternoonifitisin theafternoon,andGoodEveningifitisintheEvening. Activity12:CookieandDialogBox 1. WriteaJavaScriptstatementthatdisplaysadialogboxwelcomingvisitorstoyourweb pagewithvisitorcount. 2. Createapagethatpromptstheuserforhisorhernameasthepageloads(viadialogbox) andthenwelcometheuserbynameinthebodyofthepageandalsorememberand displaythenameinotherpages. Activity12:FunctioninJavaScript 1. Writeascriptthatcontainsafunctionthatyoucanpassamarkasaparameteranddisplay agradewithpassorfailcondition.Demonstratethefunctionsbyprintingoutthegrade andpass/failstatusforfivestudents.Thegradeshouldbecalculatedbasedonthe following

Activity13: Createwebpagecontainingadynamicdigitalclockatthetoprightcorner.The clockshouldbethefollowingformat 24HourFormatClock[23:11:13] ApplyCSStomakeborderandbackground

Activity14: 1. Createaformthatincludes2textboxes(oneforname,oneforemailaddress),atextarea, adropdownbox(<select>tag),asetofradiobuttons,andasetofcheckboxes.Format theformusingatable.TheACTIONattributeoftheformtagshouldbetoemailtheform resultstoyouremailaddress. 2. AddJavaScripteventhandlerstotheformtovalidatetheformbeforeitisemailedtoyou. Ifthereisaproblem,displaytheproblemwiththepageinsomeway.Possiblewaystodo thisare: apopupbox displayingtheproblemsinanewwindowinredtextandhavingtheuserusethe backbuttontogobacktotheoriginalpage displayingtheproblemsinthecurrentwindowatthetopofthepageinredtext displayingtheprobleminanotherframe

3. Validatethatanentryhasbeenmadeineachformelement 4. Validatethattheemailaddresscontainsan@sign.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy