HTML - Help Creating A Master Page / Template
Sorry if this has been posted before, I looked but couldn't find it.
I am having serious problems with something I am trying to create. I am building a site which at the moment consists of 1 Page, namely my index.html page. I have put a lot of time and effort into the page and it looks fantastic, however, When the site goes live (school website) there will be a LOT of content pages. My dilema is, say for instance we want to add a new button on or change something on ALL the pages, it would take hours. I know in PHP you can do the index.php?page=departments....and I am sure I have seen it in HTML before. Therefore creating me a template which I only have to change 1 page and the rest will change automatically. This would help me SO Much. Thanks In advance Similar TutorialsHi, I have a problem creating a Master page in dreamweaver, can anyone help me? I want to change my web layout and affect the rest of the pages. Regards Steve Hi, Not sure if this is the correct forum for this question but I was wondering if someone could point me in the right direction for building websites not with .NET technology (ie .aspx etc) that allow you to do something similar like master pages and content pages. For example in .NET you can create a master page and then have content pages which automatically "link" to the master page so a header or template that you have in the master page is automatically kept and the content pages are just "loaded" into the contentDiv. I hope I'm making myself clear enough. One way I thought is maybe you create index.html and then all your links etc and header and footer and in the middle put a div. Then you can use javascript to set the contentDiv to whatever page you want with an iframe? Is that the correct approach? Thanks, SS Hi all, Basically, I'm an amatuer at this. I have created several websites, but most of them are through templates being edited on the likes of Dreamweaver. I have been creating my template, and I have finished the banner, then all the buttons directly underneith it. I have a background colour... and now I'm up to the the area the text is supposed to go into, directly under the buttons (home, contact, forums etc). I want this to be a different colour to the background colour, and for it to just be a box, 950pix wide, and go as high/low as I want it to depending on how much text is going on that particular page. I hope you all understand what I mean... I've got a feeling there is a possibility this might be a CSS issue, but I'm not 100% sure, so I didn't know which topic to put it under. Can anyone please help me? It would be much appreciated. I have been trying to figure this out on my own for hours now (I'm the type of person who doesn't like to ask for help ) I have to develop a page which have same frame and different content. Example http://www.dcu.org My page should have 3 columns where as DCU have 2. The content should look same across all browsers, The page may be used for 10inches to 30inches screens. What is the strategy to develop such page. The page must occupy 100% of screen ad should not have scrolebars. What is the strategy to display the content? I am using Tables but not sure how to make the content adjust according the screen. I am looking to develop a template and can be used to all the content. Please help me figure out the strategy. Regards, Swaroop Kunduru. Hello, Trying to put together a portfolio site for an assignment. I've managed to hammer out most of the kinks (aside from some css formatting), but for some reason when the page reaches a length that requires vertical scrolling the entire site shifts slightly to the left. Here's the site right now as it is: http://kool-factor.com/index2.php I've added a few repeat posts on the Home page to get the desired effect (can also be seen on Curriculum Vitae). The Contact page is shorter, and shifts back to the right. Strangely, when the Home page only has one post, it is also shifted to the right. I don't think it's a PHP problem (though it could be, and I just don't know about it), so I've been trying to go through the HTML and CSS, but am coming up short. Anyway, here's the index2.php code: PHP Code: <?PHP $default = 'home.php'; $page_Title = $page_Content = ''; $page=$_GET['id']; function loadInclude($file, $default, $dir='') { global $page_Title, $page_Content; if(empty($file) || !$file) $file = $default; if(!file_exists($dir . $file . '.php')) $file = $default; /* echo 'Including: ' . $dir . $file . '.php<br />'; */ include($dir . $file . '.php'); } if(isset($_GET['id'])) loadInclude($_GET['id'], 'home', ''); else include $default; ?> <!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>Curtis Winger<?php echo $page_Title;?></title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="main"> <table border="0" cellpadding="0" cellspacing="0" id="headertable"> <tr> <td class="titleleft"><img src="head.png" alt="" /></td> <td class="titleright"> <div id="navmenu"> <a <? if( ($page == 'home') || ($page == '')): ?> class="current" <? endif ?> class="navlink" href="index2.php">Home</a> <a <? if($page == 'projects'): ?> class="current" <? endif ?> class="navlink" href="index2.php?id=projects">Projects</a> <a <? if($page == 'cv'): ?> class="current" <? endif ?> class="navlink" href="index2.php?id=cv">Curriculum Vitae</a> <a <? if($page == 'contact'): ?> class="current" <? endif ?> class="navlink" href="index2.php?id=contact">Contact</a> </div> </td> </tr> </table> <?php echo $page_Content;?> <table border="0" cellpadding="0" cellspacing="0" id="footertable"> <tr> <td>© 2009 Curtis Winger</td> </tr> </table> </div> </body> </html> The CSS: Code: @charset "utf-8"; /* Layout Design */ body { background-color: #E6E6E6; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; } #main { background-color: #FFFFFF; display: block; width: 800px; margin-top: 15px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; left: auto; right: auto; } #headertable { width: 100%; text-align: center; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000000; padding-top: 0px; padding-right: 0px; padding-bottom: 13px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #footertable { width: 100%; text-align: right; border-top-width: 2px; border-top-style: solid; border-top-color: #000000; padding-top: 7px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 7px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .titleleft { width: 80%; } .titleright { width: 20%; } .align-right { float:right; margin: 0 0 5px 5px; } .align-left { float:left; margin: 0 5px 5px 0; } /* Text */ .h1 { font-size: 17px; font-weight: bold; color: #5e89ae; font-family: Verdana, Arial, Helvetica, sans-serif; } .titletext { text-align: center; } .contenttext { display: inline-block; width: 92%; clear: both; float: right; right: 0px; } .contenttext2 { display: inline-block; width: 84%; clear: both; float: right; right: 0px; } /* Links */ a { color: #000000; text-decoration: underline; } a:hover { text-decoration: none; } #navmenu a { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border: none; height: auto; width: auto; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; text-align: left; background-position: right; font-weight: bold; background-image: url(bullet.png); background-repeat: no-repeat; } #navmenu a.navlink:link, a.navlink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; background-position: right; } #navmenu a.navlink:hover, a.navlink:active { background-color: #E6E6E6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; background-position: right; } #navmenu a.current { background-color: #E6E6E6; !important display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border: none; height: auto; width: auto; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; text-align: left; background-position: right; font-weight: bold; background-image: url(bullet.png); background-repeat: no-repeat; text-decoration: none; } And a sample page, home.php: PHP Code: <?PHP $page_Title .= ''; $page_Content .= ' <img src="images/home_image.jpg" class="align-left" alt="" /> Hello, and welcome to the launch of my new website. <br /><br /> I\'m an aspiring graphic designer and filmmaker, and you\'ll find a collection of my work here, as well as information regarding my education, work experience, and technological experience with various applications. <br /><br /> Relevant news and updates concerning myself, or my work, will be posted on this page, so keep an eye out. <br /><br /> If there\'s anything I can do for you don\'t hesistate to contact me. <br /><br /> Enjoy. <br /><br /> <strong>Posted by Curtis | November 16, 2009</strong> <br /><br /> <img src="images/home_image.jpg" class="align-left" alt="" /> Hello, and welcome to the launch of my new website. <br /><br /> I\'m an aspiring graphic designer and filmmaker, and you\'ll find a collection of my work here, as well as information regarding my education, work experience, and technological experience with various applications. <br /><br /> Relevant news and updates concerning myself, or my work, will be posted on this page, so keep an eye out. <br /><br /> If there\'s anything I can do for you don\'t hesistate to contact me. <br /><br /> Enjoy. <br /><br /> <strong>Posted by Curtis | November 16, 2009</strong> <br /><br /> <img src="images/home_image.jpg" class="align-left" alt="" /> Hello, and welcome to the launch of my new website. <br /><br /> I\'m an aspiring graphic designer and filmmaker, and you\'ll find a collection of my work here, as well as information regarding my education, work experience, and technological experience with various applications. <br /><br /> Relevant news and updates concerning myself, or my work, will be posted on this page, so keep an eye out. <br /><br /> If there\'s anything I can do for you don\'t hesistate to contact me. <br /><br /> Enjoy. <br /><br /> <strong>Posted by Curtis | November 16, 2009</strong> '; ?> If you have any ideas, or need anything else, let me know. Thanks guys. If you want to include a template file how do you do that inside a html page? I want to include a footer.dwt file inside my html file...... I want to implement the footer.dwt file for all the pages of website....so i just want to call the footer.dwt file below my html page...... Help? I am a newbie and need your help creating a webpage displaying names with the address.the height and width of the table should be 120 pixels.The border thickness be 5 pixels,border color red and bkground grey. Pls Help I am Class Vth Student and need your help in designing the html page .I need to create a webpage displaying different names with addresses.the height and width of table should be of 120 pixel.border thickness is 5 pixel.border shud be red in color and bkground shud be grey. Hi, i'm an expereinced PC user, and am just getting into web design, thought you could help. I've got the basics of a website developed, i just need to get the difficult bits done now...just! I've split it up into two points... a) Basically I want users to add a page that I haven't got on my site, (for example, if my website was about bands, one could fill in a form with the title of the band and a few pieces of info. and then that information is taken and a page is created (the page has standard information the same as the rest of the pages, but the details the user entered are on the page)). b) Secondly I want to add to a page a text box one can type into, click submit (basically a review) and that typing be added to that page. I'm assuming some sort of database would be required, but im really not sure how to go about it. Any help would be great Many thanks I dont know where to post this and i searched and couldnt find it but can anyone help me.. im creating a webpage using dreamweaver cs3 and i need to password protect a page, using a username and password, can this be done any other way besides php? If so how can i do it? My website is SalvationSource.com. I need somethings, around 15-16 done that I can't do. I have some money to give for this. Here is what I need done. 1. I need the website to auto adjust so it looks great in everyones IE and FF, no matter what resolution they are using. 2. I need it so when I change the index, it changes on ALL pages so I don't have to change it in 20 different pages, which has to do with the php include code, <?php include("index2.php"); ?>. Or maybe jsut have the body change and the header and footer change, kinda like this site, http://www.clubhabbo.net. 3. I need my 5 boxes having their own php file, with the php include code, but if its possible to have the 3 blue boxes information on each box to be included in the php file, and not just the information inside the boxes. 4. I need a "Bookmark This Page" button listed under the Home icon, I need it to be a button like on the left side of, www.danecook.com, since coding won't do it for both IE and FF, so when you click "Bookmark This Page" a box pops up with a button and logo adn such like his site. 5. I need the blue box behind the login boxes is aligned correctly, its always 1px off because of IE and FF my last coders said, but lets see if you can do anything about it. 6. I need the footer blue copyrite box fix at the top of it, its like 1px across the entire footer, theres a darker color cahnge, not sure why. 7. DONE! 8. DONE! 9. The template background is connected with the webpage background, I need that cut/fixed so I can add something on teh sides of the website. 10. I need a few pages made that will be PHP, such as the Statistics, Surveys, and Quizzes pages, and I'll need help with a few other pages such as the Store and Downloads page. For the Statistics and Surveys page, I want them just like the ones on this site. www.salvationsource.com/php. 11. I need the forums, www.salvationsource.com/forums skinned to look like my website, I have no clue how to make the forums look like my site, maybe we can just change the images or something, just needs to look like the website template. 12. I need a chat room like this one, http://chatterbees.homestead.com/chat_lounge_1.html, it doesnt have to be that advanced to where you can password your name so you and only you can use it and such, but it would be nice, I need one that resembles my website and such, I do need it to be able to allow people to PM other people. I guess this would be java and html. They charge like 100 for that chat room, but I'd like it as advanced as I can get it. 13. The login part on the home page, I need it so it will login into the forums and such, I need it to mainly, work. I believe I need a SSL Certificate and such which I am going to switch hosting providers and I get a free SSL Certificate when I do. 14. I need the forums, SSL, mainly everything to be able to be switched to new hosting, like if I needed to reisntall the forums, I can just upload the database file or something and all my categories and forums, and sub forums with all the posts and threads are there. So if you want me to switch hosting providers first before we start, please let me know. 15. I do need a toolbar like the mininova.org, and google.com toolbar, I will make the layout of how it should look in Photoshop, give me a little time. Of course it needs to work with IE and FF. 16. This is one of the last things I need which is the radio player, like this website, http://www.clubhabbo.net. As you can see it has the Windows Media Player player, and above that it says the radio stats. I of course need a better looking radio playe. I will also make it in Photoshop soon. But the main way it will look is like this, http://www.blavish.com/wp-content/up...mp3-player.jpg. And on it, it will list the Radio stats, and the 5 buttons on teh end will each do soemthing. Just give me a little time to make it in photoshop and to give you more detail on what each one does and such. I guess it would be best to be made in 3ds Max, or Maya or something, or made in flash adn imported into a modleing program and rendered 3d. Just the best look you can get, like with the like refecting off it and such, give me alittle time to get the detail. 17. I don't know if I really want this. It depends on if you all want to make it, I would love to have an admin control panel, just like phpnukes, to post news, ban IP's and people, add downloads, etc. Let me know what you think about that, because I know thats ALOT of work and I've already asked for ALOT. 18. I do need the PHP form on the contact us page to be modified, fill it out and as you see it makes you verify the data you entered, I don't want it to verify. I jsut want it to send you to a thank you page and have it email me as it does with the data and their IP and such. I just don't want it to verify. As you see I did the 2 I can. I have FTP and Cpanel and everything. If you'd like to make a little money then please reply. I'm fairly new to html, so if it's something obvious, give me a break. I have a background image with blank sections where I want to put stuff in to, and in one of the sections I want to put a frame or a table so I can have a list of links which you can scroll through, but I don't know how to put it anywhere I want on the page. Any help would be great, thanks. Greetings! This is my first post on these forums, my apologies if I do not format is properly, or such. Also, I have no code to copy here to be looked at.. I am more looking for some advice, or to be pointed in the right direction.. We want to create a download page on our website, where customers can download our product after paying, but we want the URL to expire. (Or we can make it password encrypted with a password which expires). We have the website worked out up the point of payment, we now just need to code a page which we can distribute our product on. I've bought many items before, like online e-books, or computer software, where the download stays open for 24 hours, and then closes, and that is what we are after. Can anyone point me in the direction of, or assit me in how I can make a start with this please? Some notes on the product(s): Each download is 37 MB (four downloads of four e-books) Small PDF file. Hosting space and bandwidth is not a issue. A note on ourselves: We have quite a lot of experiance within the team creating our own websites with GoLive, but none of us have done anything like this before, and we're all a little lost. I do very much appriciate your time for first reading this, and secondly I will be thrilled if you will also spend your time to help us! Thank you for reading, it's deeply appreciated. Warm regards, Nick Hi guys, i was wondering if you would be able to help me out. Im attempting to create a poll on my website but im struggling to get the results i want. What im trying to go is have the poll on one page, then on a separate page just have shown the top result which also shows the percentage of people who chose that option. Thanks alot in advance for your help. I am working on a site that will allow the user to print out a contract. However, the customer wants a way to scan the contract in and allow their OCR software to pick up the contract # and automatically store the image. I have the peice working where I have a web page display then a printable version. However, how can I ensure that the printable version always puts the data that will be OCR'd in the same spot? Is there some sort of absolute positioning that I can use? Also, I can foresee a potential problem with this with regards to different browsers and different printer settings. I just don't know what those problems might be. Can you save the pages you create from a .Master as HTML? Would you suggest a different format? It wants to save as aspx, but can't open that on my phone... Ever since frames went out of style, I've wondered how to create a master-style page for a website. For example, a menu. The menu will be the same on every page. Without some way to encapsulate it, we have to duplicate that code on every page we create. Is there any way to put a marker/placeholder of some kind which represents the menu block, without having to put the actual code in each page? Of course you could do this with ASP/ASPX or PHP, but I'm looking for a purely HTML/CSS solution. Can it be done? Suggestions? Hello I'm trying to create a page, when its someone's first time opening the web site they get asked if they are under 18 or not and if they are over 18 and enter the site, and the next time they come to the site, it would by pass the age page. Is there anything that I can read that would help me create it? Please give me any suggestion that you have. Thank You In the past I have been designing websites to learn about web designing. In order to keep my sites update able I used frames and includes so I wouldn't have to make a chnage on every single page if there was a small problem. In the future I plan to design professional websites for people. So how do the webmasters who design websites keep the websites update able. I have seen advantages and disadvantages of using frames and includes. Now I want to know the professional and common way of how these webmasters are doing it, so I can also do my stuff that way too. Another question I have is as you know IE 6 does not support png's tranparent background. So what do the professional's do about this I have seen png's on professional websites but what happens to the IE 6 viewers thanks, ALi Hi all, I know how to create master pages in asp.net but now I want to know how to create master pages in html? Could please anyone tell me by giving examples of the small code pieces? thanks in advance Zia |