sonicphantasm Posted November 16, 2011 Share Posted November 16, 2011 Hi, I have this page: http://www.sonicphantasm.com and before I do the other pages, I believe that separating the header, footer and anything else(?) would be a wise decision. I'm asking 1: Does this make sense? So I can add links to one page and they will all update accordingly? And 2: How would you divide the information up? I was using Dreamweaver (tsk tsk) and so the extra coding is confusing to me, especially when I noticed that body has a bunch of things I am unfamiliar with. So thank you to the one who has a moment to take this step by step with me! Below is all the code: <!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>Sonic Phantasm Music Production & Sound Manipulation</title> <link rel="stylesheet" href="main.css"> <script type="text/javascript">function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}} function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); if(!x && d.getElementById) x=d.getElementById(n); return x;} function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}</script></head> <body onload="MM_preloadImages('images/nav/navon_01.jpg','images/nav/navon_02.jpg','images/nav/navon_03.jpg','images/nav/navon_04.jpg','images/nav/navon_05.jpg')"><div class="central"> <p> </p> <p> </p> <div class="header"><a href="http://www.sonicphantasm.com"><img src="images/sonicphantasmlogo.png" width="273" height="43" alt="sonicphantasm" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','images/nav/navon_01.jpg',1)"><img src="images/nav/nav_01.jpg" name="news" width="81" height="43" border="0" id="news" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('artists','','images/nav/navon_02.jpg',1)"><img src="images/nav/nav_02.jpg" name="artists" width="98" height="43" border="0" id="artists" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('services','','images/nav/navon_03.jpg',1)"><img src="images/nav/nav_03.jpg" name="services" width="123" height="43" border="0" id="services" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','images/nav/navon_04.jpg',1)"><img src="images/nav/nav_04.jpg" name="contact" width="114" height="43" border="0" id="contact" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('connect','','images/nav/navon_05.jpg',1)"><img src="images/nav/nav_05.jpg" name="connect" width="109" height="43" border="0" id="connect" /></a></div> <div class="righthalf"> <div class="rightcontent"> <h2 align="center" class="freemusic">FREE MUSIC OFFER</h2> <h2 align="center"><img src="images/filmreel.jpg" width="250" height="247" alt="freemusic" /></h2> <p align="left" class="freemusic"> In an effort to give back some of what we've so generously been given, we are offering to write, arrange, and produce up to six professional minutes of original music/ sound design for film, t.v., games, websites, events, exhibits, or even commercials in the development stage, for the month of December. Contact us at admin@sonicphantasm.com to apply for custom music.</p> <p align="left" class="freemusic">Further, we have an ensemble of music that is freely adaptable to any medium here. All we ask is a headsup for anything you've used!</p> <p align="left" class="freemusic">Tracks will be added in the upcoming weeks. Connect with us on Facebook, Twitter, or Google+ for updates.</p> <p align="left" class="freemusic"> </p> </div> </div> <div class="leftcontent"> <h2 align="center" class="artists1">ARTISTS</h2> <p class="artists1"><img src="images/murjur_-_deathtrance_album_cover.jpg" width="300" height="300" alt="murjur" /></p> <p class="artists1">MURJUR</p> <p class="artists1"><em>Murjur is in the process of writing and producing a four track EP entitled "deathtrance. . .", to be distributed through Sonic Phantasm Production. A hybrid of hip hop and twisted electronic atmospheres evolve with dark abstracts of voice,"death trance. . ." is set for release by the end of 2011 in digital format along with a limited edition physical copy available only through Sonic Phantasm.</em></p> <p class="artists1"> </p> <p class="artists1">Deon Flips</p> <p class="artists1"><em>Ocala based rapper spits havoc from the core of his soul, pulling all who listen through a world you weren't expecting. Look for his upcoming album to begin production in early 2012.</em></p> <p class="artists1"> </p> <p class="artists1">Mr. ***KING Awesome</p> <p class="artists1"><em>80's synth-pop meets tight dancey electro house productions, back up the "disturbingly catchy vocals" of MFA himself. Set for release in Spring of 2012.</em></p> <p class="artists1"> </p> <p class="artists1">Jah Rukus</p> <p class="artists1"><em>Dub soaked concoctions of dance, reggae, drum & bass and r&b blend with Jamaican syndicate Jah Rukus, one half of underground supergroup YEUP. Tentatively called "Fields of Green", his debut will be released on Sonic Phantasm early 2012, with several tracks to be made available in the upcoming weeks (consider it an early holiday gift).</em></p> <p class="artists1"> </p> </div> <p class="footer">Questions? Interested in submitting your demo? Looking for a producer? Favorite color? Email us at: admin@sonicphantasm.com</p> <p class="footer"><strong>©</strong>Copyright 2011 Sonic Phantasm Music. All rights reserved.</p></div></body></html> Link to comment Share on other sites More sharing options...
birbal Posted November 16, 2011 Share Posted November 16, 2011 as you guseed already ,yes it is good idea to seprate your pages which exists in all of your pages and the include it back. like header , foote,r navigation bar Link to comment Share on other sites More sharing options...
sonicphantasm Posted December 3, 2011 Author Share Posted December 3, 2011 New baby keeps me from doing these things while I'm coherent! I've tried to divide the page, and have several obvious problems (I copied this version of the site into a new folder called test on the server, so it should all be relative, right?) Here's what I have: http://sonicphantasm.com/test/ First, I want the top logo and navigation to be arranged like on : www.sonicphantasm.com and also pushing the rest of the content downward accordingly. Second, I am not sure how to apply the appropriate css to the left column (haven't even started the right column as of yet). If you could please baby step the changes necessary, I would appreciate it. Thank you! Link to comment Share on other sites More sharing options...
thescientist Posted December 4, 2011 Share Posted December 4, 2011 If you are just starting out, I would try and style/layout the page without any includes, so you just have the HTML/CSS and a good reference. Then you can start breaking it down into includes and go from there. Once you do that, then you essentially have your template. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.