Help with website developement using Kompozer

English Network/Internet
1

I am a complete noob when it comes to HTML and web site development in general. I have a domain through a hosting company and I have a basic design I made using the web builder software it has. The problem is it has limited customization options and it would take me forever to be able to learn enough code to do it with just text. I installed Kompozer so I would have something more visual and so far I have been able to get it to display the home page and I was able to edit it the way I want, but I have no idea how to upload that to where it needs to be on the server.

Like I said, I am a complete noob at this stuff so if anyone has any experience with this please share.

Thanks.

2

I have a domain through a hosting company <snip …> but I have no idea how to upload that to where it needs to be on the server.

This really depends on what means of access your hosting provider offers for uploads. Common solutions are ftp and/or ssh (details given later when we know what applies to your case). There should be some instructions on your hosting provider’s website. Can you please check and tell us who your hosting provider is?

3

Oh sorry I figured FTP was the only upload method, it is FTP. The provider is inmotion hosting. I found a tutorial that helped me out a little, but the problem now seems to be that the pages are in PHP format and kompozer cannot use them. Any idea what I do about that?

4

Kompozer is for generating HTML. PHP is something different. It is a language to generate dynamic HTML. I assume you can put HTML as well as PHP on your hosted web site. In any case, HTML must be possible. I can not read the tutorial you used, but first forget about the PHP part of it. If I were you I first would try to upload a very simple HTML page like:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>My first HTML page</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>

Thus you can check if your upload works.

5

problem now seems to be that the pages are in PHP format

Which pages? Save your PHP templates for the time being and start with a pure HTML static page. Upload it using ftp, to get used to the process. You can test everything locally before you upload.

Your hosting provider has a bunch of tutorials: InMotion Hosting - Tutorials & Users Guides but these are unfortunately not focused on Linux users. You can find a lot of useful information on the inmotion forum: InMotion Hosting Community • Index page. For a PHP IDE see: PHP HOW-TO: IDE tools for PHP.

6

All the pages are in PHP. What makes a page PHP and not HTML as far as code goes? Looking at the code for the pages it looks exactly like HTML. I like the look of the template I used from the site builder, I just want to tweak certain aspects of it. If I put in my web address in kompozer in open web location, it pulls up the page and I can edit it the way I want, I just don’t know how to replace the existing page and how to make sure the site structure stays the same. What is the point of PHP exactly? I don’t want to mess up the look and usability of the pages by changing them to HTML if it makes a big difference.

7

PHP - Wikipedia, the free encyclopedia

8

O.K. reading the part about dynamic web pages, I will definitely be needing to use PHP to some extent as this is going to be a commerce site. But for all the pages that are not required to be dynamic it would be nice if I could just make them HTML. I tried searching some of the pages that are supposed to be PHP for any PHP delimiters or for the acronym itself, but none were present. So it confuses me why the page is considered PHP.

9

As long as you do not show anything you can not await from us any comments on that.

But did you try what two of us suggested? Upload a very simple HTML file on that site, giving it a name like test.html and check if it is served by the website?
The proof of the pudding is in the eating.

10

Not going to be done in a couple of days, but take a look at Joomla+Virtuemart, where Joomla is the content management system, Virtuemart a webshop component+plugings for Joomla. This way you won’t have to build things from scratch, both Joomla and Virtuemart are open source.

11

O.K. I did try uploading that simple page and it does work, though I have no idea how to link a page to the main site. I will attach a copy of the code for the main site so you can look at it and tell me a little about where the PHP is coming in at.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Hadashi - Home</title>
<meta name="DESCRIPTION" content="">
<meta name="KEYWORDS" content="">
<meta name="GENERATOR" content="Parallels Plesk Sitebuilder 4.5.0">
<link
href="css/styles.css?template=beauty-003&colorScheme=purple&header=&button=buttons3"
rel="stylesheet" type="text/css">
</head>
<body topmargin="0" rightmargin="0" bottommargin="0" leftmargin="0"
marginheight="0" marginwidth="0">
<table style="width: 100%; height: 100%;" class="main-bg" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="77">
<table style="width: 100%; height: 100%;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img
src="images/top-left.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="77" width="196"></td>
<td
style="background-image: url(images/top-bg.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3);"
width="100%"><br>
</td>
<td><img
src="images/top-right.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="77" width="297"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="173">
<table style="width: 100%; height: 100%;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img
src="images/header-left-bg.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="173" width="111"></td>
<td
style="padding: 57px 0pt 0pt 40px; background-image: url(images/header-left-part.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3); background-repeat: no-repeat; background-position: left top;"
valign="top">
<div style="width: 226px; height: 0px;"><span></span></div>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 15px;"><a href="./"><img
src="images/logo/8a5a0514f4287e9dca82c99b60875f4b.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0"></a></td>
<td valign="middle">
<div class="company">Hadashi</div>
<div class="slogan">Subtitle</div>
</td>
</tr>
</tbody>
</table>
</td>
<td
style="background-image: url(images/header-bg.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3);"
width="100%"><br>
</td>
<td><img
src="images/header.jpg?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="173" width="251"></td>
<td><img
src="images/header-right-bg.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="173" width="124"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="height: 100%;">
<table style="width: 100%; height: 100%;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td
style="background-image: url(images/left-side-bg.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3);">
<div style="width: 111px; height: 124px;"><span></span></div>
<br>
</td>
<td style="width: 100%; height: 100%;" class="content-bg"
valign="top">
<table style="width: 100%; height: 100%;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" height="46">
<table style="height: 46px;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="15">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="bottom"><a href="page1.php"
class="amenu"><img
src="images/bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="30" width="10"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="middle"><a href="page1.php"
class="amenu">Home</a></td>
<td width="15">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="bottom"><a href="page8.php"
class="menu"><img
src="images/bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="30" width="10"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="middle"><a href="page8.php"
class="menu">About</a></td>
<td width="15">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="bottom"><a href="page14.php"
class="menu"><img
src="images/bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="30" width="10"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="middle"><a href="page14.php"
class="menu">Products</a></td>
<td width="15">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="bottom"><a href="page15.php"
class="menu"><img
src="images/bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="30" width="10"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="middle"><a href="page15.php"
class="menu">Services</a></td>
<td width="15">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="bottom"><a href="page16.php"
class="menu"><img
src="images/bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="30" width="10"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="middle"><a href="page16.php"
class="menu">Support</a></td>
<td width="15">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="bottom"><a href="page17.php"
class="menu"><img
src="images/bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="30" width="10"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="middle"><a href="page17.php"
class="menu">eShop</a></td>
<td width="15">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="bottom"><a href="page18.php"
class="menu"><img
src="images/bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="30" width="10"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="middle"><a href="page18.php"
class="menu">Contact Us</a></td>
<td width="15">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="bottom"><a href="page6.php"
class="menu"><img
src="images/bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="30" width="10"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td valign="middle"><a href="page6.php"
class="menu">Favorite Links</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="1">
<table style="width: 100%;" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td>
<div style="width: 21px; height: 1px;"><span></span></div>
<br>
</td>
<td
style="background-color: rgb(175, 175, 175);" width="100%"><br>
</td>
<td>
<div style="width: 20px; height: 1px;"><span></span></div>
<br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="width: 100%; height: 100%;" valign="top">
<table style="width: 100%; height: 100%;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td
style="padding-left: 41px; padding-right: 20px;" valign="top">
<table border="0" cellpadding="0"
cellspacing="0">
</table>
<div style="width: 177px; height: 0px;"><span></span></div>
</td>
<td
style="background-color: rgb(175, 175, 175);">
<div style="width: 1px; height: 0px;"><span></span></div>
<br>
</td>
<td
style="padding-left: 20px; padding-top: 17px; padding-right: 21px;"
valign="top" width="100%">
<table border="0" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<table border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td class="text-header">Home</td>
<td
style="padding-top: 1px; padding-left: 10px;"><img
src="images/txtheader_bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="17" width="17"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="pageContent"
style="padding-top: 17px;">
<p>Type Content Here</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="1">
<table style="width: 100%;" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td>
<div style="width: 21px; height: 1px;"><span></span></div>
<br>
</td>
<td
style="background-color: rgb(175, 175, 175);" width="100%"><br>
</td>
<td>
<div style="width: 20px; height: 1px;"><span></span></div>
<br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" height="42">
<table style="height: 42px;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="14">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page1.php" class="abmenu"><img
src="images/bmenu_bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="5" width="5"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page1.php" class="abmenu"
id="abmenu">Home</a></td>
<td width="14">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page8.php" class="bmenu"
id="bmenu2"><img
src="images/bmenu_bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="5" width="5"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page8.php" class="bmenu">About</a></td>
<td width="14">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page14.php" class="bmenu"
id="bmenu3"><img
src="images/bmenu_bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="5" width="5"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page14.php" class="bmenu">Products</a></td>
<td width="14">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page15.php" class="bmenu"
id="bmenu4"><img
src="images/bmenu_bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="5" width="5"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page15.php" class="bmenu">Services</a></td>
<td width="14">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page16.php" class="bmenu"
id="bmenu5"><img
src="images/bmenu_bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="5" width="5"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page16.php" class="bmenu">Support</a></td>
<td width="14">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page17.php" class="bmenu"
id="bmenu6"><img
src="images/bmenu_bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="5" width="5"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page17.php" class="bmenu">eShop</a></td>
<td width="14">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page18.php" class="bmenu"
id="bmenu7"><img
src="images/bmenu_bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="5" width="5"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page18.php" class="bmenu">Contact
Us</a></td>
<td width="14">
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page6.php" class="bmenu"
id="bmenu8"><img
src="images/bmenu_bullet.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="5" width="5"></a></td>
<td>
<div style="width: 6px; height: 0px;"><span></span></div>
<br>
</td>
<td><a href="page6.php" class="bmenu">Favorite
Links</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img
src="images/bottom-left-bg.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="39" width="109"></td>
<td class="footer" align="center" width="100%">Footer
message</td>
<td><img
src="images/bottom-right-bg.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="39" width="89"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td
style="background-image: url(images/right-side-bg.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3);">
<div style="width: 124px; height: 124px;"><span></span></div>
<br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="77">
<table style="width: 100%; height: 100%;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img
src="images/bottom-left-corner.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="76" width="254"></td>
<td
style="background-image: url(images/bottom-bg.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3);"
width="100%"><br>
</td>
<td><img
src="images/bottom-right-corner.gif?template=beauty-003&colorScheme=purple&header=&button=buttons3"
alt="" border="0" height="76" width="355"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>

Sorry that is so long, but I couldn’t find another way to put it on here.

12

Well I wanted to add something, I tried just renaming the file from .php to .html on the server and now it looks exactly the same but is seen as an html file. Also the HTML editor on the server seems to be almost exactly the same as kompozer. So I may have things figured out now. The only thing will be when I get to the point I need the PHP lol.

13

The site you provided does not contain PHP code. Name it *.html

Did you upload all the linked files (/css and /images directories) as well? Your html file alone does not show something useful.

14

Hi,

I will suggest you to get contact with the technical support team and open a ticket for the same.

The world is not enough for me http://imagicon.info/cat/6-26/vbulletin-smile.gif

15

On 01/10/2012 12:56 PM, keiooz wrote:
> I will suggest you to get contact with the technical support team and
> open a ticket for the same.
>

-=WELCOME!=- new poster…but, did you notice that question was both
asked and answered…and, the OP last visited the thread 15 months ago?

–
DD
openSUSE®, the “German Engineered Automobiles” of operating systems!