ch9 analyze I need this solved below is figure 9-38 and index.html and styles.css TASKS Open index.html in the embedded browser and notice the empty video element. Review the files provided in your /media folder and add at least two video source files with appropriate attributes. Include a paragraph element that advises legacy browser users that their browser does not support the video element. Add the poster attribute that uses the web-design.jpg image within the /images folder and add the controls attribute to the video element. Open the descriptions.vtt file provided in the /media folder. Add descriptive text to Line 11 to describe the page for a visually impaired person. Describe what is happening in the video. In the index.html file, use the track element to add the descriptions file to the video element. Include the following attributes: src, kind, srclang, and label. index.html Chapter 9, Analyze Responsive Web Design Home About Tips Examples Let us help you design a website. (800) 555-2424 Contact us today and receive a 10% discount! STYLES.CSS /* Style rule for body specifies a background color */ body { background-color: #c8dbe3; } /* Style rule for the container */ #container { width: 90%; margin: 0 auto; } /* Style rule for the header element */ header { font-family: Verdana, Arial, sans-serif; margin-top: 0.2em; background-color: #0419B8; color: #fff; padding: 2%; text-align: center; } /* Style rules for the nav */ nav { background-color: #5162E0; padding: 0.5%; text-align: center; font-size: 1.25em; } nav li { display: inline; } nav li a { color: #fff; padding-left: 2%; padding-right: 2%; text-decoration: none; } /* Style rule for main content */ main { display: block; padding: 2%; background-color: #fff; box-shadow: .5em .5em .5em #404040; text-align: center; } aside { border-radius: 3em; padding: 2%; margin-top: 1%; color: #0419b8; } video { border: 0.5em double #0419B8; border-radius: 3em; } /* Style for the footer element */ footer { font-size: .80em; text-align: center; }

ch9 analyze I need this solved below is figure 9-38 and index.html and styles.css TASKS Open index.html in the embedded browser and notice the empty video element. Review the files provided in your /media folder and add at least two video source files with appropriate attributes. Include a paragraph element that advises legacy browser users that their browser does not support the video element. Add the poster attribute that uses the web-design.jpg image within the /images folder and add the controls attribute to the video element. Open the descriptions.vtt file provided in the /media folder. Add descriptive text to Line 11 to describe the page for a visually impaired person. Describe what is happening in the video. In the index.html file, use the track element to add the descriptions file to the video element. Include the following attributes: src, kind, srclang, and label. index.html Chapter 9, Analyze Responsive Web Design Home About Tips Examples Let us help you design a website. (800) 555-2424 Contact us today and receive a 10% discount! STYLES.CSS /* Style rule for body specifies a background color / body { background-color: #c8dbe3; } / Style rule for the container / #container { width: 90%; margin: 0 auto; } / Style rule for the header element / header { font-family: Verdana, Arial, sans-serif; margin-top: 0.2em; background-color: #0419B8; color: #fff; padding: 2%; text-align: center; } / Style rules for the nav / nav { background-color: #5162E0; padding: 0.5%; text-align: center; font-size: 1.25em; } nav li { display: inline; } nav li a { color: #fff; padding-left: 2%; padding-right: 2%; text-decoration: none; } / Style rule for main content / main { display: block; padding: 2%; background-color: #fff; box-shadow: .5em .5em .5em #404040; text-align: center; } aside { border-radius: 3em; padding: 2%; margin-top: 1%; color: #0419b8; } video { border: 0.5em double #0419B8; border-radius: 3em; } / Style for the footer element */ footer { font-size: .80em; text-align: center; }

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

ch9 analyze

I need this solved below is figure 9-38 and index.html and styles.css

TASKS

Open index.html in the embedded browser and notice the empty video element. Review the files provided in your /media folder and add at least two video source files with appropriate attributes.

Include a paragraph element that advises legacy browser users that their browser does not support the video element.

Add the poster attribute that uses the web-design.jpg image within the /images folder and add the controls attribute to the video element.

Open the descriptions.vtt file provided in the /media folder.

Add descriptive text to Line 11 to describe the page for a visually impaired person. Describe what is happening in the video.

In the index.html file, use the track element to add the descriptions file to the video element. Include the following attributes: src, kind, srclang, and label.

index.html

<head>

<title>Chapter 9, Analyze</title>

</head>

<body>

<h1>Responsive Web Design</h1>

</header>

<nav>

<ul>

<li><a href="#">About</a></li>

<li><a href="#">Examples</a></li>

</ul>

</nav>

<main>

<video>

</video>

<aside>

<h2>Let us help you design a website.</h2>

<p>Contact us today and receive a 10% discount!</p>

</aside>

</main>

STYLES.CSS

/* Style rule for body specifies a background color */

body {

background-color: #c8dbe3;

}

/* Style rule for the container */

#container {

width: 90%;

margin: 0 auto;

}

/* Style rule for the header element */

header {

font-family: Verdana, Arial, sans-serif;

margin-top: 0.2em;

background-color: #0419B8;

color: #fff;

padding: 2%;

text-align: center;

}

/* Style rules for the nav */

nav {

background-color: #5162E0;

padding: 0.5%;

text-align: center;

font-size: 1.25em;

}

nav li {

display: inline;

}

nav li a {

color: #fff;

padding-left: 2%;

padding-right: 2%;

text-decoration: none;

}

/* Style rule for main content */

main {

display: block;

padding: 2%;

background-color: #fff;

box-shadow: .5em .5em .5em #404040;

text-align: center;

}

aside {

border-radius: 3em;

padding: 2%;

margin-top: 1%;

color: #0419b8;

}

video {

border: 0.5em double #0419B8;

border-radius: 3em;

}

/* Style for the footer element */

footer {

font-size: .80em;

text-align: center;

}

H
Don't
forget!
to check
(25)
IGN
DEMAND
TO ACHIEVE AT
MARE
OF MARKETING
праду
CONTIM WHETHER THE
DEVELOPMENT PROCESS
DIRECTION.
دور
WEB DESIGN>
KIND OF PRODUCT
CTION HOW TO PRESIONED
PLACE
ROMANCE
Looking for the perfect template?
te?
Choose from 100s of designer templates.
or You can do it yourself. It's Easy & Free!
Start Now!
ロロロ
Drag & Drop
WEB DESIGN
templates.
My Sites
Templates
грюэту
G
Themes
Explore
NA
WEB DESIGN
templates.
Subscriptions
1
Support
Mobile Apps
큰
Blogging
WEB DESIGN
templates.
PUBLISH & PROMOTE
* Start up
CODEO 23
DLTOLP
|||
PUBLISH & PROMITE
Spusing

Responsive Web Design
004/030
Home
About
Examples
DESKTOP
Responsive web design provides an optimum viewing experience for desktop,

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 2 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.