Question No 01 Consider the following webpage in the screenshot. You are required to provide the solution for the following tasks: 1. Write HTML code for making this webpage 2. Run the code in the browser and provide a screenshot of the output having your VU ID & your Name "XYZ" as output. 3. The displayed webpage should have two links "VU Website" and "LMS Student Portal" that will open the VU Website (www.vu.edu.pk) and LMS portal (https://vulms.vu.edu.pk) when clicked. Marks (20) Note: Write the HTML code in the Notepad editor. Save the Notepad file with the name of your VU- ID. Save the file with the .html extension. Double click on the .html file. And take a screenshot of the output. Copy the html code from notepad file and Paste HTML code and the output screenshot in a Microsoft Word file. Without HTML code in word file, assignment will get zero marks. Sample Screenshot: /D/L%20CS/cs101/assignments/B x file:///D:/1. CS/cs101/assignments/BC0000011111.html Virtual University of Pakistan Virtual University, Pakistan's first University based completely on modern Information Name: XYZ ID: BC0000011111 Semester: Ist Students are suggested to visit the following links: 1).VU Website 2).LMS Student Portal

Question No 01 Consider the following webpage in the screenshot. You are required to provide the solution for the following tasks: 1. Write HTML code for making this webpage 2. Run the code in the browser and provide a screenshot of the output having your VU ID & your Name "XYZ" as output. 3. The displayed webpage should have two links "VU Website" and "LMS Student Portal" that will open the VU Website (www.vu.edu.pk) and LMS portal (https://vulms.vu.edu.pk) when clicked. Marks (20) Note: Write the HTML code in the Notepad editor. Save the Notepad file with the name of your VU- ID. Save the file with the .html extension. Double click on the .html file. And take a screenshot of the output. Copy the html code from notepad file and Paste HTML code and the output screenshot in a Microsoft Word file. Without HTML code in word file, assignment will get zero marks. Sample Screenshot: /D/L%20CS/cs101/assignments/B x file:///D:/1. CS/cs101/assignments/BC0000011111.html Virtual University of Pakistan Virtual University, Pakistan's first University based completely on modern Information Name: XYZ ID: BC0000011111 Semester: Ist Students are suggested to visit the following links: 1).VU Website 2).LMS Student Portal

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter8: Enhancing A Website With Multimedia: Working With Sound, Video, And Animation

Section: Chapter Questions

Problem 11CP1

See similar textbooks

Similar questions

6..Note using the infromation below for answer this: I need the code also not only the screen shot "DON’T take screen shot for your HTML and JS script. It must be editable script" Provide a screenshot of your output. The alert box should display your name and your ID. My name is Alanood and ply.
Create a page with a link at the top of it that when clicked will jump all the way to the bottom of the page. At the bottom of the page there should be a link to jump back to the top of the page using html and show the full code and output
how to do this exercise? Halloween 11 Create a product page In this exercise, you’ll create a product page that uses a variety of features for working with images. When you’re through, the page should look similar to this: Specifications: • To create the product page, you can copy the index.html file you worked on in exercise 7 to the products folder and rename it cat.html. Then, you can delete the content from the section, modify the URLs on the page as necessary, and add the content shown above. • Create a new style sheet named product.css for the product page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the cat.html file so it points to the correct style sheet. • Modify the horizontal navigation menu so it indicates that no page is current. • In the section, float the image to the left of the text. In addition, set the left margin for the text so if the product description is longer, the text won’t…
Let’s build our new web page Step # 1 Type in your editor the following lines of code: <!DOCTYPE html> <html> <head> <title>Page Title Here! </title> </head> <body> Open your .html file in a Web Browser [ Double-click on the file in explorer or launch from notepad++ ] Your page should be blank but you will have a page title Change the page title to “Weyland-Yutani Employee Data” Remember, every time you make a change that you want to see, you'll need to save the file and refresh the Web Browser. Step # 3 HTML5 uses semantic elements to group content on a web page. Some examples of these are <header>, <footer>, <nav>, <section>, and <article>. These semantic elements allow us to label certain types of information on our pages for later use with styles to separate content from presentation. It may sound a little confusing now but we’ll be working with styles in the next lab and it will make more sense then.…
Write the required HTML to create a web page that contains a button as it is shown in the picture 1. Add the JavaScript code to call a function that displays the message “University of Technology and Applied Sciences” once the button is clicked as it is shown in the picture 2.
Task question: Step 1. You will write an html web page called editItem.html (or editItem.py), which links to an external Javascript file named ActionOnItem.js. The contents of editItem.html (or editItem.py) should include dropdownlist1, dropdownlist2 and a button. First Add items to the dropdown list using HTML code. Secondly, click the button MoveHere. You can add other form elements if you think are needed to complete this program with more relevant information. Step 2. You will write a .js file named ActionOnItem.js. In ActionOnItem.js file, you should write a function called moveItem( ) which receive itemName parameter and remove that item from dropdownlist1 and add that item to dropdownlist2. Step 3: when MoveHere’ button is pressed and display result on your HTML page. Step 4. Extend your programs by creating a new function called countItem() in ActionOnItem.js that calculates and displays number of items on both dropdownlist1 and dropdownlist2. You can add another…
You are asked to extract design an HTML/JS page to display current weather info: Using async AJAX call, develop a sample HTML page (Assn1-q1-yourname.html) to collect JSON data from the website and display the weather humidity, temperature, description, and wind_speed for the two cities: Toronto and Oakville. Display temperature both in Celsius (without any calculation!) • Display the weather description in French Use your creativity to design a nice looking page
2 3 Please help me with this homework! 1. HTML5 a. Configure an alert message to pop up using Javascript when the page is displayed in the browser. Edit the body tag as follows: <body onload="alert ('Today only-10% off on a weekend- coupon code ZenTen');"> . The onload event handler in this case pops up an alert message. b. Add a script block to the head section as follows: <script> function validateForm () { if (document.forms [0]. myEmail. value== "") { (alert (Pleade enter an e-mail address."); return false // end if return true; } end function validateForm </script> Many thanks for your time! Khin. .
You are going to add some javascript to your webpage to greet the user. All the below instructions can be found with further explanations in the Javascript lectures. Don not only give me the html code, i need javascript If you do not already have them, add two <h1> title tags so they display at the top of your webpage The first tag should have the contents: “Welcome” The second tag should have an id='username' and contents: “Placeholder” All Javascript must go in a file with the extension “.js”, such as “main.js” or “script.js”. Create a file to hold your javascript if one is not already there. Add a script tag at the end of your body tag that includes your javascript file. In your script tag, use the javascript prompt command to save input from the user into a variable Ask the user their name in the prompt command You can name the variable whatever you like Change the second <h1 id=’username’> contents to the name entered by the user it should be stored in the…
I need help with this in html, please try to make it like the pictures and show codei need helpre-create the home page using Bootstrap so it looks like the following pictures. For styling, you must use exclusively what's provided by Bootstrap. The navigation bar is expanded on large screen. On medium screen, the navigation bar is collapsed into a "hamburger menu". On small screen, the two images are hidden. Use Bootstrap utilities such as Background,Spacing, Borders, and Text. for the styling of the announcements and the footer. Make the two images responsive, you can use whatever image.Use the Globe icon from Bootstrap Icons as the site logo.Use the Sketchy theme from Bootswatch. It's recommend that you first create the page with regular Bootstrap, then replace the link to Bootstrap CSS with one for the Sketchy theme. the links are…
Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and code a web form that include the following requirements: Three inputs: First name, Last name, Email with appropriate labels and placeholder text; A drop-down list containing the following options: Student, Faculty; Two radio buttons containing the following options: Full-time, Part-time; Controls labeled "Send Registration" and "Clear All Fields". When the Send Registration control is clicked on, the user input will be sent to https://learndigital.dev/DGL103/dgl103-form.php for processing. When Clear All Fields is clicked, any data that was entered into the form is cleared. Make sure that all the data is sent securely. Add internal CSS (and extra HTML if you need to) so that your page looks like the image below. DON'T include more CSS than you need to: The form is 400px wide; The form is centred on the page and has a top margin of 40px; The text, email and select type inputs take up 100% of their…
I need help with this in html,re-create the home page using Bootstrap so it looks like the following pictures. For styling, you must use exclusively what's provided by Bootstrap. The navigation bar is expanded on large screen. On medium screen, the navigation bar is collapsed into a "hamburger menu". On small screen, the two images are hidden. Use Bootstrap utilities such as Background,Spacing, Borders, and Text. for the styling of the announcements and the footer. Make the two images responsive.Use the Globe icon from Bootstrap Icons as the site logo.Use the Sketchy theme from Bootswatch. It's recommend that you first create the page with regular Bootstrap, then replace the link to Bootstrap CSS with one for the Sketchy theme. the links are…