When you make a new page or need to edit an existing one in the Low Maintenance Web Friendly Website, you will need to edit the HTML that is inside the PHP file you are using as the template. If you do not want to manually put HTML "Heading One" Tags <h1>around every main heading</h1> and "Heading Two" Tags
<h2>around headings in body text</h2> or <p>around every paragraph you write</p> then read on to save time editing...
I highly recommend for you to open the PHP files of the Low Maintenance Web Friendly Website, that you are filling with content in a nice open source editor called Kompozer, available at http://kompozer.net/download.php (for direct link click here). Kompozer can be installed on Linux, Windows or Mac, just choose your matching computer operating system from the download tab on their website.
From my testing of Kompozer on windows, it seems you do not actually install this software, you just unzip it and it is ready to use from the folder that it comes in, after you have unzipped the Kompozer zip file, go inside the Kompozer folder and click on the little round blue and yellow icon shown in the folder amongst all the other program files and Kompozer will launch (The icon to click is the kompozer.exe file). You could right click on the mentioned icon (in windows) and select from the left mouse button click menu 'make a short cut' and a short cut will appear. You could cut and paste the short cut elsewhere on your computer like your desktop or in a folder you frequent so you can have easy hassle free access to Kompozer and you can launch it easily by doing this. Please note: Please make sure it is the short cut you are cutting and pasting not the kmpozer.exe file or the program will stop working if you move any program files from the Kompozer folder.
Once you have a .php page open in the Kompozer editor (For example something like your about-us.php page, you can also use that page as a template for making more pages in your website)... You will see in your opened .php page, little exclamation (!) marks down the left side of the page. these relate to HTML comments I have put in the code. The
first exclamation (!) mark you see at the top of the web page you are making or editing when hovered over with your mouse should show a small tab that says
'content start'. Now between content start and where the next exclamation mark and the matching tab says 'content end' is where all your main content of your web page will go. (The HTML comments that the exclamation marks (!) directly relate too can be seen by selecting a tab that says 'source' on it, shown at the very bottom of the Kompozer interface. The HTML comments in say a main page like about-us.php will look like <!-- Content Start --> and <!-- Content End -->. You can go back to normal view again, by selecting the tab named 'normal' also at the very bottom of Kompozer.
Lets Start Making Some HTML Tags:
To begin with, try writing a heading in Kompozer, the heading you write just looks like plain text right. Now highlight that text with your mouse, go to a little drop down box in the left hand top part of the Kompozer menu that has the words 'body text' written in it and choose 'Heading One' from the drop down options, congratulations, you now have a heading surrounded by search engine correct <h1> heading one </h1> HTML tags. Now write a paragraph, then repeat what you did with the heading one option, but instead of heading one, choose 'paragraph' the first option shown in the drop down options where you found heading one. Do this for every paragraph you make and each paragraph will be surrounded with the proper paragraph HTML tags like so: <p> to start and </p> to end each paragraph you make. If you want to make a <h2> heading two </h2> tag in your body text for a sub heading, then do the same as above but choose heading two, same goes for <h3> heading three </h3> tags. Note: heading one h1 is best used at the top as your main heading, most sub headings below heading one h1 should probably be in heading two h2 and headings of less weight and importance than heading two headings can go in between heading three h3 tags. If you want to make a list of something, then choose the list button either in numerical (number) form or bullet (dot) form. please use this option as it will make a HTML correct list, as the source code will show <ul><li>List Item 1</li><li>List Item 2 Etc</li></ul> as it should. Choosing a numbered list will also make a proper ordered list, if you need a numbered list for something on your page (1-10 etc).
Please note that your current opened-webpage.php will not show with any style in the Kompozer editor, so if you are disappointed with how your edited page looks in the editor, you should be pleased to know that it will look correct once uploaded to your website (Provided you put your content between the content start and content end section of the web page being edited as had been detailed further above). The editor is just for you to get things right without having to worry too much about HTML. The style sheet will only attach once you have uploaded it to your web server. If you want to change your theme design, please go into one of the other folders in the Low Maintenance Web Friendly Website package that is named 'Mivardia-CSS-Theme' and read the instructions inside to get started.
If you want to insert one image or multiple images in your web page, please do not use Kompozer at all for this. Read on...
First put your image or images in the folder named images which is inside the public_html folder of your website. Next copy and paste one of the following snippets into anywhere you want an image to show up:
If you would like an image to sit centered on your web page copy and paste the snippet below into your HTML source, you can repeat for however many images you want. Just change where it says yourimagehere.jpg, to whateverimage.jpg or .png or .gif or whatever your image ends with.
If you would like an image sitting to the left of your web page use:
If you would prefer an image sitting on the right hand side of your web page use:
Please note that the each image HTML tag (really XHTML) contains class="center" or class="left" or class="right" these correspond to the CSS file of your website which moves your image to the chosen position in your web page.
When you are done editing your web page, you can save it and upload a copy to your webhost or server in the appropriate place, most likely a one of the category folders you have made that matches where you want the web page to show under. Please remember to always keep a copy of every web page you make on your computer as a backup, this should go for just about every page, every image and every file on your site.
KnowHost is a truly respected VPS/Hybrid & Dedicated server provider. Advantages of VPS over shared hosting: Dedicated RAM, Useable Bandwidth, Unlimited Websites, Shell, More Control.