Topics tagged under "cs202" Cyberian Learn Smartly

Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

CS202 Assignment 3 Solution and Discussion
CS202 - Fundamentals of Front End Development • solution discussion fall 2019 assignment 3 cs202 • • zareen

6

0
Votes

6
Posts

2
Views

Check Solution Result
SOLVED CS202 Assignment 2 Solution and Discussion
CS202 - Fundamentals of Front End Development • solution discussion fall 2019 assignment 2 cs202 • • zareen

3

0
Votes

3
Posts

2
Views

Solution Idea Code
<html> <head> <title>CS202 Assignment no 2</title> <style> body{ padding:0; margin:0; width:100%; } #mynav{ background-color:black; height:80px; } #mynav a:link, a:visited { background-color: red; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; } #mynav a:hover, a:active { background-color: black; } #firstimage img{ width:100%; height:600px; fill:cover; margin: 0px auto; } #serviceheading{ padding-top:10px; padding-bottom:10px; } #serviceheading h2{ text-align:center; } .servicesection{ width:32%; float:left; padding-left:5px; margin-bottom:5px; } .servicesection img{ width:15%; height:100px; padding-left:80px; margin:2px; } .servicesection h2{ margin: 5px 20px; } #banner1{ background-color:#21E6E0; } #banner2{ background-color:#F91912; } #banner3{ background-color:#58F912; } #myfooter{ width:99%; margin-top:5px; background-color:black; float:left; padding-bottom:100px; } #footer1{ width:41%; margin-left:5px; float:left; } #footer1 h3{ color:Red; padding-left:150px; } #footer1 p{ color:white; } #footer2{ width:41%; margin-left:90px; float:left; } #footer2 h4{ color:green; font-size:25px; } #btn{ background-color:#F91912; } #btn:hover{ background-color:green; } </style> </head> <body> <form action=""> <div id="mynav"> <a href="Home.html">Home</a> <a href="service.html">Service</a> <a href="about.html">About</a> <a href="contactus.html">Contact us</a> </div> <div id="firstimage"> <img src="banner.jpg" alt="Banner Image"> </div> <div id="serviceheading"> <h2>Service</h2> <div class="servicesection" id="banner1"> <img src="camera.PNG" alt="Banner Image"> <h2>Photgraphy</h2> <p> orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p> </div> <div class="servicesection" id="banner2"> <img src="video.PNG" alt="Banner Image"> <h2>VideoGraphy</h2> <p> orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p> </div> <div class="servicesection" id="banner3"> <img src="web.PNG" alt="Banner Image"> <h2>Web Design</h2> <p> orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p> </div> <div id="myfooter"> <div id="footer1"> <h3>About Us</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop </p> </div> <div id= "footer2"> <h4>Contact Us</h4><br> <input type="text" placeholder="name"><br><br> <input type="text" placeholder="Email Addres"><br><br> <textarea rows="4" cols="50"> </textarea><br><br> <button id="btn"> Press Me</button> </div> </div> </form> </body> </html> cs202 assignment solution with internal css in head section.html Displaying cs202 assignment solution with internal css in head section.html.
SOLVED CS202 Assignment 1 Solution and Discussion
CS202 - Fundamentals of Front End Development • solution discussion fall 2019 assignment 1 cs202 • • zareen

6

0
Votes

6
Posts

4
Views

Solution Code
<!DOCTYPE html> <html> <head> <style> #nav { display:block; padding:5px; border-width:0.5px; width:500px; } </style> <title></title> </head> <body style="background-color:powderblue; align: center;"> <center> <img src="Student_support_system.jpg"> <form> <table > <tr> <td> Student Name: </td> <td> <input type="text" name="stdname"> </td> </tr> <tr> <td> Roll No: </td> <td> <input type="text" name="rollno"> </td> </tr> <tr> <td> Mobile No: </td> <td> <input type="text" name="mobileno"> </td> </tr> <tr> <td>Choose type of Problem:</td> <td> <input type="radio" name="issue" checked> Email realted Issue<br> <input type="radio" name="issue" > LMS related Issue<br> <input type="radio" name="issue" > Password related Issue<br> <input type="radio" name="issue" > Exam related Issue<br> <input type="radio" name="issue" > Result related Issue<br> <input type="radio" name="issue" > Other </td> </tr> <tr> <td>Comments:</td> <td><input type="text" multiple name="Comments" style="width: 300px; height:100px;"> </td> </tr> <tr> <br> <td></td> <td > <input type="submit" style="width:100px;" value="Submit" style="";></td> </tr> </table> </form> </center> </body> </html>
SOLVED CS202 GDB1 Solution and discussion
CS202 - Fundamentals of Front End Development • solution discussion spring 2019 gdb1 cs202 • • zaasmi

3

0
Votes

3
Posts

24
Views

Imagine if your css is in inline styles through a 1000 pages of your site. How an earth can you respond quickly as you would need to change all 1000 pages. With an external stylesheet the changes can be made in seconds and the css is cached for the whole site unlike inline styling.

Inline styling is mainly used these days for above the fold rendering on speed critical sites but used very sparingly. Most websites do not need this type of structure if coded correctly in the first place.

Avoid inline styling at all costs unless you have a justified use case as mentioned above or perhaps for dynamic styling with js for some special effects.

In general stylesheets should be external.

CS202 Assignment 3 Solution and Discussion CS202 - Fundamentals of Front End Development • solution discussion fall 2019 assignment 3 cs202 • • zareen

SOLVED CS202 Assignment 2 Solution and Discussion CS202 - Fundamentals of Front End Development • solution discussion fall 2019 assignment 2 cs202 • • zareen

SOLVED CS202 Assignment 1 Solution and Discussion CS202 - Fundamentals of Front End Development • solution discussion fall 2019 assignment 1 cs202 • • zareen

SOLVED CS202 GDB1 Solution and discussion CS202 - Fundamentals of Front End Development • solution discussion spring 2019 gdb1 cs202 • • zaasmi

CS202 Assignment 3 Solution and Discussion
CS202 - Fundamentals of Front End Development • solution discussion fall 2019 assignment 3 cs202 • • zareen

SOLVED CS202 Assignment 2 Solution and Discussion
CS202 - Fundamentals of Front End Development • solution discussion fall 2019 assignment 2 cs202 • • zareen

SOLVED CS202 Assignment 1 Solution and Discussion
CS202 - Fundamentals of Front End Development • solution discussion fall 2019 assignment 1 cs202 • • zareen

SOLVED CS202 GDB1 Solution and discussion
CS202 - Fundamentals of Front End Development • solution discussion spring 2019 gdb1 cs202 • • zaasmi