Add to Google

How I Design Websites Using Free Software - This weeks challenge as set by david-essex

Pages: 1, 2
free web hosting
Open Discussion > CONTRIBUTE > The Internet > Web Design

How I Design Websites Using Free Software - This weeks challenge as set by david-essex

musicmaza
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:)

Comment/Reply (w/o sign-up)

SolidShadow
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

Comment/Reply (w/o sign-up)

hippiman
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.

Comment/Reply (w/o sign-up)

anwiii
QUOTE(karlosantana @ Dec 6 2007, 10:06 AM) *
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

Comment/Reply (w/o sign-up)

karlosantana
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

Comment/Reply (w/o sign-up)

blackvenom
I would recomend C++ and the other programme......forgot tell u l8ta
free
easssy 2 use
looks cool wink.gif

Comment/Reply (w/o sign-up)

karlosantana
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!

Comment/Reply (w/o sign-up)

karlosantana
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!)

 

 

 


Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

Pages: 1, 2
Similar Topics

Keywords : Websites Software Weeks Challenge David Essex

  1. What Is A Good Free Forum Software? - (45)
    I dont like phpbb, but anything that is a bit like IPB wood be nice, can anyone just tell me a good
    free forum software?...
  2. Useful Websites For Web Developers - (2)
  3. Dreamweaver Cs3 Help With Php - dunno where to post topic. webdesign based but software? (1)
    i have installed cs3 and its good with html and such but when im previewing .php files its showing
    not connected to internet. do i still need to install php,mysql and such? xamp right?...
  4. Animation Software? - anyone know of any good mac aps (6)
    I wondering if there any really good animation, not 3-d software. I've tried poser but it's
    a no go takes forever....
  5. What's The Best Content Management Software? - (15)
    I'm thinking of using Mambo Open Source because I saw WYSIWYG was included to help design your
    site, but I'm not sure if I should go with it. What are you all using, and what do you find to
    be the most user friendly. I'm new to PHP (translation: I don't know what the hell I'm
    doing), so what would be the easiest for me to put up. I've already designed my site in
    Frontpage with frames, but I'm ready for a more grown up site. Let me know. Thanks
    /smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /> ...
  6. Script.aculo.us - A Library Of Ajax Scripts To Improve Your Website's Design - many ways to impress your visitors (0)
    SCRIPT.ACULO.US Homepage AJAX is a futuristic language used by experts to
    program the web. It adds many interesting features which will enhance your website. Click the link
    below for a demo of all the things you can do with the AJAX scripts available on script.aculo.us:
    http://wiki.script.aculo.us/scriptaculous/show/Demos The current version (1.7.0) of the entire
    library of their scripts is available as a download in ZIP , TAR.GZ and TAR.BZ2
    format. ZIP {146KB} TAR.GZ TAR.BZ2 Please see the documentation available on...
  7. Phpbb 3.0 Beta 2 - Free Forum Software - Have a look at the features... (28)
    In the fantastico section of the Trap17 cpanel you might have noticed that there is an opportunity
    of have a Forum installed on your Hosting account. One of the available Forums is phpBB, and last
    time I checked, the version on the fantastico was something like 2.17. The newest production
    version is phpbb 2.21 and it includes all the latest fixes and bug squashes. The 'new'
    phpbb is version 3.0 Beta 2. This means it is not yet suitable for an actual production environment,
    but it is solid enough to be made available to user for testing. Phpbb 3 Beta 2 version...
  8. Blogging Software - can anyone suggest me? (9)
    I am looking for a blogging software for wordpress. I know of Windows Live Writer Beta, but the
    only problem with it is it doesn't accept html tags in a post while in wordpress it is possible
    to put tags such as and stuff like that. The blogging software should also allow me to format
    pictures by putting borders such as a drop shadow or photopaper like what is commonly seen in
    today's blogs. Can anyone suggest anything?...
  9. Community/forum/website Management Software - (5)
    I was wondering if anyone could give me some advice on how to go for building a site that I can run
    a small-sized community with maximum costumization as well as hook a portal up to it so I can post
    content on the site, guides, block messages of text, etc... I was think of going with IPB or PhpBB
    and Mambo/Joomla or whatever they're calling themselves these days. It's more of a matter of
    which combo has the best/any modification(s) to fuse them, otherwise I might try out PhPNuke, but I
    don't particularly like it, wished it had a bit more costumization and ...
  10. Which Forum Software Should I Use? - Please suggest me some scripts (28)
    OK, here is my predicament, I know I've posted this before, but... This time I have tried both
    forums... I am trying to decide between IPB and phpBB. Here is what I want for my forum from each
    software... I like the ease of use, and simplistic design of phpBB. I like the many feature of IPB,
    such as changing rankm colors, and the rank masking system for forum permissions. I also want three
    of the mods I currently have on my forums, the Army System, IBPro Arcade, and D2-Shoutbox, I know
    phpBB has an Arcade mod, and a Shoutbox, but frankly they both need some work ...
  11. Which Forum Software Do You Use - (4)
    i have tried phpBB, IPB and vBulletin. i personally recommend IPB for its smoothness and vB for the
    number of hacks available and professional system.for small clan sites use phpBB...
  12. Web Design Software - (17)
    I currently Considering to buy a web design software but im realy confused on wich one to get my
    main choices are frontpage and dreamweaver can you please tell me wich one is better or if there is
    a better one then tose two thanks /blink.gif' border='0' style='vertical-align:middle'
    alt='blink.gif' /> ...
  13. Great Website Design Software For Mac - (0)
    for all you mac people, there is a great software called rapidweaver. its built with your grandma in
    mind. its so easy to use. anyone can build a website with it. the best part it just doesnt make your
    everday ugly website. this makes nice clean glossy websites. its has its own ftp software built in.
    with form builder and blog builder and much more. its very cheap like 34 bucks its worth every
    penny. check it out realmacsoftware.com...
  14. Free Affiliate Management Software? - Anybody use any of these, successfully? (2)
    I'm experimenting with setting up my own affiliate program. Since I'm not sure if it will
    work for me (my products are just tutorials) I don't want to sink any money into it. I have an
    idea for how to do this from scratch--free and easy--but I need to be sure it will work, first, and
    be worth doing. I'd love to hear from any of you who have had experience setting up your own
    affiliate programs--especially free or cheap--since those are the ones that would be my competition
    if I can develop my own and make it fly. TIA, Suz...
  15. Desgin Websites For Multiple Browsers - (2)
    I know most people use IE but is there a way to browse your website as if it were other versions of
    IE or even other browsers (Netscape, Opera, Firefox, etc.). I want know how I can test a website
    for those browsers and older versions of IE. Obviously one way is to downlaod all the browsers and
    test that way but it is something I am trying to avoid. Plus, I can't test older versions of
    IE. Any suggestions?...
  16. Free Photoshop Templates - 2 cool websites (0)
    Here they are: CODE http://www.freepsd.com http://www.freephotoshoptemplates.com ...
  17. Sql Or Db And Php - Good Websites - To Learn (0)
    Here they are: CODE http://mmmysql.sourceforge.net www.sqlservercentral.com www.mssqlcity.com
    www.easy-sql-server.com www.devshed.com - Everything of Databases www.usg.com.br/mysql - Have to
    translate http://home.wanadoo.nl/techlinq - SQL News www.datanamic.com - Everything of Databases
    www.faqts.com - faqs of SQL www.cynergi.net/exportsql - Scripts MYSQL www.edatanew.com -
    Everything about MySQL data manager www.myqry-generator.com - MYSQL Tool: MyQry Generator
    www.phpdev.com - PHP and mysql articles http://mysqlfront.venturemedia.de - News about mysql...
  18. Some Good Asp Websites - Scripts and learn asp (0)
    Here they are: CODE www.15seconds.com www.4guysfromrolla.com www.asp101.com
    www.learnasp.com www.kamath.com www.aspfree.com www.aspzone.com www.devasp.com That's
    it for now....
  19. Tools And Websites To Promote Websites - What tool you use to promote your websit (0)
    I use: IBP - Internet business promote; all-in-one traffic seeker; addweb website promoter pro 7.
    What do you use?...



Looking for design, websites, software, weeks, challenge, set, david, essex

Searching Video's for design, websites, software, weeks, challenge, set, david, essex




advertisement



How I Design Websites Using Free Software - This weeks challenge as set by david-essex