HTML - Generate Static Content From Template?
Hello. I'm a newbie here.
I've been asked to design a web site for a club I'm involved with. Unfortunately they have purchased a cheap hosting package, so I have no Java/JSP, no PHP and no MySql. Pure static pages only. Sigh. I've found a nice looking template I can use - has nice drop down menus for navigation etc. It doesnt use frames. Now, since I want to navigate between half a dozen content pages, it seems that each of my pages has to contain all the common stuff - the menu, sidebars, etc. I'd kill for an <import src="..."/> tag :-) So, are there any design patterns that will allow me to achieve templating of all the menus and common code? Alternatively, are there any code-time coding tools that will generate run-time static pages based on templates? Any advice welcome. Thanks. imo. Similar Tutorialshi, i have a problem i don't know how to solve. i have a web template i designed and in the middle of the template i have something written. now what i need to do is when user clicks on the button it should load the different page that has everything the same except the middle text. i know i can do this by creating a new template and just put in the different text in ti and then create a link to this page but when you have a hudge amount of different middle data it becomes pretty difficult to administrate all. so my question know is how to create a template html script that can only change its middle context by loading different txt file so i don't have to write a new html template for every text file that i want put into my page sorry if this is not written properly but i'm still learning.... thnx Hey everyone I am new, I just was wondering if anyone can help explain/link me to a tutorial that shows me how to make a template that grows when you enter content into the tables without it coming out of place? I have always used iframes for my content before and this is my first try at not using them. When I enter content more than 1 table starts growing and it distorts all my images. My site is http://computercelebs.110mb.com/home.html If you click on the references page it will show an example of what happens. I am making this website as part of my college coursework. I have ~6 weeks to finish this website so plenty of time. Thanks in advance. Hi guys, It's my first time on these forums, and I thought you all would be the best help I could get for my HTML problem. I've just recently created a blog and I am currently using a custom template. I'm not too familiar with HTML, or any sort of coding really, and I would like to stretch the content area of the template so that I could place larger images without it overlapping the grey bars. I have no idea what values to change though or what I should be looking for. Could you guys help me out? Many thanks, AciesEdge I have managed to create a div to insert my banner But I have another problem: when I clicked to see my favorites the div banner which I inserted moves, is there anyway to make the div code static? I have tried adding the following code: HTML Code: #adsense-container { position: static; But once this code has been uploaded the banner is re-positioned to the left and is unable to use the X / Y axis to position the it. Can anyone help? hello, im wondering if any1 knows a css, java or html script that can help me out i would like to have a background move with my screen so if my site visitor scrolls down to read more the background moves with them, i looked on google for a bit but couldnt find 1then i saw this forum thought maby some1 might be able to help me out here Thanks I am working on this page http://www.thenewmonarchs.com/home.html If you scroll down (depending on your screen's resolution) you will see a little white bar with links over it located on the left-hand side of the page. I could not for the life of me find any help on google, so I came here. Hopefully this isn't too ambitious of a first post... I need to find a way to get that white bar (which is an image) and the links over it to be static on the page. If there is any help I can get, I would greatly appreciate it. Please i would like to know how i can create a side menu that would actually be independent of the content of the page. What i normally do is insert a table and split it into two, one for the menu and the other for the content, but i always struggle with setting the menu t align properly with the content, since many at times the content is always more than the menu, it would bring the menu lower than where i want it to be, please is there anyway i cant create a menu that is not going to move irrespective of the length on the content section. Hey guys, Im relatively new to html, although i have a good amount of college programming experience. What im trying to do is create a static menu (home, about us, products etc.) so that every sub page of the site can reference it without needing the menu code as part of that sub page. This is for obvious reasons: if i want to add a menu item, i dont want to have to add its link to the 'home' page, the 'products' page etc. Hopefully this makes sense. If this has been posted before, i would gladly take a link. I tried searching, but am unsure of the proper query (because i barely know how to explain what i mean in english lol) Any help is just awesome. Thanks, Travis p.s. Im no good with CSS; if there is a way of avoiding them that'd be great. This is hobby, and i will learn if necessary but would prefer not to. Hi I'm a little confused about the bottom "application" bar on facebook. It appears to be static, meaning it does not "reset" whenever you visit a new page (if you have a chat session going on, for example). The only way I can see this is coded, is by placing the bar in a div on top of the content in an iframe. The source code is kindda confusing, so I can't really figure this one out. Anybody know if this is in fact the case? Best regards sorenchr Hello All, This is my first post to HTMLforums, and I apologize if it makes me look like a buffoon. I have been working with Adobe Dreamweaver 5 for about six months now, teaching myself as I go, and am beginning to get the hand of basic coding. I am, at present, creating a website and cannot figure out how to create a Flash Banner (that would have picture on the left, logo in the center and a media player on the right; though I will build that in a separate program) that is always present so that the music playing doesn't restart. Basically, the links in the Banner would be "Home", "About", "Tour" and so on, and I would want, when someone clicks on the link, for the banner to remain but the content below to change to that page (all of those pages are currently separately HTML pages with the same code for the heading and the CSS stylesheet). I assume that for the link element I would need to incorporate some kind of _self tag with the link, but I do not know where to place it. Also, i do not know how to "anchor" the banner so that it is always there and not reloading every time someone changes pages. Any insight or advice would be much appreciated! Thanks, and best to everyone, BarabasKid Please, how to make static web page? What best to make it in? I have to put in logo at top then text? Will it show same in browsers? Please help Hello, I have a website constructed with tables since I haven't had the time to learn CSS. When the browser window gets resized, the table disappears and moves below my ad (aligned left). I want my table to NOT move even if the browser window is resized. I am able to achieve this by "converting tables to layers" but I don't like how it makes my site look and it messes up the format of some of my content. The code is: <table width="800" border="1" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"><div align="center"><a href="index.htm"><img src="images/banner.png"width="800" height="120" border="0"></a> </div></td> </tr> <tr> <td colspan="5"> </td> </tr> <tr> <td colspan="5"><div align="center"> </div></td> </tr> <tr> <td colspan="5"> </td> </tr> <tr> <td><div align="center"><a href="index.htm"><img src="buttons/home.png" alt="Home Page" width="67" height="15" border="0"></a></div></td> <td><div align="center"><a href="videos.htm"><img src="buttons/videos.png" alt="Videos" width="85" height="15" border="0"></a></div></td> <td><div align="center"><a href="gallery.htm"><img src="buttons/gallery.png" alt="Gallery" width="107" height="15" border="0"></a></div></td> <td><div align="center"><a href="about.htm"><img src="buttons/about.png" alt="About" width="80" height="15" border="0"></a></div></td> <td><div align="center"><a href="contact.htm"><img src="buttons/contact.png" alt="Contact" width="108" height="15" border="0"></a></div></td> </tr> <tr> <td width="160"><div align="center"></div></td> <td width="160"><div align="center"></div></td> <td width="160"><div align="center"></div></td> <td width="160"><div align="center"></div></td> <td width="160"><div align="center"></div></td> </tr> <tr bgcolor="#FFFFFF"> <td height="223" colspan="5"><p class="style2"> </p> <p class="style3"> </p> <p></p></td> </tr> </table> Thank you! hello everyone. I'm a newbie at this HTML stuff. I've made my first webpage and everything is working fine. I added some .SWF files and placed them where I wanted using <div> coding. My problem is whenever you resize the browser window, the flash movies move with it, they "float" over the rest of the page. How do I make them stay static when you resize the window? Could someone please help me with this problem? I appreciate it very much. Hi Folks, I am new to create static website and HTML. I have created two applications using Asp.net/Visual Studio. I am wondering how i can make static website. I found built in templates on web hosting site is easy to change, I can also try to use Ms Expression Web/Ms Front Page but unable to measure which one is better for maintaing pointing of view. How i can easily create graphics logo. I heard Corel Draw is good one. Do i have to buy licence to upload site built by Ms Expression Web/Ms Front Page. Could any body share his/her experience about creating static website. You help is greatly appreciated. Chao RS hi i have a website running on wordpress and another website which is purely a static website my question is, on the static website on a particular page for example blog.html is it possible to retrieve all the blog entries that have been made on the website running on wordpress to be displayed in blog.html page on the static website if not all categories atleast a specific category from the wordpress website is this only possible if both websites are running on wordpress if so what are the other solutions in this case of the static website other than making the static website into wordpress is there a solution please advice. thanks I'm working on creating a custom home page for one of my Outlook folders using the Outlook View Control. The documentation that I've found uses the following tag to insert the control. <OBJECT classid=CLSID:0006F063-0000-0000-C000-000000000046 id=ViewCtlFolder width="91%" height="330" codebase="http://activex.microsoft.com/activex/controls/office/outlctlx.CAB# ver=9,0,0,3203"> Obviously, this requires that I be connected to the internet for the control to work. However, I need to have the page work when I'm not connected to the internet. The Outlook View Control is available via a .dll on my laptop. Q1: Should I try and down load the .cab file to my laptop and point the codebase to the location of it? If so, how can I download the actual file? Q2: Since the .dll exists on my computer already, should I just point the codebase to the existing .dll file and go that route? Hi, I am currently creating a HTML e-newsletter, and need the frame/template to essentially remain static. In other words, when the recepient alters the size of their preview/display panel in their email program (eg Outlook), the column widths/spacing and text size remains the same. Could anyone please advise as to how this is done? Thanks! Is there any way to use an xml file and create a link to a new page that has information based on a block of data in the xml file? Hi all, I have a question,my code is running properly ,when i copy this and paste in Microsoft outlook express its not working. I have a link to a section of page when i click its heading.My Page is quite big one,so i wrote headings and once its clicked it should go to the section of content. my code ------------ HTML Code: <html> <body> <div id="wrapper"> <div id="IUbanner"> <a href="http://www.indiana.edu"><img src="../images/iu_crimson.gif" alt="Indiana University" /></a> </div> <div id="header"> <a href="http://uits.iu.edu"><img src="../images/UITSheader.gif" alt="University Information Technology Services" /></a> </div> <h1 id="subheader"><a href="http://webmaster.iu.edu"><img src="../images/wmheader.gif" alt="IU Webmaster" border="0"/></a></h1> <div id="centerwrap"> <div id="content"> <!-- Insert content here --> <a name="TOP"></a> <H3>Getting Started</H3> <H5>Table of Contents</H5> <ul> <a href="#a">Introduction</a> <br> <a href="#b">Getting an Account</a> <br> <a href="#c">Getting the Tools</a> <br> <a name="a"></a> <hr> <h5>Introduction</h5> <p> If you are new to developing Web pages, this brief overview will help you get started. It outlines the steps you will take to publish your Web pages on IU's central Web servers (<tt>Veritas/Champion</tt>). If you are familiar with the process of creating and publishing Web pages, see the Webmaster's "<a href=../tool_guide_info/tgcat.shtml>Tools and Guides</a>" page to learn more about improving your Web pages and for help with the tools offered for the central web server accounts.</p> <P> <CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER></p> <A NAME="b"></A> <hr> <h5>Getting an Account</h5> <P> Before you can put Web pages on IU's central Web servers (<tt>Veritas/Champion</tt>), you need to get an account. To see if you are eligible to have an account on an IU web server and to learn how to get an account if you are eligible, see the Webmaster's <a href="../account_info/ac.shtml">Accounts</a> page. </p> <P><CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER> </p> <A NAME="c"></A> <hr> <h5>Getting the Tools</h5> <p> Once you have an account on the Web server, the next step is to get the tools you will need to create, upload, and view your Web pages. If you do not already have these tools, you can get most of the them from <a href="http://iuware.indiana.edu/">IUware Online</a>. For information on obtaining the IUware CD please see the Knowledge Base entry: <a href="http://kb.iu.edu/data/amij.html">At IU, where can I get the IUware CD?</a></p> <p> Here are the tools you will need to get started: </p> <ul> <li><strong>A text editor or word processor</strong>: To create your Web page, you'll need a text editor or word processor. Windows computers come with a text-editor called "Notepad" and Macintoshes come with a text editor called "Simple Text." </div><!-- end footer --> </div><!-- end wrapper --> </body> </html> |