5. CS202 Assignment 1 Solution and Discussion

CS202 Assignment 1 Solution and Discussion

  • zareen
    Cyberian's Gold 

    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!

    0
  • zareen
    Cyberian's Gold

    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>
    0
  • zareen
    Cyberian's Gold

    Solution File

    0
  • zareen
    Cyberian's Gold

    0
  • zareen
    Cyberian's Gold 

    <!DOCTYPE html>

<html>

<head>

<title>dcXXXXXXX</title>

<meta charset=“UTF-8”>

</head>

<body BGCOLOR="#ADD8E6">

<img src="https://vulms.vu.edu.pk/Courses/CS202/Downloads/Student_support_system.jpg" style=“ width;100%”>

<form action=“dcXXXXXXX.html”>

<table align=center>

<tr>

<td>

Student Name:

</td>

<td>

<input type=“text” name=“Name”>

</td>

</tr>

<tr>

<td>

Roll No:

</td>

<td>

<input type=“text” name=“Roll_number”>

</td>

</tr>

<tr>

<td>

Mobile No:

</td>

<td>

<input type=“text” name=“Mobile_number”>

</td>

</tr>

<tr>

<td>

Choose type of Problem:

</td>

<td>

<input type="radio" name="Email related Issue" checked> Email Related Issue<br>

<input type="radio" name="LMS related Issue" > LMS related Issue<br>

<input type="radio" name="Password related Issue"> Password related Issue<br>

<input type="radio" name="Exam related Issue" > Exam related Issue<br>

<input type="radio" name="Result related Issue" > Result related Issue<br>

<input type="radio" name="other"> Other<br>

</td>

</tr>

<tr>

<td>

Comments:

</td>

<td>

<textarea rows="5" cols="35" name="comment"></textarea>

</td>

</tr>

<td></td>

<td>

<INPUT TYPE="SUBMIT" name=“submit” value=Submit>

</td>

</table>

</form>

</body>

</html>
    0
  • zareen
    Cyberian's Gold

    0
solution 339 discussion 306 fall 2019 235 assignment 1 149 cs202 3
Log in to reply
 
solution339 discussion306 fall 2019235 assignment 1149 crw10170 assignment 260 spring 201954 let’s get writing35 gdb129 wps10128 quiz 123 crw22 wordpress20 quiz 219 writing fiction19 gdb 119 grammar and punctuations17 phases of writing14 wps13 grammar13

    Recent Topics


  • zareen


    MGT201 - Financial Management •  

    5
  • zareen


    MTH601 - Operations Research •  

    1
  • zaasmi


    CS201 - Introduction to Programming •  

    2
  • zaasmi


    MCM610 - Mass Communication Law & Ethics •  

    1
  • zareen


    CS403 - Database Management Systems •  

    6
  • zareen


    MGT301 - Principles of Marketing •  

    3
  • zareen


    EDU619 - Teaching Practice - Internship Report •  

    1
  • zaasmi


    CS507 - Information Systems •  

    5
|
Copyright © 2019 Cyberian Inc. Pakistan | Contributors