Solved

how to learn how to make web-page layouts

Posted on 2004-04-10
12
398 Views
Last Modified: 2010-04-06
im trying to learn how to make web-page layouts. what program should i use? and where can i find tuturials.
0
Comment
Question by:Ruff-Ryder
  • 3
  • 3
  • 2
  • +4
12 Comments
 
LVL 15

Expert Comment

by:Daydreams
ID: 10797323
Hi Ruff-Ryder,

You have posted in the Graphics Topic Area, and you may want to have a Page Editor move this to the Web Development Topic Area, where more experts may give advice on this topic:

http://www.experts-exchange.com/Web/

You can always ask to have your question moved at the Community Support Area:

http://www.experts-exchange.com/Community_Support/


As to your question:

You don't need any special program. You can use any text editor like Notepad, and a browser, such as Internet Explorer or Mozilla. here are some basic tutorials:

http://www.westciv.com/style_master/hands_on_tutorial_sm/index.html
http://www.webstyleguide.com/page/index.html
http://www.w3schools.com/

Here are some resources on web page layout:

http://glish.com/css/
http://www.bluerobot.com/web/layouts/
http://css-discuss.incutio.com/?page=CssLayouts

0
 
LVL 30

Accepted Solution

by:
weed earned 20 total points
ID: 10797338
That's usually called Design and its not something a program is going to do for you. It's something you learn how to do, like drawing, painting, etc. Once you know how to do it, you can do it in all sorts of programs. Photoshop, ImageReady, in combination with Dreamweaver, etc. There arent many "design" tutorials. There are rules but you can still "blow it" design wise if you obey the rules. Can't learn to draw with a tutorial, cant learn to design with one either.
0
 
LVL 16

Expert Comment

by:Sohel Rana
ID: 10797573
Hi there:

For designing web page layout you can user mainly Dreamweaver or Microsoft frontpage. Besides, I suggest you to design with photoshop. Nowadays, most of the cool designs (template) are making by photoshop.

Here are some useful urls for tutorials:
Web design by photoshop:
http://www.pegaweb.com/tutorials/touch-of-class/touch-of-class-web-design-tutorial-1.htm

Front page tutorial:
http://www.online.uillinois.edu/oakley/frontpage2000/
http://www.learningspace.org/tech/FrontPage/
http://www.fgcu.edu/support/office2000/frontpage/index.html

Dreamweaver tutorial:
http://hotwired.lycos.com/webmonkey/authoring/tools/tutorials/tutorial1.html

Dreamweaver Free Video Tutorial:
http://www.121dreamweavertutorial.com/


Others:
http://web-bureau.com/modules/design.php
http://www.sitepoint.com/cat/design-and-layout

rsdn
0
Does Powershell have you tied up in knots?

Managing Active Directory does not always have to be complicated.  If you are spending more time trying instead of doing, then it's time to look at something else. For nearly 20 years, AD admins around the world have used one tool for day-to-day AD management: Hyena. Discover why

 
LVL 30

Expert Comment

by:weed
ID: 10797579
oooooh...dont encourage the use of FrontPage.
0
 
LVL 2

Expert Comment

by:JakeBushnell
ID: 10799050
Hey, I think FP is great, especialy for those who are just getting thier feet wet in web design... I will admit it has many drawbacks but when your just starting it is really easy to learn! ;-)

Ruff-Ryder, when designing webgraphics and layout dont skimp when it comes to a photo editor. I personaly think Adobe Photoshop is the greatest thing since sliced cheese!

Daydreams gave you a good anwser... The only thing I can add is jump in and don't be discoraged or afraid to ask questions!

Jake
0
 
LVL 30

Expert Comment

by:weed
ID: 10799381
The problem with FP is that it generates more FP traffic on EE. Suggest it now, and 3 weeks from now Ruff will have to post a question about why his web pages only work in IE, or why other folks are writing to him about poor HTML code. We'll have to answer by telling him that FP writes terrible code and to switch to Dreamweaver. Might as well nip it in the bud right now.
0
 
LVL 15

Expert Comment

by:Daydreams
ID: 10799857
> Might as well nip it in the bud right now.

I agree with weed. Especially if you are just starting. I highly recommend Notepad for the budding web designer. Look at the tutorials, learn to write your own code, then take a look at Dreamweaver and various other programs. It is my opinion that Frontpage is not the way to go.

If you want more than Notepad, you can try:

Notetab Light - http://www.notetab.com/ntl.php

..or Homesite, available from Macromedia. It has integrated the (best) CSS editor (Topstyle):

http://www.macromedia.com/software/homesite/


You might like HTML-Kit (integrates with Topstyle Lite):

http://www.chami.com/html-kit/features/

Or you might like AceHTML, which has a free and pro version (includes style sheet editor):

http://freeware.acehtml.com/
0
 
LVL 1

Expert Comment

by:thurston_l
ID: 10801047
0
 
LVL 19

Expert Comment

by:webwoman
ID: 10802939
FrontPage 2003 is not as bad as the old versions, BUT you really, really, really need to learn what you're doing BEFORE you use any of the visual tools. At the very LEAST, learn the basics of HTML.

And if you must use FP, NEVER use any of the FP wizards. Those are the things that cause all the problems. To be fair, Dreamweaver has some effects, and those cause heartburn for newbies too.
0
 
LVL 1

Author Comment

by:Ruff-Ryder
ID: 10804720
FP Sucks. I go with DW MX 2k4...I've had to many prob's w/ frontpage b4
0
 
LVL 1

Author Comment

by:Ruff-Ryder
ID: 10804751
I know how to use html....I just don't exactly have expertise in like....the bg patterns for them...and text effect for headers and etc....
0
 
LVL 1

Author Comment

by:Ruff-Ryder
ID: 10804772
i kno i didnt really specify but thnx for teh help.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
In this second Micro Tutorial in the series,  viewers will learn more basic shortcuts and functions of Illustrator. In this tutorial you will learn about the eyedropper tool, zoom , ellipses and more.
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question