IPB

Welcome Guest ( Log In | Register )



Tags
This content has not been tagged yet
2 Pages V  < 1 2  
 Reply to this topicStart new topic

How I Design Websites Using Free Software

, This weeks challenge as set by david-essex
musicmaza
no avatar
Super Member
*********
Group: [HOSTED]
Posts: 238
Joined: 10-December 07
From: India
Member No.: 54,553
Post #11 post Dec 12 2007, 09:03 AM
hey buddy thanks for the kompozer software .....i find very helpful when i would start making my site.

and thanks for the other info toooo

i appreciate ur effort

thanks...buddy:)
Go to the top of the page
+Quote Post
SolidShadow
no avatar
Newbie [Level 1]
*
Group: Members
Posts: 23
Joined: 14-December 07
Member No.: 54,791
Post #12 post Dec 14 2007, 11:31 PM
I recommend JOOMLA it's free and installation is very easy. All you need to do is create a MySQL account with your hosting service which is simple enough and upload Joomla via FTP. They have hundreds of extensions and templates to customize your site and 95% of them are free cool.gif . Everything you need to build and maintain a website is already built in.

Check them out here JOOMLA

This post has been edited by SolidShadow: Dec 14 2007, 11:31 PM
Go to the top of the page
+Quote Post
hippiman
no avatar
Premium Member
********
Group: Members
Posts: 150
Joined: 9-April 07
From: Nebraska
Member No.: 41,301
Post #13 post Dec 15 2007, 12:33 AM
I just use notepad++, or just notepad, depending on where I am. I use those for all of my HTML, javaScript, PHP, and CSS. I've also made some applets, but I always use Eclipse for them, and I'm not really sure if you could fit applets into the 'web design' category.
I don't think I'm very creative when it comes to design, either, but if I mess with something long enough, I usually end up with something at least decent.
For web design, if you're really creative, it might be better trying to design it with an art program or drawing it out first, but for people like me, who pretty much suck at design, trial and error is usually better.
Go to the top of the page
+Quote Post
anwiii
no avatar
Privileged Member
*********
Group: [HOSTED]
Posts: 661
Joined: 5-March 06
From: Warsaw, MO
Member No.: 19,564
myCENT:14.62
Post #14 post Dec 15 2007, 01:05 AM
QUOTE(karlosantana @ Dec 6 2007, 10:06 AM) [snapback]360906[/snapback]
ok guys my board is up! look in the category and you'll see a section called 3 Monthly chalenges and look in there and youll see this topic! see you there! Board is Here
Karlosantana!


you are hosting a fatal error on that page
Go to the top of the page
+Quote Post
karlosantana
no avatar
Advanced Member
*******
Group: [HOSTED]
Posts: 126
Joined: 24-November 07
From: Wales(But I'm not a welsh farmer!)
Member No.: 53,645
Post #15 post Dec 15 2007, 10:00 PM
QUOTE
you are hosting a fatal error on that page
Ya i know i screwed it up for the purpose of this post sorry guys! ill be back once ive found out what i did blink.gif well anyway before i added a chatroom i had put cooppermine photo gallery into it xd.gif was well chuffed then i went and screwed it up sorry to everyone who followed that link dry.gif very unhappy
karlosantana
very unhappy
Go to the top of the page
+Quote Post
blackvenom
no avatar
Newbie
*
Group: Members
Posts: 2
Joined: 3-December 07
Member No.: 54,134
Post #16 post Dec 15 2007, 11:05 PM
I would recomend C++ and the other programme......forgot tell u l8ta
free
easssy 2 use
looks cool wink.gif
Go to the top of the page
+Quote Post
karlosantana
no avatar
Advanced Member
*******
Group: [HOSTED]
Posts: 126
Joined: 24-November 07
From: Wales(But I'm not a welsh farmer!)
Member No.: 53,645
Post #17 post Dec 31 2007, 11:20 PM
So It's up in the tutorials section ive still got a second part to add it'll be finished on my web page! (challenges section look down there
\/\/\/ click here to see the first section
Hope this heps

Karlosantana

Happy new year!
Go to the top of the page
+Quote Post
karlosantana
no avatar
Advanced Member
*******
Group: [HOSTED]
Posts: 126
Joined: 24-November 07
From: Wales(But I'm not a welsh farmer!)
Member No.: 53,645
Post #18 post Dec 31 2007, 11:32 PM
This is an edited version for the full verson go here this is a deflated version so as not to be a double post.

Ok so first of all...
What's the website going to be about?
Well How about... huh.gif errr Making a website with free software? xd.gif (see what I did there?)
Second..
We want the website to look nice.. dont we laugh.gif So lets have it looking smooth and gentle with the occasional “loud” colours
Third...
It has to be simple, easy on the eye, but also easy on the brain! (not to many codes)

Thought id never get to it? Well I am!
Lets Get to it!
Once you've installed KompoZer When Its started up you should get a screen like this...


As you can see VERY basic infact it was so basic I was crying for dreamweaver but I forced myself and I learned html I have also put some generators (although I hate them) on my three monthly site take a look here

Now lets start with the index page once we've done the index page everything else just falls into place! because when we have an index page we have our header and footers already made for us!
Load Up GIMP

Go to Xtns--->Logos--->(your choice) (see Pic)
So there's the logo done (you could add whatever logo you want but we're just doing it simple for now). Now using ftp commander upload that to your root directory (public_html). Go back to KompoZer we now want to add that image to our site go to Insert—-->image and enter the image url and the alternate text you should be looking something like this

But doesnt the image look odd with black background on white? lets fix that go to Format--->Page Colour And Backgrounds. If you have an image (which I dont) add its url in (remember that it has to be uploaded!) However im using a colour...black! or #0000000 so click advanced edit (see pic)

There that looks better doesnt it! now lets add some navigation. On the bottom tabs of KompoZer there's one that says “Source”,
Use a generator to generate the hover profile etc etc HERE it does all the hard work for you biggrin.gif add the Script where it tells you to (in between <head> and </head> tags
That's the bare bones done but what are we navigating to? well lets have an about and contact page so three buttons Home-index.html About-about.html and Contact-contact.html.
To start just type in the “buttons” or what you want to call them them leaving space between them (by pressing Tab on your keyboard) now highlight one, then press Ctrl+L (link short cut) then paste the url in the “Link Location” box.

Now this is where the pc nearly went at the wall! the colours change to what they're not supposed to be so to fix this go to Page Colours And Background again and where it says Link Text Change it to what it should be in my case white! now repeat this for all buttons remember what I said earlier about the about page and the contact page? well we will be creating that next, so just make the links http://www.whateveryourthingis.com/about.html etc. (I've left one of the link properties to demonstrate this.) Then you should have something similar to this

Now thats done lets save it onto our computer first go to File---->Save As it'll then ask you for a title this is what people will see on the top of their screens (look on top now) put something like Welcome to my site. Next it'll ask you for a file name save it as index.html, yes that is important, because if you dont save it as index.html people who come to visit will get a file list. If you already have an index page then overwrite it.
Now that you've done that copy it as many times as you need (in this case 2) and rename them to what they should be in this case its contact.html and about.html

Lets make the contact page... a feedback form
Now Im going to just give you the code because it'll take to long to explain what it does, how it does it etc. etc. so here we go. Load up contact.html in KompoZer, go into the source of your page (the tab at the bottom of KompoZer) and insert this inbetween the <head> and the </head> tags
CODE
&lt;script name="JavaScript">
<!--
function SendEmail()
{
        var toaddy = 'name@domain.com';
        var subject = 'JS Form Submission';
        var mailer = 'mailto:' + toaddy + '?subject=' + subject + '&body=' +
'Name%20is\n\t' + document.jsform.visitorname.value +
'\n\n' +
'Email%20is\n\t' + document.jsform.email.value +
'\n\n' +
'Message:\n\n' + document.jsform.message.value +
'\n\n';
        parent.location = mailer;
} // -->
</script>

Right in that there is a bit that says “var toaddy = 'name@domain.com';” change the email address to yours. The second bit is the form itself so put this where you want it. (inbetween the <body> and </body> tags)
CODE
<form name="jsform">
<table><tr>
<td align="right">Name:</td>
<td><input name="visitorname" size="27"></td>
</tr><tr>
<td align="right">Email:</td>
<td><input name="email" size="27"></td>
</tr><tr>
<td colspan="2">
Your message:<br>
<textarea name="message" cols="31" rows="6" wrap="soft">
</textarea>
<center>
<p>
<input type="submit" onClick="SendEmail()" value="Send Message">
</center>
</td>
</tr></table>
</form>


Now it should look something like this

The About page and index page are now very easy you just type in what you want (wile in the normal tab) same with all pages actually the text you put in is entirely up to you! this is the easy part of this topic the even easier parts, forums, products and suchlike will be covered in the next post! (its been a long day and I need sleep!)
Go to the top of the page
+Quote Post
« Next Oldest · Web Design · Next Newest »
 

2 Pages V  < 1 2
Reply to this topicStart new topic

Collapse

> Similar Topics

    Topic Title Replies Topic Starter Views Last Action
No New Posts 4 Mich 659 28th August 2006 - 03:26 AM
Last post by: Mich
No new   14 Lurk 1,637 5th August 2004 - 06:03 PM
Last post by: outwarsecrets
No New Posts   1 -danciens- 216 27th January 2008 - 06:19 PM
Last post by: jlhaslip
No new   61 noxit 5,034 12th November 2004 - 02:04 PM
Last post by: finaldesign
No New Posts   6 -Root- 474 9th August 2004 - 10:19 AM
Last post by: LuciferStar
No New Posts 0 OpaQue 157,287 12th July 2004 - 08:48 PM
Last post by: OpaQue
No New Posts   11 pop 813 20th December 2007 - 12:01 PM
Last post by: A200
No New Posts   10 StEpHxK 1,055 29th July 2004 - 08:05 PM
Last post by: templest
No New Posts   1 Jasontian 172 8th December 2007 - 03:59 AM
Last post by: jlhaslip
No New Posts   5 thewebkid 503 22nd February 2008 - 07:59 AM
Last post by: rvalkass
No new 17 gamefreaksl 1,131 23rd October 2004 - 07:35 PM
Last post by: sargilla
No new 19 EricDrinkard 1,934 18th November 2007 - 05:32 PM
Last post by: -X- Manager
No new   18 Shackman 1,468 10th October 2004 - 01:01 PM
Last post by: eldeo
No new   15 Ariel 1,636 26th April 2008 - 05:45 AM
Last post by: master_ninja
No new   16 Roly 1,154 13th August 2004 - 01:24 AM
Last post by: SilverBoarder