Encerrado

HTML coding

Hello, I need help Creating the following Web page by using Html/Javascript and its due tonight at midnight. Bellow the instructions I posted what I have so far but I am stuck and do not know what else to do.

The site should be called “PictureView” and should provide the following features:

1) Meta information identifying the page developer (you), assignment #, course, see your previous labs as guideline.

2) Heading with background similar to the one shown above, with the site title “PictureView” and the “Registered

Trademark symbol”, and color combination of your choosing ([login to view URL]).

3) Below the heading, we need two regions. (Left, and Right)

4) The left region will display a series of thumbnail images (these can be found on the class web site

[login to view URL]~hhakimza/INFO-C413/Assigns/Assign2_Images/[login to view URL] (to [login to view URL])or they can be your own images. Either way, the should be stored in the same directory as your assignment 2 html file. (By default, your program will look in that directory to find the pictures.)

5) The right region will display a single image and some text below it. The image should be centered in the region. Also, below the image, you should display the file name for the image being displayed.

6) The “Footer” region will display “© Copyright 2018 by Web Design and Development”. The region should have a black background and white font.

How does the program work?

The idea here is that when the user clicks on a thumbnail image in the “left region”, the full-size version of the image will be displayed in the “right region”, and the corresponding file name will be displayed below the image.

Note:

Please note the black horizontal bars separating the header from the main section of the web page. These should also be included in the web page. Also note that the “Left region” also has an <input> tag with a type=”file” which allows the user to select the files he or she wants to view. This feature is both useful and limited. You will find out more about the HTML and JavaScript limitations when it comes to working with files and directories as you work on this assignment. Finally, make sure to complete all java script labs before attempting this assignment.

<!DOCTYPE html>

<html>

<head>

<title> PictureView </title>

<meta charset="UTF-8">

<meta name="keywords" content="Nosebook, Social Media, Networking, Make Friends">

<script type="text/javascript">

</script>

</head>

<body>

<div id="container" style="width:900px">

<hr>

<div id="header"

style="background-color:#e63900;

text-align:Center;

height:100px;

width:900px;">

<h1>PictureView&reg</h1>

</div>

<hr>

<div id="left";

style="background-color:#ff4000;

width:200px;

height:500px;

text-align: center;

float:left;">

<input id="files" type="file" name="files[]" multiple />

</div>

<div id="right";

style="background-color:#ff8c66;

width:700px;

height:500px;

float:right;">

</div>

<div id="footer";

style="background-color:#010202;

clear:both;

text-align:center;">

<font color = "White"><b>© Copyright 2018 by Web Design and Development</b></front>

</div>

</div>

</body>

</html>

Habilidades: Design de Sites

Sobre o Cliente:
( 0 comentários ) Gary, United States

ID do Projeto: #32921103

4 freelancers estão ofertando em média $23 nesse trabalho

razia6914

Hi I have read your description very carefully, I’ve done this kind of work before, so I have experience in this kind of work, and you can trust me I think I can do your job very perfectly. I can provide better work Mais

$25 USD em 1 dia
(53 Comentários)
5.3
(9 Comentários)
4.0
mykrsolovlo

==Dear Client== Hoping for your great day... I am front-end and back-end expert that proficient in HTML, CSS, Javascript, Bootstrap, Vue.js, wordpress, PHP, Laravel, MySQL, jQuery, etc. If you want to turn your worrie Mais

$20 USD em 1 dia
(1 Comentário)
1.4
(0 Comentários)
0.0