Go Back   Tech Support Forum > Design Forum > Design Discussion & FAQs

User Tag List

Help with designing a website

This is a discussion on Help with designing a website within the Design Discussion & FAQs forums, part of the Tech Support Forum category. I'm an ICT-student and we got a project to make a website for a company. The company I got has


Closed Thread
 
Thread Tools Search this Thread
Old 04-04-2011, 04:05 AM   #1
Registered Member
 
Join Date: Apr 2011
Location: Aruba
Posts: 27
OS: Windows 7



I'm an ICT-student and we got a project to make a website for a company. The company I got has an old website, but they want me to make a new one out of scratch. We were in groups of 2 people, but my partner left me hanging now I have to make it solo, that's not the problem though, I have experience with Adobe Photoshop, he had experience with Adobe Dreamweaver, he was suppose to teach me Dreamweaver and I teach him Photoshop, so it would've been the ideal team, or so it seemed.

I have Adobe Master Collection CS5.

I am able to use Adobe Photoshop with ease.

I cannot use Adobe Dreamweaver, as I have no experience with it.

I have had experience with CSS codes, in pre made forums and such.

I have access to the old website's host and FTP( no clue what to do with these though)

What I ask is if someone knows of a good tutorial and can point me towards it, on how to make the design and code the website with Photoshop/Dreamweaver.

Thank you in advanced.
Ciphre

* link to old website De Ron Machine Shop

* Dunno if this was the right thread to post this is in
Ciphre is offline  
Sponsored Links
Advertisement
 
Old 04-05-2011, 10:42 PM   #2
TSF Team, Emeritus
 
Laxer's Avatar
 
Join Date: Dec 2010
Location: Portland, OR
Posts: 5,202
OS:

My System


the first thing i would do is grab a piece of paper and draw the structure for the website out.

(header,navigation, content, footer... etc)

once you have the idea on paper or in your head you can move onto coding.

design a "template" for now something like:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>Template 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="index.css" rel="stylesheet" type="text/css"> <!-- Attached CSS -->

<style type="text/css">
<!--

/*Embedded CSS*/



-->
</style>
</head>



<body>
	<div id="wrapper">
		<div id="header">My Templates</div>
		<div id="inner-wrapper">
			<div id="nav">

				<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
				</ul>

			</div><!--closes nav-->

			<div id="content">

				<h1>My Template</h1>

				<p>this is come content</p>



			</div> <!--closes content-->

		</div> <!--closes inner-wrapper-->

		<div id="footer">Some info</div>

	</div> <!--closes wrapper-->

</body>

</html>
for the attached css something like:
Code:
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#wrapper {
	width:600px;
	border:1px solid black;
	background-color:grey;
	margin:0px auto 0px auto;

}

#header {
	width:538px;
	height:88px;
	border:1px solid black;
	font-size:46px;
	font-family:bookman old style;
	text-align:center;
	background-color:red;
	margin:20px auto 0px auto;
	padding:5px;

}

#inner-wrapper {
	width:550px;
	border:0px solid black;
	margin:20px auto 0px auto;	
}


#nav{
	width:101px;
	height:188px;
	border:1px solid black;
	background-color:white;
	float:left;
	margin-bottom:20px;
	padding:5px;


}

#nav li {
	margin:0px 0px 3px -35px;
	list-style-type:none;
	border:0px solid black;
}

#content {
	width:400px;
	border:1px solid black;
	background-color:blue;
	float:left;
	margin-left:25px;
	margin-bottom:20px;
	padding:5px;

}

#footer {
	width:538px;
	height:88px;
	border:1px solid black;
	clear:both;
	margin-left:25px;
	padding:5px;
	margin:0px auto 20px auto;

}

.text-emphasis {


}

Please note: this is an existing example from an online source, this is just to get you started.
__________________

..Notepad++ | CoffeeCup | WAMP | GIMP | VLC | Debut | CometBird | Web Dev
Laxer is offline  
Old 06-13-2011, 09:06 PM   #3
Registered Member
 
Join Date: May 2011
Posts: 11
OS: Windows 7



what you ask for cannot be done in a single tutorial. It may take you a lot of tutorials. Coding, designing, slicing.. just be patient and learn them step by step. :)
sysdoctor is offline  
Sponsored Links
Advertisement
 
Old 07-18-2011, 05:15 AM   #4
TSF Team, Emeritus
 
TheGift73's Avatar
 
Join Date: Oct 2006
Location: UK
Posts: 1,553
OS: Windows 7 Ultimate X64 and x86 SP1 & Windows XP Pro SP3

My System


One place that gave me some great step-by-step instructions on getting my site up and running was this one. I'd advise doing what Lax said regarding getting it down on paper first so you will know what you want the actual site to look like, (how pages link with each other etc) as this is something I didn't do and had to spend a bit of time restructuring it a bit later.
Once you have a basic site up and running, post a link back to it here for the staff and helpers to look at it and give some pointers if you need any.
TheGift73 is offline  
Closed Thread

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Similar Threads
Thread Thread Starter Forum Replies Last Post
Website query! Has anyone Used this website?
Hi everyone, I just want to find out. I just made a purchase from the following website and it's basically a multitask utilities disk that you can create in order to boot into windows if you are having problems. The chap on the website mentiones that some antivirus products recognise what's known...
Crashburn General Computer Security 9 04-02-2011 06:28 AM
Cannot access our own website or emails
Hi I came on here a few weeks ago with a related posting (see thread here: https://www.techsupportforum.com/forums/f31/solved-internet-phone-network-issues-542784.html). Very shortly after we thought it was (SOLVED), the issue is now very much (UNSOLVED)! We are now losing business due to...
truffle32 Networking Support 9 01-28-2011 07:06 AM
Lush website hack 'exposes credit card details'
Luxury cosmetics firm Lush has ditched its UK website in response to a sustained hacking attack which left users vulnerable to credit card fraud. The firm warns that credit card details submitted to the Lush.co.uk site between 4 October and 20 January may have been compromised by the assault by...
sjb007 Computer Security News 0 01-21-2011 10:59 AM

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is on
Smilies are on
[IMG] code is on
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Post a Question


» Site Navigation
 > FAQ
  > 10.0.0.2
Powered by vBadvanced CMPS v3.2.3


All times are GMT -7. The time now is 04:23 AM.


Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2020, vBulletin Solutions, Inc.
vBulletin Security provided by vBSecurity v2.2.2 (Pro) - vBulletin Mods & Addons Copyright © 2020 DragonByte Technologies Ltd.
User Alert System provided by Advanced User Tagging v3.1.0 (Pro) - vBulletin Mods & Addons Copyright © 2020 DragonByte Technologies Ltd.
Copyright 2001 - 2018, Tech Support Forum

Windows 10 - Windows 7 - Windows XP - Windows Vista - Trojan Removal - Spyware Removal - Virus Removal - Networking - Security - Top Web Hosts