این وبسایت که اصلا قالب نداشت.کلا یک دونه عکسه اونم خودتون دستی بذارید.اصلا هم لازم نیست از نرم افزار و ... برای طراحی استفاده کنید.در گوگل عبارت "آموزش html" و چیزهایی شبیه به این رو جستجو کنید خودتون می تونید عین همین قالب رو بسازید.سورس صفحه اینه :
<!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" dir="rtl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>.::فطرس::.</title> <meta name="keywords" content="رايةالعباس محمودکریمی" /> <meta name="description" content="پايگاه رسمی هاأت رایةالعباس" /> <link rel="shortcut icon" href="/blog/favicon.ico" type="image/x-icon"> <style type="text/css"> a {text-decoration:none; font-family:Tahoma;font-size: 9pt; font-weight: 700; color:#00611B;} a.hover {color:#FF0000; text-decoration:none;} #box { position:absolute; border:solid black 0px; top:50%; right:50%; margin-top:-250px; margin-right:-400px; width:800px; height:500px; } #box p{ float:right; display:block; width:800px; margin-top:0px; margin-right:50px; } #box img{ float:right; } #box > div{ float:right; overflow:visible; width:300px; padding-top:150px; } </style> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-8546713-2"); pageTracker._trackPageview(); } catch(err) {}</script>
<script src="/intro/js/jquery.js" type="text/javascript"></script> <script src="/intro/js/jquery.easing.js" type="text/javascript"></script> <script src="/intro/js/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script> <link href="/intro/css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" media="screen" /> <script src="/intro/js/jqueryFileTree.js" type="text/javascript"></script> <link href="/intro/css/jqueryFileTree.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript"> $(document).ready( function() { $('#filetreediv').fileTree({ root: '/intro/Live/', script: 'intro/jqueryFileTree.php' }, function(file) { //PlayThis(file) }); }); </script>
</head> <body topmargin="0" rightmargin="0" leftmargin="0" dir="rtl" bgcolor="#FFFFFF"> <div id="box"> <img border="0" src="intro/1.jpg"> <div><strong>آخرین برنامهها:</strong><hr><div id="filetreediv">a</div><hr></div> <p> <img border="0" src="intro/ar.gif" width="15" height="15">
<a href="/blog">پايگاه رسمی هیأت رایةالعباس</a> <br /> <img border="0" src="intro/ar.gif" width="15" height="15"> <a href="http://media.fotros.ir">نوا و نما</a> </p> </div> </body> </html>
همان طور که می بینید در قسمت body یعنی همون چیزی که شما مشاهده می کنید فقط یک دستور img فقط برای یک دونه عکس استفاده شده و بقیه اش هیچی نیست.یکمی css و html بلد باشید تمومه
(هرکاری کردم سورس رو درست نشون نداد.شما می تونید در موزیلا با زدن دکمه های Ctrl+U و در اینترنت اکسپلورر با رفتن به view و سپس source ، سورس صفحه را مشاهده نمایید)
موفق باشید