|
|
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... errr Making a website with free software? (see what I did there?)Second..We want the website to look nice.. dont we So lets have it looking smooth and gentle with the occasional “loud” colours Third..... read more.
Great idea!
I'm thinking of creating a new website, however all of my tools and stuff are on my old computer (which is pretty much broken at the moment), so I can't use frontpage or dreamweaver or anything like that. All I know is there's a few html generators out there, like the myspace ones and stuff (although I'd hardly think it'd help hehe)...Or you could just use source code from another website (which isn't copywrited obviously) and edit it. I'll be sure to re-look at this thread if anyone has any other suggestions. Are you going to be posting the results on here? Tools 1.HTML editor I'm using a FREE WYSIWYG (What You See Is What You Get) editor that also doubles up as a code editor to! it's called KompoZer You can download it by clicking HERE It looks good! 2. FTP manager There are loads of them! I've used a few but the best has got to be Filezilla There is another one that i use called web CEO but haven't looked for the download link because it requires registering and the whole idea of this post is FREE anonymous Web editing! Theres also another one called FTP Commander That's REALLY good! 3. Free Script Generators Now i have used some generators and in the end I gave up, "Why?" I hear you say simple reason is is that they DON'T work simple reason is is that they're Javascript. So that means javascript generating... Javascript! or html it will include itself somewhere and youll be all chuffed that you've generated a kick-*bottom* script and it wont work (belive me i tried and raked through hundreds, and that isn't an exaggeration i really have been going through hundreds) no dis-respect to strange-garden 4.Free scripts There are so many website that offer free scripts, Javascript, html, php, xhtml ive ever seen some asp believe it or not! Javascript Now javascript is very simple but clever stuff. Javascript generators (as said in 3) DONT work properly so try to aviod them for fear of being humiliated you want to get the script and personalize it yourself(if you use a javascript password BEWARE they are very easy to crack) HTML HTML is clever to if you ever buy a website though dont be fooled by the common expression "i use pure HTML" or "i just use complex pure HTML all my websites use HTML" Get hold of them and shove them up a camels... nose because "pure HTML isnt "complex" its Quite simple, and at the same time it can be hacked password stolen etc JavaScript Source-  BRILLIANT i use it for most my javascripts it also has preview pages which help to!Javascript Kit -  iv have used this website many times the script do occasionaly not workDynamic Drive  disappointing i used it for the first time and wanted to throw my laptop at the wall. I gave it many chances to prove itself but im sorry Dynamicy you just suck you dont work Free-Javascripts.com very good all scripts work however there isn't a huge choiceJava-Scripts.net Impressive! but i did get a couple not work so just the for you im afraidJavascript City.com Incredible the dude who made that knew what to do and how to do it the site even LOOKS nice!, PHP PHP is a reflective programming language originally designed for producing dynamic web pages. PHP is used mainly in server-side scripting, but can be used from a command line interface or in standalone graphical applications. Forums SMF REALLY good nothing but praises for SMF (Small Machines Forum) PHPBB2 Ive Used it the admin board will inevitably stop working no matter how many times you clean your cookies as they suggest you do costumer service also sucks but was impressed at first!These are the best two there are others there one in particular that I've used and it was fantastic built by a student and the money helped fund his studied it was called chameleon board or something as i say it was really good but i cant find it  (if you built it and am reading this tell me what happened?)Gallery Coppermine Gallery Fantastic! I get the occasional problem but talk with people enough and someone will help youPlogger BRILLIANT loved it a hickup with building a theme but that always happens to me!Chat WebChat multiple rooms, no browser refresh,emotions, private messages loved it!Open Chat whisper mode is a great idea! a really good idea but i hate the browser keep refreshingwith chat your better going with a flash chat because they're just so good! there is a product called flashchat and i was gonna buy it for the pupose of this post but the idea is FREE! e-commerce osCommerce Loved it but did have a couple of problems personalizing itZencart really good! personalizable easy to use control panel better than many non open source (free) ecommerce thingsthe ratings are =Excellent,Brilliant Good, but had some problems, theres betterThis is what i've looked at so far If you have any suggestions please do suggest away! if you dont hav an account then GET ONE and suggest away (that isn't meant to be nasty) karlosantana
Oh wow! Thankyou thankyou thankyou!!!
and yeah, I didn't think generators were the way to go. hehe. Thanks for the post though!
well, you have my support. very well done and even including links to all your recomended sites and the faces to add to your review. keep up the good work becasue i will be looking forward to reading more on this thread. i might even experiment with the links you posted and input my opinion after i read some more updates
don't let this thread die. you're doing a great job and very usefull and helpfull for all those seeking to build their own site that don't have the money to pay for software or scripts and resources
Well i'm primarily a PHP/mysql/html/css coder and i love the free software PHP Designer, Google it! Despite the name it edits any text file you can think of. This isnt a WYSIWYG Editor because i find them clunky and im a coder not a designer so i rarely have use for one, though i will download KompoZer as i do use them sometimes
For coders i would recommend PHP Designer as its FREE for non-commercial use and its syntax highlighted, so it will highlight your code to help you out and when coding if you start a pre-defined function such as mysql_query it will tell you what information needs to go into the brackets which can be a great reminder! If youre just coding someone else's design then i recommend NOT using a WYSIWYG editor as usually WYSIYWGs add code that you might not need or want, and one big annoyance with 3 that ive tried is every time i hit the enter key i get a BR tag and i dont want one there! If youre not familiar with HTML or hand coding or youre a designer then a WYSIWYG will be very useful. Another item I'd like to add are tutorials. the reason being is that you could have all the software in the world but without knowing what to do with it youre never going to get anywhere! One place that was great in my early days of PHP is Tizag.com google something like "Tizag HTML tut" and youll find all sorts of tutorials thre for HTML, JS, CSS, SQL, PHP and maybe graphics. In general a google search will return many results for good tutorials. Of course these are al free. And another thing would be graphics editors. Essential for designers, you could just use MS pain or its linux/unix/mac counterparts but generally theyre very limited. Most people use the GIMP as its completely free and not bad in its functionality. Advanced designers might find it limited though so i suggest googling or asking around. My setup of software is like this, all of it is free of course : Editors Code Editors: PHP Designer And Terillian Webpage and Nvu WYSIWYG Ediors Image Editor: GIMP Sound Editor: Audacity -- Not really needed but could be useful sometimes Browsers/Debuggers etc..: Mozilla Firefox Internet Explorer V6 -- Not upgraded as IE 7 is a memory hog and useless, if im desperate to test in IE7 then i can get it but we all know Mozilla will take over soon  Other PHP/MYSQL Servers/IDE's: XAMPP -- This is used to allow me to run and therefore test my PHP FTP Client: Smart FTP And thats about it. I think its a good idea to share our setups so those who need new software can see what is preferred by other people, and it also helps newbies to decide what setup they might need. A good thread here!
Is there any reason why you don't use free software?
Do you think its unsafe or something? I find it strange how people don't use free software when its there
Thankyou shadowx as you said (about adding things where you don't want them) REALLY if your gonna design PHP DONT use WYSIWYG editors as they do add things where you don't want them Dreamweaver is a classic example i was editing my sight well anyway i had to re-install the forum and the gallery etc however it had its benefit though i now have a kick *bottom* forum look at the gallery in particular i will be telling everyone how i did it when its themed as even its teeth are a different colour.
gogoily, people make free software for people to use SMF is a classic example! my cousin is a classic example he built the first ever dj'ing software (honest) and he made it free, so ordinary people can start a dj'ing business easily (and cheaply). as shadowx said why are you afraid? or one of these people who have designed software and charge for it? so wnything else is err hurting you pocket? Please explain as I'm interested because everybody wants FREE! p.s. thankyou for everybodys support! it was really nice to look at this post and i was being supported! thankyou! oh also shadowx can i see something you've designed i will tell you why in a pm! 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 QUOTE shadowx can i see something you've designed i will tell you why in a pm! Ah unfortunately I'm not a designer so i haven't designed anything as such. I've followed tutorials but haven't done any design work myself for one good reason..I cant design! If you're interested in seeing some of my code then i have a few scripts i can send over but if its graphical designs you're looking for I'm, unfortunately, not the man, i don't have an artistic mind so my designs just don't work. My codes aren't bad though! Latest Entries
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...  errr Making a website with free software? (see what I did there?)Second.. We want the website to look nice.. dont we  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 add the Script where it tells you to (in between <head> and </head> tagsThat'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 <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!)
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!
I would recomend C++ and the other programme......forgot tell u l8ta
free easssy 2 use looks cool
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  well anyway before i added a chatroom i had put cooppermine photo gallery into it was well chuffed then i went and screwed it up sorry to everyone who followed that link  very unhappykarlosantana very unhappy 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
Similar Topics
Keywords : design, websites, software, weeks, challenge, set, david, essex
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 many ways to impress your visitors (0) SCRIPT.ACULO.US Homepage AJAX is a futuristic language used by experts to can anyone suggest me? (9) I am looking for a blogging software for wordpress. I know of Windows Live Writer Beta, but the Have a look at the features... (28) In the fantastico section of the Trap17 cpanel you might have noticed that there is an opportunity (45) I dont like phpbb, but anything that is a bit like IPB wood be nice, can anyone just tell me a good (5) I was wondering if anyone could give me some advice on how to go for building a site that I can run 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 (4) i have tried phpBB, IPB and vBulletin. i personally recommend IPB for its smoothness and vB for the (0) for all you mac people, there is a great software called rapidweaver. its built with your grandma in (17) I currently Considering to buy a web design software but im realy confused on wich one to get my (15) I'm thinking of using Mambo Open Source because I saw WYSIWYG was included to help design your 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 2 cool websites (0) Here they are: CODE http://www.freepsd.com http://www.freephotoshoptemplates.com .... 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 To Learn (0) Here they are: CODE http://mmmysql.sourceforge.net www.sqlservercentral.com www.mssqlcity.com Scripts and learn asp (0) Here they are: CODE www.15seconds.com www.4guysfromrolla.com www.asp101.com (2) I know most people use IE but is there a way to browse your website as if it were other versions of 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. Looking for design, websites, software, weeks, challenge, set, david, essex
|
 How I Design Websites Using Free Software - This weeks challenge as set by david-essex |
