Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Pro Blog
  • Users
  • Groups
  • Unsolved
  • Solved
Collapse
Secnto AI
  1. Secnto AI
  2. Categories
  3. Virtual University
  4. CS202 - Fundamentals of Front End Development
  5. CS202 Assignment 1 Solution and Discussion
CS202 Assignment 2 Solution and Discussion Spring 2020
zaasmiZ
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 cs202@vu.edu.pk. 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: [image: WMpl3JH.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
zaasmiZ
Re: CS202 Assignment 1 Solution and Discussion
CS202 - Fundamentals of Front End Development
CS202 GDB1 Solution and discussion
zaasmiZ
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
zareenZ
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 cs202@vu.edu.pk Assignment Problem Statement: You are required to write jQuery code which will fulfill requirements given below. [image: YgbPaHo.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 cs202@vu.edu.pk BEST OF LUCK!
CS202 - Fundamentals of Front End Development
CS202 Assignment 2 Solution and Discussion
zareenZ
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 , , 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 cs202@vu.edu.pk. 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: [image: JiUZY08.png] Solution Instructions: • Use / 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 are used with equal width. • In the last section, 2 divs or with equal width are used. • You can use colors of your own choice. • Use
CS202 - Fundamentals of Front End Development
CS202 Assignment 1 Solution and Discussion
zareenZ
Topic thumbnail image
CS202 - Fundamentals of Front End Development

CS202 Assignment 1 Solution and Discussion

Scheduled Pinned Locked Moved CS202 - Fundamentals of Front End Development
cs202assignment 1solutiondiscussionspring 2020
2 Posts 1 Posters 748 Views 1 Watching
  • 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.
  • zaasmiZ Offline
    zaasmiZ Offline
    zaasmi
    Cyberian's Gold
    wrote on last edited by
    #1

    Re: CS202 Assignment 1 Solution and Discussion

    Discussion is right way to get Solution of the every assignment, Quiz and GDB.
    We are always here to discuss and Guideline, Please Don't visit Cyberian only for Solution.
    Cyberian Team always happy to facilitate to provide the idea solution. Please don't hesitate to contact us!
    [NOTE: Don't copy or replicating idea solutions.]
    VU Handouts
    Quiz Copy Solution
    Mid and Final Past Papers
    Live Chat

    1 Reply Last reply
    0
    • zaasmiZ Offline
      zaasmiZ Offline
      zaasmi
      Cyberian's Gold
      wrote on last edited by zaasmi
      #2
      <!DOCTYPE html>
      <html>
      <head>
      <title>cs202-assignment-1-solution</title>
          <style>
           body{
           background: #40E0D0;
           }
           h1 {
           text-align: center;
           }
           .im1c {
           height: 150px;
           width: 350px;
           }
           .center {
                 display: block;
                 margin-left: auto;
                 margin-right: auto;
                 width: 50%;
              }
              table, th, td {
                 border: 1px solid black;
                 text-align: center;
              }
              
      </style>
      </head>
      <body>
      <h1>HTML (Hyper Text Markup Language)</h1>
      <div class="im1c center" ><img class="im1c center" src="im1.jpg"></div>
      <h3>Introduction</h3>
      <p>HTML stands for hyper text markup language.It is standerd markup language used to create the web pages along with CSS and Javascript.</p>
          <ol>
           <li>HTML Docoument</li>
           <li>HTML Elements</li>
           <li>HTML headings and paragraphs</li>
           <li>HTML formating Elements</li>
      </ol>
      <table style="width:70%; margin-left:15%; ">
        <tr>
          <th>TOPIC</th>
          <th>DISCRIPTION</th> 
          <th>Interner links</th>
        </tr>
        <tr>
          <td><b>HTML DOCUMENTS</b></td>
          <td>
           <li>All html documents must started with <!DOCTYPE html></li>
           <li>The html being itself along with <html> and ends with </html> </li>
           <li>The visible pasrt html documents is <Body> tag</li></td>
          <td><a href="#">click here for details</a></td>
        </tr>
        <tr>
          <td><b>HTML ELEMENTS</b></td>
          <td>AN HTML element usausly with a starting tag and the ending tag</td>
          <td><a href="#">click here for details</a></td>
        </tr>
         <tr>
          <th rowspan="2">HTML Headding & paragraphs</th>
          <td>AN HTML element usausly with a starting tag and the ending tag</td>
          <td><a href="#">click here for details</a></td>
        </tr>
        <tr>
          <td>AN HTML element usausly with a starting tag and the ending tag</td>
          <td><a href="#">click here for details</a></td>
        </tr>
        <tr>
          <td><b>HTML Formatting Elements</b></td>
          <td>
           <li>blod text</li>
           <li>important text </li>
           <li>marked text</li>
           <li>small text </li>
           <li>deletd text</li>
           <li>inserted text </li>
           <li>subscript text </li>
          <td><a href="#">click here for details</a></td>
        </tr>
      </table>
      </body>
      </html>
      
      

      Solution 100%

      <!DOCTYPE html>
      <html>
      <body style="background-color:Turquoise; width:100% ; height:50%">
      <h1 align="center">HTML (Hyper Text Markup Language) Basics</h1>
      <center>
      <img src="D:\CS202\HTML.jpg" alt="HTML" width="200" height="200">
      </center>
      <p>
      <h2>Introduction </h2><br>
      HTML stands for Hyper Text Markup Language. It is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages, as well as to create user interfaces for mobile and web applications. Web browsers can read HTML files and render them into visible or audible web pages.
      HTML basics include the following:
      <ol>
      <li>HTML Documents</li>
      <li>HTML Elements</li>
      <li>HTML Headings and Paragraphs</li>
      <li>HTML Formatting Elements</li>
      </ol>
      </p>
      <center>
      <table border="1">
      
      <tr>
      <th>Topic </th>
      <th> Description </th>
      <th> Internet Links </th>
      </tr> 
      
      <tr>
      <th> HTML Documents </th>
      <td>	
      <ul>
      <li>All HTML documents must start with a type declaration: &lt!DOCTYPE html&gt </li>
      <li>The HTML document itself begins with and ends with &lthtml&gt and ends with &lt/html&gt </li>
      <li>The visible part of the HTML document is between &ltbody&gt and &lt/body&gt tags.</li>
      </ul>
      </td>
      <td>
      <a href="https://www.w3schools.com/html/html_basic.asp"> Click Here For Details... </a>
      </td>
      </tr>
      <tr>
      <th> HTML Elements </th>
      <td> An HTML element usually consists of a start tag and an end tag, with the content inserted in between them.
      </td>
      <td>
      <a href="https://www.w3schools.com/html/html_elements.asp"> Click Here For Details... </a>
      </td>
      </tr>
      <tr>
      <th rowspan="2">HTML Headings & Paragraphs </th>
      <td>HTML headings are defined with the &lt h1 &gt to &lt h6 &gt tags.</td>
      
      <td>
      <a href="https://www.w3schools.com/html/html_headings.asp"> Click Here For Details... </a>
      </td>
      </tr>
      <tr>
      <td>HTML paragraphs are defined with the &lt p &gt tag.	</td>
      <td>
      <a href="https://www.w3schools.com/html/html_headings.asp"> Click Here For Details... </a>
      </td>
      </tr>
      <tr>
      <th> HTML Formatting  element </th>
      <td> 
      <ul>
      <li>Bold text </li>
      <li>Important  text </li>
      <li>Emphasized text </li>
      <li>Marked text </li>
      <li>Small text </li>
      <li>Deleted  text </li>
      <li>Inserted  text </li>
      <li>Subscriptstext </li>
      </ul>
      </td>
      <td>
      <a href="https://www.w3schools.com/html/html_formatting.asp"> Click Here For Details... </a>
      </td>
      
      </table>
      </center>
      </body>
      </html>
      
      

      Discussion is right way to get Solution of the every assignment, Quiz and GDB.
      We are always here to discuss and Guideline, Please Don't visit Cyberian only for Solution.
      Cyberian Team always happy to facilitate to provide the idea solution. Please don't hesitate to contact us!
      [NOTE: Don't copy or replicating idea solutions.]
      VU Handouts
      Quiz Copy Solution
      Mid and Final Past Papers
      Live Chat

      1 Reply Last reply
      0

      Reply
      • Reply as topic
      Log in to reply
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes


      How to Build a $1,000/Month PAK VS BAN Live Live Cricket Streaming
      File Sharing
      Earn with File Sharing

      0

      Online

      3.0k

      Users

      2.8k

      Topics

      8.2k

      Posts
      solution
      1235
      discussion
      1195
      fall 2019
      813
      assignment 1
      428
      assignment 2
      294
      spring 2020
      265
      gdb 1
      238
      assignment 3
      79
      • PM. IMRAN KHAN
        undefined
        4
        1
        4.0k

      • Are the vaccines halal or not?
        undefined
        4
        1
        3.8k

      • All Subjects MidTerm and Final Term Solved Paper Links Attached Please check moaaz past papers
        zaasmiZ
        zaasmi
        3
        26
        75.1k

      • CS614 GDB Solution and Discussion
        M
        moaaz
        3
        3
        8.1k

      • How can I receive Reputation earning from Cyberian? 100% Discount on Fee
        Y
        ygytyh
        3
        28
        23.9k
      | |
      Copyright © 2010-26 RUP Technologies LLC. USA | Contributors | Privacy | Terms
      • Login

      • Don't have an account? Register

      • Login or register to search.
      • First post
        Last post
      0
      • Categories
      • Recent
      • Tags
      • Popular
      • Pro Blog
      • Users
      • Groups
      • Unsolved
      • Solved