Navigation

    Cyberian
    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Pro Blog
    • Users
    • Groups
    • Unsolved
    • Solved
    Quiz 100% Result
    • CS202 Assignment 2 Solution and Discussion Spring 2020

      zaasmi

      Re: CS202 Assignment 2 Solution and Discussion

      Assignment No. 02
      Semester: Spring 2020
      CS202: Fundamentals of Front-End Development Total Marks: 20
      Lectures Covered: 8 to 13
      Due Date: June 15, 2020

      Instructions:

      Please read the following instructions carefully before submitting assignment. It should be clear that your assignment will not get any credit if:

       The assignment is submitted after due date.
       The submitted assignment does not open or file is corrupt.
       Assignment is copied(partial or full) from any source (websites, forums, students, etc)

      Note: You have to upload .html file which will have code of HTML. Assignment in any other format (extension) will not be accepted and will be awarded with zero marks.

      Objective:

      The objectives of this assignment are:

      • To learn and practice the basic HTML tags.
      • Practice of CSS attributes and properties
      • CSS properties: background, styling input elements, padding, margin
      Note:

      • This assignment is a Graded Assignment.
      • The assignment submitted through email will not be accepted.
      • This assignment is covering Lectures 8 - 13.
      • For detail of topics in each lecture, see syllabus file given in download section of this course. The link of file is:
      Guidelines:

       Code should be properly indented.
       You can use the following tools/software:
      o Sublime, Netbeans, Adobe Dreamweaver , Notepad
       You will not use any other software to make .html file

      For any query about the assignment, contact at [email protected].

      Assignment Statement:

      Suppose you have been hired as a web designer and you have to design a Sign Up Page for the website. Following is a screenshot of the Web Page.

      Sample Web Page:

      df6dca38-6d1a-49aa-b559-b8cf802433f9-image.png

      Solution Instructions:

      • Background image and user image is provided in .zip folder with your assignment. You have to place these image in the same folder in which you are saving your HTML file.
      • Set background image on the whole screen as shown in the screenshot.
      • Center align the form. Width of the form div can be 500px.
      • Use basic HTML and CSS tags as required, which you have learnt while studying CSS.
      • Use margin and padding to manage the space between the elements.
      • Apply the Styling on input fields and the Sign Up button. You can use colors of your own choice.

      BEST OF LUCK!

      CS202 - Fundamentals of Front End Development
    • CS202 Assignment 1 Solution and Discussion

      zaasmi

      Re: CS202 Assignment 1 Solution and Discussion

      CS202 - Fundamentals of Front End Development
    • CS202 GDB1 Solution and discussion

      zaasmi

      Discussion Topic

      Suppose you are working as a web designer and you have developed a website for some client. Your supervisor is concerned with layout of your website. He has conducted a meeting with you to correct issues related to layout of website, so you have to quickly respond to his requirements and change the website layout quickly. After making quick changes, you have to consider the factor of maintainability too. You have been given two options, CSS Inline styling and external styling to style your web pages. So, by considering quick response and maintainability factors, which option you will use for above scenario? Justify your answer with solid points.

      CS202 - Fundamentals of Front End Development
    • CS202 Assignment 3 Solution and Discussion

      zareen

      Assignment No. 03
      Semester: Fall 2019
      CS202: Fundamentals of Front-End Development Total Marks: 20

      Due Date: 16/01/2020

      Instructions:

      Please read the following instructions carefully before submitting assignment. It should be clear that your assignment will not get any credit if:

       The assignment is submitted after due date.
       The submitted assignment does not open or file is corrupt.
       Assignment is copied(partial or full) from any source (websites, forums, students, etc)

      Note: You have to upload .html file which contain required code. Assignment in any other format (extension) will not be accepted and will be awarded with zero marks.

      Objective:

      The objective of this assignment is to provide hands on experience of:

       jQuery implementation
       Event handling in jQuery
       Apply CSS through jQuery

      Guidelines:

       Code should be properly indented.
       You will use only Notepad to make the html file
       You will not use any other software to make .html file

      For any query about the assignment, contact at [email protected]

      Assignment

      Problem Statement:

      You are required to write jQuery code which will fulfill requirements given below.

      0d48febf-5340-442b-8596-f2dcd4ae97cc-image.png

      Requirements and Solution Instructions:
      • Watch the video given in the assignment folder and apply the jQuery.
      • Find the attached HTML Design file to put required jquery code in this file.
      • Click on the heading and the related text should be displayed under the heading as displayed in video.
      • Click on the buttons to change the header and footer as shown in video.

      Tips:
      • The CSS of each element is implemented through ID. So access all required element through ID in jQuery.

      For any query about the assignment, contact at [email protected]

      BEST OF LUCK!

      CS202 - Fundamentals of Front End Development
    • CS202 Assignment 2 Solution and Discussion

      zareen

      Assignment No. 02
      Semester: Fall 2019
      CS202: Fundamentals of Front-End Development Total Marks: 20
      Lectures Covered: 8 to 15
      Due Date:
      Monday, December 2, 2019

      Instructions:

      Please read the following instructions carefully before submitting assignment. It should be clear that your assignment will not get any credit if:

       The assignment is submitted after due date.
       The submitted assignment does not open or file is corrupt.
       Assignment is copied(partial or full) from any source (websites, forums, students, etc)

      Objective:

      The objectives of this assignment are:

      • To learn and practice the basic HTML tags.
      • Use of <img>, <table>, <div> and HTML Forms.
      • Style the tags mentioned above .

      Note:

      • This assignment is a Graded Assignment.
      • The assignment submitted through email will not be accepted.
      • This assignment is covering Lectures 8-15.
      • For detail of topics in each lecture, see syllabus file given in download section of this course. The link of file is: Link

      Guidelines:

       Code should be properly indented.
       You can use the following tools/software:
      o Sublime, Netbeans, Adobe Dreamweaver , Notepad
       You will not use any other software to make .html file

      For any query about the assignment, contact at [email protected].

      Assignment Statement:

      Suppose you have been hired as a front-end designer to develop a one page website for an organization as shown below:

      Sample Web Page:
      97ee9902-cb57-4ded-a826-a46ae95316a7-image.png

      Solution Instructions:

      • Use <div> / <table> element to develop this webpage.
      • On the top, navigation bar is used.
      • An image is used with 100% width and 600px height.
      • In services section, Three divs or <td> are used with equal width.
      • In the last section, 2 divs or <td> with equal width are used.
      • You can use colors of your own choice.
      • Use <textarea> for the comment section in the form under Contact Us.

      Note:

      Images are provided in the Assignment .zip file. Put all the images and html file in the same folder. Don’t rename the images. Use relative path for <img> src attribute so that you will be using only the imageName in the src. Use float and clear properties properly to shape your webpages, if you are using <div>. Keep an eye on the spacing and alighnment between different sections. Dummy text is used in the above webpage. You have to upload .html file which will have code of HTML. Assignment in any other format (extension) will not be accepted and will be awarded with zero marks.

      BEST OF LUCK!

      CS202 - Fundamentals of Front End Development
    • CS202 Assignment 1 Solution and Discussion

      zareen
      Assignment No. 01

      Semester: Fall 2019
      CS202: Fundamentals of Front-End Development Total Marks: 20
      Lectures Covered: 1 to 9
      Due Date: Nov 14, 2019

      Instructions:

      Please read the following instructions carefully before submitting assignment. It should be clear that your assignment will not get any credit if:

      The assignment is submitted after due date.
      The submitted assignment does not open or file is corrupt.
      Assignment is copied(partial or full) from any source (websites, forums, students, etc)

      Note: You have to upload .html file which will have code of HTML. Assignment in any other format (extension) will not be accepted and will be awarded with zero marks.

      Objective:

      The objectives of this assignment are:

      • To learn and practice the basic HTML tags.
      • Use of Image Tag, Table tags and HTML Forms
      • Style the tags mentioned above

      Note:

      • This assignment is a Graded Assignment.
      • The assignment submitted through email will not be accepted.
      • This assignment is covering Lectures 1 - 9.
      • For detail of topics in each lecture, see syllabus file given in download section of this course. The link of file is: Cyberian

      Guidelines:

      Code should be properly indented.
      You can use the following tools/software:
      Sublime, Netbeans, Adobe Dreamweaver , Notepad
      You will not use any other software to make .html file

      For any query about the assignment, contact at

      Assignment Statement:

      Suppose you have been hired as a web developer in an online educational institution to develop a web page for student’s support system using which students can report their issues like email related issues, password issues, LMS related issues etc. Your web page should be like sample web page as given below.

      Sample Web Page:

      2ce8b7bc-5a8f-4666-8027-62ed992dd807-image.png

      Solution Instructions:
      • You are required to use image “Student_support_system.jpg”, image URL is given below.
      Link
      • Use basic HTML and CSS tags as required, which you have learnt till Lecture 9 to design your web page as sample page.
      • You also have to use HTML Table and HTML Form tags to design sample web page.

      BEST OF LUCK!

      CS202 - Fundamentals of Front End Development

    SOLVED CS202 Assignment 2 Solution and Discussion

    CS202 - Fundamentals of Front End Development
    assignment 2 cs202 discussion fall 2019 solution
    1
    3
    6
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • zareen
      zareen Cyberian's Gold last edited by zareen

      Assignment No. 02
      Semester: Fall 2019
      CS202: Fundamentals of Front-End Development Total Marks: 20
      Lectures Covered: 8 to 15
      Due Date:
      Monday, December 2, 2019

      Instructions:

      Please read the following instructions carefully before submitting assignment. It should be clear that your assignment will not get any credit if:

       The assignment is submitted after due date.
       The submitted assignment does not open or file is corrupt.
       Assignment is copied(partial or full) from any source (websites, forums, students, etc)

      Objective:

      The objectives of this assignment are:

      • To learn and practice the basic HTML tags.
      • Use of <img>, <table>, <div> and HTML Forms.
      • Style the tags mentioned above .

      Note:

      • This assignment is a Graded Assignment.
      • The assignment submitted through email will not be accepted.
      • This assignment is covering Lectures 8-15.
      • For detail of topics in each lecture, see syllabus file given in download section of this course. The link of file is: Link

      Guidelines:

       Code should be properly indented.
       You can use the following tools/software:
      o Sublime, Netbeans, Adobe Dreamweaver , Notepad
       You will not use any other software to make .html file

      For any query about the assignment, contact at [email protected].

      Assignment Statement:

      Suppose you have been hired as a front-end designer to develop a one page website for an organization as shown below:

      Sample Web Page:
      97ee9902-cb57-4ded-a826-a46ae95316a7-image.png

      Solution Instructions:

      • Use <div> / <table> element to develop this webpage.
      • On the top, navigation bar is used.
      • An image is used with 100% width and 600px height.
      • In services section, Three divs or <td> are used with equal width.
      • In the last section, 2 divs or <td> with equal width are used.
      • You can use colors of your own choice.
      • Use <textarea> for the comment section in the form under Contact Us.

      Note:

      1. Images are provided in the Assignment .zip file. Put all the images and html file in the same folder. Don’t rename the images.
      2. Use relative path for <img> src attribute so that you will be using only the imageName in the src.
      3. Use float and clear properties properly to shape your webpages, if you are using <div>.
      4. Keep an eye on the spacing and alighnment between different sections.
      5. Dummy text is used in the above webpage.
      6. You have to upload .html file which will have code of HTML. Assignment in any other format (extension) will not be accepted and will be awarded with zero marks.

      BEST OF LUCK!

      1 Reply Last reply Reply Quote 0
      • zareen
        zareen Cyberian's Gold last edited by

        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.
        
        1 Reply Last reply Reply Quote 0
        • zareen
          zareen Cyberian's Gold last edited by

          1 Reply Last reply Reply Quote 0
          • First post
            Last post

          50% Off on Your FEE Join US!

          Quiz 100% Result If you want to know how you can join us and get 50% Discout on your FEE ask Cyberian in Chat Room! Quiz 100% Result Quiz 100% Result
          solution1241 discussion1193 fall 2019813 assignment 1425 assignment 2295 spring 2020265 gdb 1246 assignment 382 crw10174 spring 201955
          | |
          Copyright © 2021 Cyberian Inc. Pakistan | Contributors
          Live Chat