Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Web Design Fundamentals?
New Posts  All Forums:Forum Nav:

Web Design Fundamentals?

post #1 of 23
6/25/12 at 8:12pm
Thread Starter 
I've messed around a little in web design and I want to know all the best tools to use.

The software and code stuff I use are usually free, except the Adobe software I use that at school.

Okay so I haven't taken any classes for web design but I've figured out that you need to know how to at least read HTML, CSS, Javascript, and PHP. I haven't messed around with actionscript or adobe stuff yet.

I need to know how to utilize content managment systems like wordpress, joomla, or drupal.

A camera with photoshop.

Illustrator and some design skill.

What else do good web developers or designers or whatever use?
Reply
Reply
post #2 of 23
6/25/12 at 8:14pm
Flash CS5 or Catalyst CS5 combined with Illustrator make for good rapid prototyping of the basic navigation.
Budget Rig
(14 items)
 
Apple Macbook Pro (2011)
(8 items)
 
HP tx 2000ca Laptop (W8 Testbed)
(10 items)
 
CPUMotherboardGraphicsRAM
AMD Phenom II(tm) X4 955 Black Edition ~3.2Ghz ... GIGABYTE GA-MA790X-UD4 (AMD 790X Chipset) PowerColor Radeon HD 4850 512MB GDDR-3 (PCS+) Kingston ValueRAM DDR2-800 (4x2.0) 8.0GB 
Hard DriveOptical DriveCoolingOS
Western Digital 500GB Caviler Green (7200RPM) +... LG Super Multi Combo Drive (DVD+CDRW) Corsair A70 Dual 120mm (2000rpm) Heatsink Windows 7 Professional 64-bit 
MonitorKeyboardPowerCase
L1951S 19" (1280x1024) + AL1916W 19" (1440x900) HP KB-0630 Keyboard Silverstone Strider Essentials 500W Power Supply Mid ATX No Name Case 
MouseMouse Pad
Razer Deathadder (3500 DPI) Some no name 
View all
CPUMotherboardGraphicsRAM
Intel Core i5-2415 Apple Logic Board Intel HD3000 Corsair 8GB DDR3-1600 
Hard DriveOptical DriveOSMonitor
Samsung 840 120GB Super Drive OSX Mountain Lion + Windows 7 Professional 64-b... 13" (1280x800) Glossy TN 
View all
CPUMotherboardGraphicsRAM
AMD Athlon X2 QL-60  Quanta 30F1 Raddeon HD3200 (VRAM Shared with System RAM) HP 3.0GB DDR2-667 
Hard DriveOptical DriveOSOS
Western Digital 250GB 5200RPM HP Lightscribe Windows 8 Professional 64-bit Windows 8 Developer Preview 64-bit 
MonitorAudio
12.1" 1280x800 (180 Rotation) - Single Touch, P... Altec Lansing 
View all
  hide details  
Reply
Budget Rig
(14 items)
 
Apple Macbook Pro (2011)
(8 items)
 
HP tx 2000ca Laptop (W8 Testbed)
(10 items)
 
CPUMotherboardGraphicsRAM
AMD Phenom II(tm) X4 955 Black Edition ~3.2Ghz ... GIGABYTE GA-MA790X-UD4 (AMD 790X Chipset) PowerColor Radeon HD 4850 512MB GDDR-3 (PCS+) Kingston ValueRAM DDR2-800 (4x2.0) 8.0GB 
Hard DriveOptical DriveCoolingOS
Western Digital 500GB Caviler Green (7200RPM) +... LG Super Multi Combo Drive (DVD+CDRW) Corsair A70 Dual 120mm (2000rpm) Heatsink Windows 7 Professional 64-bit 
MonitorKeyboardPowerCase
L1951S 19" (1280x1024) + AL1916W 19" (1440x900) HP KB-0630 Keyboard Silverstone Strider Essentials 500W Power Supply Mid ATX No Name Case 
MouseMouse Pad
Razer Deathadder (3500 DPI) Some no name 
View all
CPUMotherboardGraphicsRAM
Intel Core i5-2415 Apple Logic Board Intel HD3000 Corsair 8GB DDR3-1600 
Hard DriveOptical DriveOSMonitor
Samsung 840 120GB Super Drive OSX Mountain Lion + Windows 7 Professional 64-b... 13" (1280x800) Glossy TN 
View all
CPUMotherboardGraphicsRAM
AMD Athlon X2 QL-60  Quanta 30F1 Raddeon HD3200 (VRAM Shared with System RAM) HP 3.0GB DDR2-667 
Hard DriveOptical DriveOSOS
Western Digital 250GB 5200RPM HP Lightscribe Windows 8 Professional 64-bit Windows 8 Developer Preview 64-bit 
MonitorAudio
12.1" 1280x800 (180 Rotation) - Single Touch, P... Altec Lansing 
View all
  hide details  
Reply
post #3 of 23
6/25/12 at 8:18pm
Thread Starter 
Quote:
Originally Posted by ivr56 View Post

Flash CS5 or Catalyst CS5 combined with Illustrator make for good rapid prototyping of the basic navigation.

Okay, I like the sounds of this.

I have never used Flash CS5 or Catalyst CS5. I have visited the adobe site and read some product descriptions, but I still don't understand what these programs do.

Could we go more into what they do?
Reply
Reply
post #4 of 23
6/25/12 at 8:38pm
Flash Professional you have alot more control over everything in general.
Catalyst is a bit more limited but next to no coding needed.
Budget Rig
(14 items)
 
Apple Macbook Pro (2011)
(8 items)
 
HP tx 2000ca Laptop (W8 Testbed)
(10 items)
 
CPUMotherboardGraphicsRAM
AMD Phenom II(tm) X4 955 Black Edition ~3.2Ghz ... GIGABYTE GA-MA790X-UD4 (AMD 790X Chipset) PowerColor Radeon HD 4850 512MB GDDR-3 (PCS+) Kingston ValueRAM DDR2-800 (4x2.0) 8.0GB 
Hard DriveOptical DriveCoolingOS
Western Digital 500GB Caviler Green (7200RPM) +... LG Super Multi Combo Drive (DVD+CDRW) Corsair A70 Dual 120mm (2000rpm) Heatsink Windows 7 Professional 64-bit 
MonitorKeyboardPowerCase
L1951S 19" (1280x1024) + AL1916W 19" (1440x900) HP KB-0630 Keyboard Silverstone Strider Essentials 500W Power Supply Mid ATX No Name Case 
MouseMouse Pad
Razer Deathadder (3500 DPI) Some no name 
View all
CPUMotherboardGraphicsRAM
Intel Core i5-2415 Apple Logic Board Intel HD3000 Corsair 8GB DDR3-1600 
Hard DriveOptical DriveOSMonitor
Samsung 840 120GB Super Drive OSX Mountain Lion + Windows 7 Professional 64-b... 13" (1280x800) Glossy TN 
View all
CPUMotherboardGraphicsRAM
AMD Athlon X2 QL-60  Quanta 30F1 Raddeon HD3200 (VRAM Shared with System RAM) HP 3.0GB DDR2-667 
Hard DriveOptical DriveOSOS
Western Digital 250GB 5200RPM HP Lightscribe Windows 8 Professional 64-bit Windows 8 Developer Preview 64-bit 
MonitorAudio
12.1" 1280x800 (180 Rotation) - Single Touch, P... Altec Lansing 
View all
  hide details  
Reply
Budget Rig
(14 items)
 
Apple Macbook Pro (2011)
(8 items)
 
HP tx 2000ca Laptop (W8 Testbed)
(10 items)
 
CPUMotherboardGraphicsRAM
AMD Phenom II(tm) X4 955 Black Edition ~3.2Ghz ... GIGABYTE GA-MA790X-UD4 (AMD 790X Chipset) PowerColor Radeon HD 4850 512MB GDDR-3 (PCS+) Kingston ValueRAM DDR2-800 (4x2.0) 8.0GB 
Hard DriveOptical DriveCoolingOS
Western Digital 500GB Caviler Green (7200RPM) +... LG Super Multi Combo Drive (DVD+CDRW) Corsair A70 Dual 120mm (2000rpm) Heatsink Windows 7 Professional 64-bit 
MonitorKeyboardPowerCase
L1951S 19" (1280x1024) + AL1916W 19" (1440x900) HP KB-0630 Keyboard Silverstone Strider Essentials 500W Power Supply Mid ATX No Name Case 
MouseMouse Pad
Razer Deathadder (3500 DPI) Some no name 
View all
CPUMotherboardGraphicsRAM
Intel Core i5-2415 Apple Logic Board Intel HD3000 Corsair 8GB DDR3-1600 
Hard DriveOptical DriveOSMonitor
Samsung 840 120GB Super Drive OSX Mountain Lion + Windows 7 Professional 64-b... 13" (1280x800) Glossy TN 
View all
CPUMotherboardGraphicsRAM
AMD Athlon X2 QL-60  Quanta 30F1 Raddeon HD3200 (VRAM Shared with System RAM) HP 3.0GB DDR2-667 
Hard DriveOptical DriveOSOS
Western Digital 250GB 5200RPM HP Lightscribe Windows 8 Professional 64-bit Windows 8 Developer Preview 64-bit 
MonitorAudio
12.1" 1280x800 (180 Rotation) - Single Touch, P... Altec Lansing 
View all
  hide details  
Reply
post #5 of 23
6/25/12 at 8:39pm
Thread Starter 
Catalyst sounds sick
Reply
Reply
post #6 of 23
6/25/12 at 8:44pm
Just started using Flash Pro CS6, really digging it. For a long time I stayed away from Flash for many reasons. I'm still getting used to it, as there are some issues I'm having, but I'm slowly learning scripts to solve any issues I may have.

I do wish I knew someone who was more experienced than I was who could guide me along, but googling things has done well enough for now.

ETA: To give you an idea, Flash Pro basically allows you to create a page however you want. There are no need for making tables to place your content around each page. If you want it slightly off center because that's what you like, you can do that.

I thought I had a lot of control with Dreamweaver, but it turns out, I don't. I'm still bound to using tables to make my site.
The Vortex
(16 items)
 
The Beast
(11 items)
  		 
CPUMotherboardGraphicsRAM
i7-2600K @ 4.5ghz Asus P8P67 WS Revolution 2 x HIS IceQ HD 6970 2GB G.Skill Ripjaws X 16GB 2133MHZ 
Hard DriveOptical DriveCoolingOS
Crucial C300 SSD 128GB SATA III, WD Caviar Black ASUS DRW SATA 24X DVD Corsair H60 Windows 8 Enterprise 64-Bit 
MonitorMonitorMonitorKeyboard
Samsung SyncMaster SA550 Samsung SyncMaster SA550 Samsung SyncMaster SA550 Logitech G510 
PowerCaseMouse
Antec CP-1000 Antec Twelve Hundred ATX Full Tower Logitech G9x 
View all
CPUMotherboardGraphicsRAM
Intel Core i7-960 Bloomfield ASUS P6X58D Sapphire Vapor-X HD5870 G.Skill Ripjaws 24GB 1600MHZ 
Hard DriveHard DriveOptical DriveOS
Intel 510 120GB SSD SATA III, WD Caviar Black 1TB Kingston SSDNow V+ Series SNVP325-S2B/64GB 2.5"... ASUS DRW SATA 24X DVD Burner Windows 7 Ultimate 64-Bit SP1 
PowerCase
Antec CP-1000 Antec Twelve Hundred ATX Full Tower 
View all
  hide details  
Reply
The Vortex
(16 items)
 
The Beast
(11 items)
  		 
CPUMotherboardGraphicsRAM
i7-2600K @ 4.5ghz Asus P8P67 WS Revolution 2 x HIS IceQ HD 6970 2GB G.Skill Ripjaws X 16GB 2133MHZ 
Hard DriveOptical DriveCoolingOS
Crucial C300 SSD 128GB SATA III, WD Caviar Black ASUS DRW SATA 24X DVD Corsair H60 Windows 8 Enterprise 64-Bit 
MonitorMonitorMonitorKeyboard
Samsung SyncMaster SA550 Samsung SyncMaster SA550 Samsung SyncMaster SA550 Logitech G510 
PowerCaseMouse
Antec CP-1000 Antec Twelve Hundred ATX Full Tower Logitech G9x 
View all
CPUMotherboardGraphicsRAM
Intel Core i7-960 Bloomfield ASUS P6X58D Sapphire Vapor-X HD5870 G.Skill Ripjaws 24GB 1600MHZ 
Hard DriveHard DriveOptical DriveOS
Intel 510 120GB SSD SATA III, WD Caviar Black 1TB Kingston SSDNow V+ Series SNVP325-S2B/64GB 2.5"... ASUS DRW SATA 24X DVD Burner Windows 7 Ultimate 64-Bit SP1 
PowerCase
Antec CP-1000 Antec Twelve Hundred ATX Full Tower 
View all
  hide details  
Reply
post #7 of 23
6/26/12 at 4:08am
Personally I think you might be better off spending some time gaining skills in HTML 5 / CSS 3.
These technologies are supported across all platforms, unlike flash which is not supported at all on IOS (iphone, iPad). The canvas element in HTML 5 allows for animated, interactive vector artwork of a similar level to flash, and the new CSS transitions and animations are also quite powerful.
Reply
Reply
post #8 of 23
6/26/12 at 11:21am
While Flash might not be cross platform to any iOS devices, browsing a full HTML website on a small screen isn't all that easy either. You're better off making a mobile site regardless of what you use to write/create your website.

http://www.bit-101.com/blog/?p=2381

I found this to be a good read with regard to all the Flash hate around the world. I guess I'm a bastard child for using both together thumb.gif
The Vortex
(16 items)
 
The Beast
(11 items)
  		 
CPUMotherboardGraphicsRAM
i7-2600K @ 4.5ghz Asus P8P67 WS Revolution 2 x HIS IceQ HD 6970 2GB G.Skill Ripjaws X 16GB 2133MHZ 
Hard DriveOptical DriveCoolingOS
Crucial C300 SSD 128GB SATA III, WD Caviar Black ASUS DRW SATA 24X DVD Corsair H60 Windows 8 Enterprise 64-Bit 
MonitorMonitorMonitorKeyboard
Samsung SyncMaster SA550 Samsung SyncMaster SA550 Samsung SyncMaster SA550 Logitech G510 
PowerCaseMouse
Antec CP-1000 Antec Twelve Hundred ATX Full Tower Logitech G9x 
View all
CPUMotherboardGraphicsRAM
Intel Core i7-960 Bloomfield ASUS P6X58D Sapphire Vapor-X HD5870 G.Skill Ripjaws 24GB 1600MHZ 
Hard DriveHard DriveOptical DriveOS
Intel 510 120GB SSD SATA III, WD Caviar Black 1TB Kingston SSDNow V+ Series SNVP325-S2B/64GB 2.5"... ASUS DRW SATA 24X DVD Burner Windows 7 Ultimate 64-Bit SP1 
PowerCase
Antec CP-1000 Antec Twelve Hundred ATX Full Tower 
View all
  hide details  
Reply
The Vortex
(16 items)
 
The Beast
(11 items)
  		 
CPUMotherboardGraphicsRAM
i7-2600K @ 4.5ghz Asus P8P67 WS Revolution 2 x HIS IceQ HD 6970 2GB G.Skill Ripjaws X 16GB 2133MHZ 
Hard DriveOptical DriveCoolingOS
Crucial C300 SSD 128GB SATA III, WD Caviar Black ASUS DRW SATA 24X DVD Corsair H60 Windows 8 Enterprise 64-Bit 
MonitorMonitorMonitorKeyboard
Samsung SyncMaster SA550 Samsung SyncMaster SA550 Samsung SyncMaster SA550 Logitech G510 
PowerCaseMouse
Antec CP-1000 Antec Twelve Hundred ATX Full Tower Logitech G9x 
View all
CPUMotherboardGraphicsRAM
Intel Core i7-960 Bloomfield ASUS P6X58D Sapphire Vapor-X HD5870 G.Skill Ripjaws 24GB 1600MHZ 
Hard DriveHard DriveOptical DriveOS
Intel 510 120GB SSD SATA III, WD Caviar Black 1TB Kingston SSDNow V+ Series SNVP325-S2B/64GB 2.5"... ASUS DRW SATA 24X DVD Burner Windows 7 Ultimate 64-Bit SP1 
PowerCase
Antec CP-1000 Antec Twelve Hundred ATX Full Tower 
View all
  hide details  
Reply
post #9 of 23
6/26/12 at 11:24am
http://www.w3schools.com/ best place to start
MySys
(13 items)
  		  
CPUMotherboardGraphicsRAM
E6400 @ 3,05 ASRock 4Core1600P35-WiFi+ Powercolor HD 4650 Corsair 4 GB DDR2-800 
Hard DriveOSPower
Seagate 250 GB Windows XP Antec 380W 
View all
  hide details  
Reply
MySys
(13 items)
  		  
CPUMotherboardGraphicsRAM
E6400 @ 3,05 ASRock 4Core1600P35-WiFi+ Powercolor HD 4650 Corsair 4 GB DDR2-800 
Hard DriveOSPower
Seagate 250 GB Windows XP Antec 380W 
View all
  hide details  
Reply
post #10 of 23
6/27/12 at 5:11pm
You can run a conditional for iPhones that will load a static site instead of flash.
Reply
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Web Design Fundamentals?