Creating Small Web Form 6 Images 1 Movie

Question

0.00/5 (No votes)

See more:

I have been tasked with creating a small web form to display some company content.
Web developement is an area I am just beggining to learn and am struggling with.

All the form needs to contain is 6 images and 1 mp4.

x = image

T = Movie/mp4

It needs to be displayed as such.

x X

x T X

x X

I was able to do create a form like this in html. However, I was then told that images should be dropped in folders as such %directory%/TopLeft %directory%MiddleLeft. This creates a problem for me as you can see I have the values hardcoded. Is there a better technology than HTML to display my video where I can do a Directory.Getfiles type command like I would in c#?

Thank you in advance,

XML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<table width="100%" height="100%" border="0">
  <tr>
    <th scope="col"><img align="right" name="topLeft" src="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg" width="100" height="100" alt="" /></th>
    <th scope="col"><h1></h1></th>
    <th scope="col"><img align="left" name="topRight" src="C:\Users\Public\Pictures\Sample Pictures\Hydrangeas.jpg" width="100" height="100" alt="" /></th>
  </tr>
  <tr>
    <th scope="row"><img align="right" name="middleLeft" src="C:\Users\Public\Pictures\Sample Pictures\Jellyfish.jpg" width="100" height="100" alt="" /></th>
        <th width="500" scope="col"><video width="500" height="500" controls autoplay>
            <source src="C:\Temp\ShopFloor Training.mp4" type="video/mp4">
            <object  align="middle" data="movie.mp4" width="700" height="400">
                <embed width="500" height="500" src="movie.mp4">
            </object>
        </video>
    <th scope="col"><img align="left" name="middleRight" src="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg" width="100" height="100" alt="" /></td>
  </tr>
  <tr>
    <th scope="col"><img align="right" name="bottomLeft" src="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg" width="100" height="100" alt="" /></th>
    <th scope="col"><a href="http://www.findlocalweather.com/forecast/IN/Anderson.html" target="_blank"><img src="http://www.findlocalweather.net/forecast.php?forecast=hourly&pands=Anderson+IN&config=png&alt=hwicbb" border="0"  alt=""></a></th>
    <th scope="col"><img align="left" name="bottomRight" src="C:\Users\Public\Pictures\Sample Pictures\Hydrangeas.jpg" width="100" height="100" alt="" /></th>
  </tr>
</table>

</body>
</html>

Posted 30-Jan-13 2:36am

Gerenatian

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Creating Small Web Form 6 Images 1 Movie

Add your solution here

Preview 0

Creating Small Web Form 6 Images 1 Movie

Add your solution here

Preview 0

Existing Members

...or Join us