asked on

Code dynamic webpages using php, css and mysql?

I have a website that has many photos. I actually hard coded all the webpages to display the photos (icons) in a column based view using excel and notepad, lol. Anyway, I have another set of photos about 532 to be exact. I was thinking of creating some dynamic pages. Will php and mysql do this? I guess when I building the page I could use CSS then where the page would change, like in picture file names, then this could be represented by a variable of some sort. Do I even make sense or am I off on my thinking? Example of my past code is below..

<html>
<head>
<title>Picture I</title>
</head>
<body>
 
 
<h1><center>Picture I</center></h1>
<br>
<center>Page 1 of 33</center>
 <center><a href="16.html"><img src="Bnext.jpg"/></a><a href="2.html"><img src="Fnext.jpg"/></a></center>
 
<table border="1" width="400px" align="center" opacity: 0.5>
 <tr>
 
 
</tr>
<tr>
<td bgcolor="white"><center><a href="picture/1.jpg"><img src="icon/1.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/2.jpg"><img src="icon/2.jpg"/></a></center></td>
<td bgcolor="white"><center><a href="picture/3.jpg"><img src="icon/3.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/4.jpg"><img src="icon/4.jpg"/></a></center></td>
</tr>
<tr>
<td bgcolor="white"><center><a href="picture/5.jpg"><img src="icon/5.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/6.jpg"><img src="icon/6.jpg"/></a></center></td>
<td bgcolor="white"><center><a href="picture/7.jpg"><img src="icon/7.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/8.jpg"><img src="icon/8.jpg"/></a></center></td>
</tr>
<tr>
<td bgcolor="white"><center><a href="picture/9.jpg"><img src="icon/9.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/10.jpg"><img src="icon/10.jpg"/></a></center></td>
<td bgcolor="white"><center><a href="picture/11.jpg"><img src="icon/11.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/12.jpg"><img src="icon/12.jpg"/></a></center></td>
</tr>
<tr>
<td bgcolor="white"><center><a href="picture/13.jpg"><img src="icon/13.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/14.jpg"><img src="icon/14.jpg"/></a></center></td>
<td bgcolor="white"><center><a href="picture/15.jpg"><img src="icon/15.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/16.jpg"><img src="icon/16.jpg"/></a></center></td>
</tr>
<tr>
<td bgcolor="white"><center><a href="picture/17.jpg"><img src="icon/17.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/18.jpg"><img src="icon/18.jpg"/></a></center></td>
<td bgcolor="white"><center><a href="picture/19.jpg"><img src="icon/19.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/20.jpg"><img src="icon/20.jpg"/></a></center></td>
</tr>
</table>
 
 
<center><a href="16.html"><img src="Bnext.jpg"/></a><a href="2.html"><img src="Fnext.jpg"/></a></center>
 <center>Page 1 of 16</center>
<br>
<br>
<td colspan="3">
</td>

----------------------------------------------------------------------------------------------------
*****************************    Second WebPage    ****************************************************
----------------------------------------------------------------------------------------------------

<html>
<head>
<title>Picture II </title>
</head>
<body>
 
 
<h1><center>Picture II</center></h1>
<br>
<center>Page 2 of 16</center>
 <center><a href="1.html"><img src="Bnext.jpg"/></a><a href="3.html"><img src="Fnext.jpg"/></a></center>
<table border="1" width="400px" align="center" opacity: 0.5>
 <tr>
 
 
</tr>
<tr>
<td bgcolor="white"><center><a href="picture/21.jpg"><img src="icon/21.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/22.jpg"><img src="icon/22.jpg"/></a></center></td>
<td bgcolor="white"><center><a href="picture/23.jpg"><img src="icon/23.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/24.jpg"><img src="icon/24.jpg"/></a></center></td>
</tr>
<tr>
<td bgcolor="white"><center><a href="picture/25.jpg"><img src="icon/25.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/26.jpg"><img src="icon/26.jpg"/></a></center></td>
<td bgcolor="white"><center><a href="picture/27.jpg"><img src="icon/27.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/28.jpg"><img src="icon/28.jpg"/></a></center></td>
</tr>
<tr>
<td bgcolor="white"><center><a href="picture/29.jpg"><img src="icon/29.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/30.jpg"><img src="icon/30.jpg"/></a></center></td>
<td bgcolor="white"><center><a href="picture/31.jpg"><img src="icon/31.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/32.jpg"><img src="icon/32.jpg"/></a></center></td>
</tr>
<tr>
<td bgcolor="white"><center><a href="picture/33.jpg"><img src="icon/33.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/34.jpg"><img src="icon/34.jpg"/></a></center></td>
<td bgcolor="white"><center><a href="picture/35.jpg"><img src="icon/35.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/36.jpg"><img src="icon/36.jpg"/></a></center></td>
</tr>
<tr>
<td bgcolor="white"><center><a href="picture/37.jpg"><img src="icon/37.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/38.jpg"><img src="icon/38.jpg"/></a></center></td>
<td bgcolor="white"><center><a href="picture/39.jpg"><img src="icon/39.jpg"/></a></center></td>
 <td bgcolor="white"><center><a href="picture/41.jpg"><img src="icon/41.jpg"/></a></center></td>
</tr>
</table>
<center><a href="1.html"><img src="Bnext.jpg"/></a><a href="3.html"><img src="Fnext.jpg"/></a></center>
 <center>Page 2 of 16</center>
<br>
<br>
<td colspan="3">
</td>

Open in new window

SOLUTION