VU Ki Duniya: cs202

Showing posts with label cs202. Show all posts

CS202 Assignment 3 Solution Fall 2019(2020)

January 14, 2020 cs202, Fall Assignment 2019, VU Assignments 1 comment

Dear VU (Virtual University of Pakistan) Students, here you read and download CS202 Assignment No.3 Solution Fall2019(2020). (VU Ki Duniya) Provide single download link. Easy download step. VU Ki Duniya Previously shared CS609 Assignment No.3 Solution fall – 2019(2020). For latest update you also like our Facebook page, YouTube channel. You may also like CS101 Finalterm Short Notes Lec 23 to 45.

Solution Code:

<!DOCTYPE html><html><head> <title>Front End Development- Assignmnet-03 Created by : BC170201325 Asad Iqbal</title> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script> $(document).ready(function(){ $("#flip1").click(function(){ $("#panel1").slideToggle(); }); }); </script> <script> $(document).ready(function(){ $("#flip2").click(function(){ $("#panel2").slideToggle(); }); }); </script> <script> $(document).ready(function(){ $("#flip3").click(function(){ $("#panel3").slideToggle(); }); }); </script> <script> $(document).ready(function(){ $("#flip4").click(function(){ $("#panel4").slideToggle(); }); }); </script> <script>$(document).ready(function(){ $("#btn1").click(function(){ $(".header").toggleClass("yellow"); });});</script> <script>$(document).ready(function(){ $("#btn2").click(function(){ $(".footer").toggleClass("yellow"); });});</script> <style> body{ font-family: Helvetica; background-color: white; margin: 0; padding: 0;} .header, .footer{ background-color: #69BE28; color: white; text-align: center; width: 100%; float: left; height: 70px; } #body{ padding: 25px; background-color: #f0e9e9; width: 80%; clear: both; margin: 0 auto; } .heading { padding: 20px; margin: 20px; text-align: center; background-color: #616161; color: white; border: solid 1px #c3c3c3;} .allText{ font-size: 18px; color: white; margin: 30px; background-color: #69BE28; text-align: justify; font-weight: normal; line-height: 1.5; padding: 20px; } #btn1, #btn2{ background-color: white; color: black; border: 2px solid #69BE28; padding: 20px; margin: 20px; } #btn1:hover , #btn2:hover { background-color: #69BE28; color: white; transition: 1s;} .yellow { background-color: yellow; color: black; } </style> </head><body> <div class="header" > <h1>Virtual University of Pakistan</h1></div> <div id="body"> <div id="flip1" class="heading">CHANCELLOR'S MESSAGE</div> <div id="panel1" class="allText"> One of the major challenges being faced by the education sector of Pakistan is lack of qualified faculty vis-a-vis demand. Effective utilization of Information and Communication Technology (ICT) tools provide a practical solution to this issue while maintaining the highest and internationally acceptable education standards. Virtual University of Pakistan is pioneer in the use of ICTs for imparting the quality education to its students all over the country including the remote areas and Pakistani overseas diaspora. With its highly flexible mode of education, Virtual University enables its students to manage studies at their own convenience and provides opportunities to harness their untapped talents. <br> Virtual University of Pakistan is playing its due role in promoting education in the country. I hope that the University will continue to ensure best quality in education and research. <br> I wish this institute success in the years ahead. <br> Dr. Arif Alvi <br> President of the Islamic Republic of Pakistan<br> Chancellor, Virtual University of Pakistan </div> <div id="flip2" class="heading">VISION</div> <div id="panel2" class="allText">To become an internationally acclaimed technology based university that improves access to higher education while maintaining the highest quality standards</div> <div id="flip3" class="heading">Mission</div> <div id="panel3" class="allText">To become an internationally acclaimed technology based university that improves access to higher education while maintaining the highest quality standards</div> <div id="flip4" class="heading">Introduction</div> <div id="panel4" class="allText">The University opened its virtual doors in 2002 and in a short span of time its outreach has reached over one hundred cities of the country with more than one hundred and ninety associated institutions providing infrastructure support to the students. Pakistani students residing overseas in several other countries of the region are also enrolled in the University's programs.</div> <button id="btn1">Toggle Header </button> <button id="btn2">Toggle Footer </button></div> </div> <div class="footer"> <h1>Virtual University of Pakistan</h1></div> </body></html>

Download Solution File:

Download

You can Also Download Midterm Solved Past Papers, Final term Solved past Papers, GDB Solutions, Assignment Solutions, and Solved Quizzes files, PPT Slides, Handouts and Short Notes.

CS202 GDB Solution Spring 2019

August 10, 2019 cs202 No comments

Hello VU students here is the solution of CS202-Fundamentals of Front End Development GDB No.1 Spring 2019. GDB total marks 5. GDB Solution file. You also like our Facebook Page, Join Facebook Group, follow on Google+ and Subscribe our YouTube Channel. Please Share it with your Friends. Thank you.

Solution for the GDB is presented for your convenience. Download it and make it according to your requirement and do not copy paste.

GDB Idea Solution:

I shall refer CSS external styling for this scenario due to following reasons:-

1. It is very quick response and very maintainability

2. In CSS external styling we change in class and class references.

3. We use class references in our layouts.

4. We change in layout in class.

5. All layouts will be change in class and it is the good practice in maintainability.

CS202 Assignment 1 Solution Fall 2017

November 21, 2017 Assignment Solution Fall 2017, cs202 No comments

cs202 ASSIGNMENT 1 SOLUTION FALL 2017

Dear Virtual University Students, here you can read and download CS202Assignment No.1 Solution fall 2017. CS202 Assignment Opining Date 14 November 2017 and Closing Date 20 November 2017. Assignment Total Marks:20. So, harry up Download the CS202 Assignment Solution File and Submit Your Assignment Solution. Easily you can Download Solution file click the Download Button and Get Assignment Solution File. Any Question for Assignment so easily you can Contact me using Contact form. If assignment solution was helpful. Please Share It with your friends. You can also like our Facebook page, subscribe YouTube channel and follow on Google+ for Latest Update.

Recommended: CS202 Midterm Solved Papers.

ASSIGNMENT IMPORTANT INSTRUCTION

Please read the following instructions carefully before solving & submitting assignment:

It should be clear that your assignment will not get any credit (marks) if:

The assignment is submitted after due date.

The submitted assignment file does not open or is corrupted.

The assignment is copied (from other student or ditto copy from handouts or internet).

uploading INSTRUCTION

For clarity and simplicity, you are required to Upload/Submit only ONE zip file which will contain the HTML, notepad .txt and style.css files.

objective

The objective of this assignment is

To make you familiar with basic HTML tags, creating a simple HTML page, using css for styling and integrating external style sheets.

For any query about the assignment, contact at cs202@vu.edu.pk

assignment question

Make a web page that looks like the page in the given sample. The page should have for divisions as shown in the sample. The divisions should be aligned in the same way.

Please see the next page

ASSIGNMENT question IMPORTANT INSTRUCTION

Page should have the same background color
All three portions should be made using div tag of html
The size of each div should look similar to the given divs in the sample page
The heading should be 20 pixels in size, Arial font, bold and underlined
The remaining text should be 14 pixels in size, Times New Roman and the colors should be as shown in the example
The hyperlink colors active, hover and visited all should be differently implemented by you
The arrow image in third div should be a hyperlink to vulms.vu.edu.pk
Also, you need to follow the instructions provided as the div texts for their background, alignment, borders etc.
Missing any of these required steps will result in deduction of marks.
Lectures Covered: This assignment covers Lecture # 1 – 13

DOWNLOAD COMPLETE ASSIGNMENT SOLUTION

Download CS202Assignment Solution by Clicking the Download Button Below in just single Click.

Download

You can Also Download Midterm Solved Past Papers, Final term Solved Past Papers, GDB Solutions, Assignment Solutions, and Solved Quizzes files, PPT Slides, Handouts and Short Notes.

CS202 Midterm Solved Paper

October 19, 2017 cs202 3 comments

CS202 MCQS FOR MIDTERM:

Dear Students, here you can read and Download CS202 Introduction to Web Services Development. MCQs for Mid Term Mega File for Preparation of Mid Term Examination.

Important MCQs For Cs202 Virtual Univeristy of Pakistan.

You Can Also Download:

Solved Mid Term Papers, Short Notes, Assignment Solutions, Lecture Wise Questions Answers Files, Solved MCQs, Solved Quiz , Solved Mid Term Subjective Papers , Solved Mid Term Objective Papers From VU Ki Duniya For Preparation of Mid Term/Final Term Papers.

CS202 MCQS FOR MIDTERM:

1. What does HTML stand for?

· Hyper Text Markup Language

· Hyperlinks and Text Markup Language

· Home Tool Markup Language

2. Who is making the Web standards?

· Microsoft

· The World Wide Web Consortium

· Google

· Mozilla

3. Choose the correct HTML element for the largest heading:

· <h1>

· <h6>

· <head>

· <heading>

4. What is the correct HTML element for inserting a line break?

· <lb>

· <br>

· <break>

5. What is the correct HTML for adding a background color?

· <background>yellow</background>

· <body style="background-color:yellow;">

· <body bg="yellow">

6. Choose the correct HTML element to define important text

· <strong>

· <important>

· <b>

· <i>

7. Choose the correct HTML element to define emphasized text

· <i>

· <em>

· <italic>

8. What is the correct HTML for creating a hyperlink?

· <a name="http:// www.vukiduniya.blogspot.com"> VuKiDuniya.com</a>

· <a>http:// www.vukiduniya.blogspot.com </a>

· <a url="http://www.vukiduniya.blogspot.com"> VuKiDuniya.com</a>

· <a href="http:// www.vukiduniya.blogspot.com ">Vu Ki Duniya</a>

9. Which character is used to indicate an end tag?

· ^

· /

· <

· *

10. How can you open a link in a new tab/browser window?

· <a href="url" target="new">

· <a href="url" new>

· <a href="url" target="_blank">

11. Which of these elements are all <table> elements?

· <table><tr><tt>

· <thead><body><tr>

· <table><tr><td>

· <table><head><tfoot>

12. How can you make a numbered list?

· <list>

· <dl>

· <ol>

· <ul>

13. How can you make a bulleted list?

· <ol>

· <dl>

· <ul>

· <list>

14. What is the correct HTML for making a checkbox?

· <input type="checkbox">

· <check>

· <input type="check">

· <checkbox>

15. What is the correct HTML for making a text input field?

· <textfield>

· <input type="textfield">

· <input type="text">

· <textinput type="text">

16. What is the correct HTML for making a drop-down list?

· <input type="list">

· <list>

· <select>

· <input type="dropdown">

17. What is the correct HTML for making a text area?

· <input type="textarea">

· <textarea>

· <input type="textbox">

18. What is the correct HTML for inserting an image?

· <img src="image.gif" alt="MyImage">

· <image src="image.gif" alt="MyImage">

· <img alt="MyImage">image.gif</img>

· <img href="image.gif" alt="MyImage">

19. What is the correct HTML for inserting a background image?

· <body style="background-image:url(background.gif)">

· <body bg="background.gif">

· <background img="background.gif">

20. Which HTML element defines the title of a document?

· <head>

· <title>

· <meta>

21. Which HTML attribute specifies an alternate text for an image, if the image cannot be displayed?

· longdesc

· title

· src

· alt

22. Which doctype is correct for HTML5?

· <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">

· <!DOCTYPE html>

· <!DOCTYPE HTML5>

23. Which HTML element is used to specify a footer for a document or section?

· <section>

· <bottom>

· <footer>

24. What is the correct HTML element for playing video files?

· <movie>

· <media>

· <video>

25. What is the correct HTML element for playing audio files?

· <audio>

· <sound>

· <mp3>

26. The HTML global attribute, "contenteditable" is used to:

· Specify whether the content of an element should be editable or not

· Return the position of the first found occurrence of content inside a string

· Specifies a context menu for an element. The menu appears when a user right-clicks on the element

· Update content from the server

27. In HTML, onblur and onfocus are:

· Event attributes

· HTML elements

· Style attributes

If this tutorial was helpful. Please share with your friends. in case of any query or question you can ask us in comments below. Sharing is Caring.Thank you.