 Web design for Beginners |
  |
| Hussein |
 Jun 28 2007, 10:57 AM
Post
#1
|
|
Group: Members Posts: 1 Joined: 27-June 07 Member No.: 3,209  |
Please i am a beginner in the field of web design. i would like to know the best way to become accustomed to web design. if possible tips on how to become a professional. Thank you
|
  |
 
|
| Frederiek |
Jun 29 2007, 02:21 AM
Post
#2
|
|
Programming Fanatic  Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
I can't tell you how to become a professional. All I can say is document yourself, read a lot and learn by trial and error. You can start right here in the FAQ and the references (links at the top and bottom of this page). And search around the web. And if you have some graphical (design) skills, that would help too.
|
|
|
|
| HLA91 |
Jul 8 2007, 06:44 AM
Post
#3
|
|
Member Group: Members Posts: 33 Joined: 11-February 07 From: South Wales Member No.: 1,861 |
Google it and if you see a site that you think hey nice layout look at the source and make your own using that as a guideline.
|
|
|
|
| Dbosch |
Jul 12 2007, 04:12 PM
Post
#4
|
|
Member Group: Members Posts: 56 Joined: 5-June 07 Member No.: 3,000 |
Im sorry but to copy someone elses code and use as your own is the worst idea for becoming a professional.
There's no quick way for becoming a pro. also depends of what you call a professional. This is pretty vague avaluating method for web designer. to become success you need to learn graphic editing apps like photoshop or imageready or fireworks.(or Gimp if you cant afford others) Then you have to learn how to properly export graphics for web and which format serves better for which purpose. then I would recommend learning program Dreamweaver or Front Page for speed and flexibility. Learn how to apply image as inserted and background images. Learn basic CSS to style your page fonts , links etc. nexyt learn to put all the above on a single page. also browse and see others work and get inspired. that doesnt mean copy paste others work. be original. Also to be able to create esthetically pleasing layouts you need some graphic designer education and learn basics of layout rules. (yes it has lots of rules) how to use space and design elemts and how to make them work together to create visually pleasing flow. Also color coordination is important and how to combine them according to content character.  |
|
|
|
| Dr Z |
Jul 12 2007, 04:34 PM
Post
#5
|
|
Advanced Member Group: Members Posts: 221 Joined: 23-August 06 Member No.: 11 |
Most of Dbosh's recommendations are good, but personnaly I am not very fond of using HTML editors like Dreamweaver, and, especially, Front Page.
Perhaps, I am old fashioned, but I prefer to stick to a text editor, and code it from scratch. When I am testing or trouble shooting along the way, at least I know what code I wrote and for what purpose, and do not have to worry about what code the HTML editor program sneaked in behind my back. |
|
|
|
| Darin McGrew |
Jul 12 2007, 06:16 PM
Post
#6
|
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
The big problem with all the pseudo-WYSIWYG editors is that they mislead naive authors into thinking that the web is WYSIWYG. The worst ones (e.g., MS Frontpage) also produce broken markup, and may even break your correct markup after you leave the "edit source" mode.
The best of the pseudo-WYSIWYG editors manage to avoid breaking your correct markup, and can be useful (e.g., for site management) in the hands of someone who knows what they're doing. I've heard good things about Dreamweaver and Nvu in this regard, but I haven't used either myself. |
|
|
|
| Dbosch |
Jul 14 2007, 08:51 AM
Post
#7
|
|
Member Group: Members Posts: 56 Joined: 5-June 07 Member No.: 3,000 |
If person insists on using only Notepad for coding then you should pretty much scrap the graphic editor slice expoting features with html export.
Exporting only sliced images and then creating html page applying each bit and piece of sliced image manually will make your life very difficult |
|
|
|
| Peter1968 |
Jul 14 2007, 04:52 PM
Post
#8
|
|
Serious Coder Group: Members Posts: 448 Joined: 23-September 06 Member No.: 213 |
Some of us aren't convinced that image slicing serves any true purpose except to make a page load that little bit slower.
It certainly doesn't protect an image from being copied and used elsewhere. |
|
|
|
| lavazza |
Jul 14 2007, 05:39 PM
Post
#9
|
|
Member Group: Members Posts: 60 Joined: 25-June 07 Member No.: 3,191 |
QUOTE(Hussein @ Jun 29 2007, 03:57 AM)  i would like to know the best way to become accustomed to web design I too vote for the 'text editor' approach I'm from the 'Hello World' school of thought that says "Begin at the beginning" Write SIMPLE content in html - one paragraph to start with - and make sure it validates Then add some SIMPLE css to control the presentation - and make sure it validates Add some more content - and make sure it validates Add some more CSS - and make sure it validates Add ONE link - and make sure it validates Add ONE image - and make sure it validates etc etc |
|
|
|
| pandy |
Jul 14 2007, 05:41 PM
Post
#10
|
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
I think he means slices for layout. You know, make a "design" in PS, slice it up and put it all in a table and write your text, if any, on top of it.
 |
|
|
|
| lavazza |
Jul 14 2007, 06:13 PM
Post
#11
|
|
Member Group: Members Posts: 60 Joined: 25-June 07 Member No.: 3,191 |
QUOTE(Peter1968 @ Jul 15 2007, 09:52 AM) ...except to make a page load that little bit slower Raid5Host.com QUOTE <title>Web hosting on best hardware and connection speed, RAID 10 Servers!</title> My connection speed: 100 MbpsFile size (raid5host.com_index_1.htm): 15.7kB Download time: 17 seconds w3C HTML Markup Validation Service Result: Failed validation, 53 errors I'm not sure what the phrase 'image slicing' means in this context ... but I do know that 'slow' and 'errors' are bugs, not features |
|
|
|
| zoogies |
Jul 15 2007, 04:31 PM
Post
#12
|
|
Group: Members Posts: 8 Joined: 15-July 07 Member No.: 3,343 |
QUOTE I think he means slices for layout. You know, make a "design" in PS, slice it up and put it all in a table and write your text, if any, on top of it. mellow.gif Gosh...I haven't been sold on that concept. I prefer just drawing a "design" on paper, then spending hours trying to css it correctly (or, not "correctly," but "in a way that works across platforms.") |
|
|
|
| Dbosch |
Aug 19 2007, 01:46 PM
Post
#13
|
|
Member Group: Members Posts: 56 Joined: 5-June 07 Member No.: 3,000 |
QUOTE(lavazza @ Jul 15 2007, 01:13 AM) QUOTE(Peter1968 @ Jul 15 2007, 09:52 AM) ...except to make a page load that little bit slower Raid5Host.com QUOTE <title>Web hosting on best hardware and connection speed, RAID 10 Servers!</title> My connection speed: 100 MbpsFile size (raid5host.com_index_1.htm): 15.7kB Download time: 17 seconds w3C HTML Markup Validation Service Result: Failed validation, 53 errors I'm not sure what the phrase 'image slicing' means in this context ... but I do know that 'slow' and 'errors' are bugs, not features The raid5host.com_index_1.htm downloads in 3-4 seconds for me from California to Germany on wireless connection 54 Mb ps. Internet download speed can not be judged only based on connection speed isp promises you. there are lots of bottlenecks invisible to consumer. also your circuit and location means a lot and other users activity on same isp branch. Trace route ping to it and you'll see how many servers it has to hit before it reaches the page, many times dns servers dont have certain pages and have to download it first time to display it to you, the in between servers are usually the problem with download speeds and has nothing to do with html of the page. |
|
|
|
| Dbosch |
Aug 19 2007, 08:49 PM
Post
#14
|
|
Member Group: Members Posts: 56 Joined: 5-June 07 Member No.: 3,000 |
and those errors you pointing out are all about one java script that feeds live chat support remotely from call center. and it has nothing to do with slicing images.
|
|
|
|
| meshhome |
Aug 23 2007, 05:34 AM
Post
#15
|
|
Group: Members Posts: 1 Joined: 22-August 07 Member No.: 3,600 |
Yes Hussein... you can have all books in net. not only for single language. Over all you can download from net. . . first have to Look HTML, DHTML, ASP, JAVA... will be going it. Can have templates also from net... see this one.http://myacetemplates.net/ can download lot things from heree. Later I'll show some other better links for other languages...
|
|
|
|
| Darin McGrew |
Aug 23 2007, 10:52 AM
Post
#16
|
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
QUOTE(meshhome @ Aug 23 2007, 03:34 AM) see this one.http://myacetemplates.net/ can download lot things from heree. Interesting. I get a blank page, once it redirects to http://store.templatemonster.com/?aff=lazaraus |
|
|
|
|
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 25th April 2024 - 03:31 AM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC