Welcome Guest ( Log In | Register )



 
Reply to this topicStart new topic
> The How To's And What Not's Of Web Design, Version 1.0
onthescreen
post Jun 11 2007, 02:58 AM
Post #1


Newbie [ Level 1 ]
Group Icon

Group: Members
Posts: 4
Joined: 10-June 07
Member No.: 22,540



The How To's and What Not's of Web Design

ByOnthescreen

Whats Included:
  • Setting up Your Server
  • Where to Start
  • Finding a Host/Uploading
  • Forums
1. Setting up Your Server

First Steps:1. Download Xampp for your system:
Linux: http://www.apachefriends.org/en/xampp-linux.html
Windows: http://www.apachefriends.org/en/xampp-windows.html
Mac OS X: http://www.apachefriends.org/en/xampp-macosx.html
Solaris: http://www.apachefriends.org/en/xampp-solaris.html
2. Follow Directions on the appropriate page.
3. Test it! http://localhost/
4. You're Done!

2. Where to Start


I recommend you find a coding program such as Adobe/Macromedia Dreamweaver.

When you code your programs don't include directories(folders) under your primary folder.
Ex:
CODE
Good Code:
<IMG SRC="/home.jpg">
<IMG SRC="/images/home.jpg">
Bad Code:
<IMG SRC="File://C:\Server\image.jpg">
<IMG SRC="File://C:\Server\images\image.jpg">


First we need a layout.

Depending on your type of website you may need different things.

Save your files in your server folder(Wherever you installed it) 99% of the time you want to put it in the "/www/(your project name here)/" folder.



Family Type Layout:

A simple type of page. Not much is really needed here. Languages Needed: HTML
1. Set up a simple TEXT layout. Pick what type of pages you want (Family Tree, Pictures, Events, etc.)
2. Start each page as a blank .html file.
3. Work on the home page, it should be saved as "index.html" if you don't it wont work!
Home Page Should Include:
  • Links to all pages you wish to be visible.
  • A title
  • A header
  • The most important info
Other pages can have:
  • Pictures
  • Links to other websites
  • Tables
What pages SHOULDN'T have:
  • Flash (Its a family Friendly site, flash will actually degrade the site)
  • Counters (They are one of the most annoying things ever)
  • Flashing (We don't want to give Uncle Bob a seizure...)
  • Ads (It's a family site, your not going to get enough traffic to get any income)
  • Marquee
Colors are OK!


Continue To Part 3 If you chose this layout, if not continue down.



Forum Type Layout:


This is somewhat more difficult than some people may think...

This can be put into any website.

Languages Needed: Some PHP, Some MySQL*, HTML

* 90% of forums require a MySQL database, or a similar database. Its good to know how to use one.

1. Set up a homepage.
2. Start each page as a blank .html file. This may be changed later.
3. Work on the home page, it should be saved as "index.html" if you don't it wont work!
Home Page Should Include:
  • A link to the Forum
  • A title
  • A header
  • Some Info

A list of Forums:

MercuryBoard

Ultimate PHP Board (UPB)

phpBB Forum (I use phpBB2, it works great and is semi-easy to customize.)

Zorum Community Forum Software

tForum Bulletin Board System

XMB Forum

Phorum Message Board

NOTE: I have not used/guarantee the availability of ANY of these forums. (Unless otherwise noted.)

4. Download a forum source code.

5. You are finished with this step, Do step 4.

Continue To Part 3 If you chose this layout, if not continue down.

More Detailed Layouts Coming Soon.


3. Finding a Host/Uploading


Currently you are on a host site if you don't like this package try http://www.110mb.com

If you plan to use PHP or MySQL make sure your host supports it. Freewebs does NOT support either!

If you use MySQL(or other) make sure you create your database first!


Good List of Hosts: http://www.freewebsiteproviders.com/free-domain-hosting.php


Uploading

If you have a PHP uploader you may use that, if not use your ftp connection you got with your site.
1. Upload all pages, folders, and files. If your website restricts .htaccess files they are NOT required. Put your Forums(if any) in separate folders.
2. Test it. Put your URL into your browser and check all links and pictures.
3. For those with forums continue. Everyone else is finished!

4. Forums


1. Somewhere in your forum folder there will be some kind of install.php file, run it on your host. NOT YOUR COMPUTER!
2. Follow the directions, you should have set up your database by now.
3. When your finished make sure you get rid of any install files, they could be dangerous to leave intact!
Note: Some forums require SMTP or the PHP mail function. Some Hosts dont offer those for free, you may need to make it to where you cant verify your forum accounts.

5. Version Info/Contact Info


Current Versions:
  • Version 1.0: The First Guide!

Coming Soon:
  • RPG Layouts
  • Screenshots
  • Forum Details
  • More To Do's and Not To Do's
  • Bussiness Layouts

~This is NOT the finished product! More may be coming soon!~
Copyright © 2007 DXK Productions
Go to the top of the page
 
+Quote Post
ossanzi
post Aug 19 2007, 02:52 PM
Post #2


Newbie [ Level 1 ]
Group Icon

Group: Members
Posts: 8
Joined: 19-August 07
Member No.: 24,196



Especially choosing main colors for your site is very important i've spent three days only for this problem
If you think you may earn money from your website i highly recommend to host yoru website at a paid hosting company because free offers never include some basic properties like PHP mail function
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. The Best Web Design Combo(28)
  2. Comprehensive List Of Resources On Graphics/design(12)
  3. True Free Design Program?(16)
  4. Microsofts Acrylic(1)
  5. Help With Game Design In C++(7)
  6. What Version Of Macos Do You Use?(12)
  7. A Free Graphic Design Program That Could Equal Photoshop?(35)
  8. New Google Earth, Version 4(20)
  9. The Best Version Of Windows(42)
  10. My Own Car Design Done With 3DS Max Rate It!(32)
  11. New Version Of Windows: Windows Fiji(11)
  12. Choosing Computer Parts & Assembling 101(5)
  13. Help(3)
  14. Where Can I Find Free Web Design?(9)
  15. Looking For Recommendations For A Web Site Technologies(3)
  1. Graphic Design Program(7)
  2. Are Webspaces Old News, Is Myspace...& Others The New Deal(5)
  3. Photoshop 7.0 Wdc: Feature Area(3)
  4. Photoshop Express Beta(3)
  5. New Film "expelled: No Intellegence Allowed"(0)
  6. I Need Help(2)
  7. New Version Of Ad-aware(1)
  8. How To Create A "user Profile" Page.(14)
  9. What Version Of Photoshop Should I Buy?(12)
  10. Which Linux Version For Newbies?(14)
  11. Design A Contact Form In Flex Part 1(0)
  12. How To Design A Form In Flex 2(0)
  13. How To Design A Contact Form Part 3(0)


 



- Lo-Fi Version Time is now: 13th October 2008 - 12:33 AM