Keep the Process of Web Page Design Simple
Website design does not have to be a difficult process.
If this is your first web site or template page, KEEP IT SIMPLE!!
Novices fail when they create a website because they try using techniques and tools that are too complicated for their stage of development . If you start with a very simple HTML design it will be easier to progress from basics to the more complicated later on.
Start with a single page single column design. Learn as much as you can about enhancing your design with CSS.
More advanced tools and techniques can always be added after you have mastered the basics.
Color
Don't use too many or unrelated colors when designing your website. Best results are obtained when you use 3 colors or less. See: Choosing Colors
Page Width
The width of your web page is irrelevant when building with responsive design methods. Test every web page at different viewing widths using the Web Developer's Emulator Tool.
A Beginning for Success
Learn the BASICS FIRST!!
- 1) Start with a single page single column design. Try One of Ours
- 2) Learn to place your h1-h6 elements and paragraphs in your content section and format them with your style sheet.
- 3) Learn to add your images to your content and position them using your style sheet.
- 4) Learn to place your links in your navigation device and format them in your style sheet.
- 5) Experiment with color, text and box shadow.
- 6) Learn to create new pages using your template and link them together.
When the basics are second nature you'll be ready to tackle things like columns, drop down menus, adding video, etc.
Next Stop
Free Tools and Resources We Recommend
- Free Responsive Web Design Certification freeCodeCamp
- freeCodeCamp is a proven path to your first software developer job.
- More than 40,000 people have gotten developer jobs after completing this – including at big companies like Google and Microsoft.
- Finally, you'll learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid.
- FREE Certification Courses!!
- Free Ebook How to Code in HTML5 and CSS3
- "How to Code in HTML5 and CSS3" is a free e-book about making websites in HTML5 and CSS for absolute beginners. It doesn't require any experience in IT to start....
- Free Logo Generator Turbologo.com
- If you are building a website for business you need to begin thinking about creating a brand identity. An unforgettable logo could be just the start you need. You can create it free at Turbologo.com. They also provide generators for business cards and letterheads.
- FREE HTML Editor (Windows): NoteTab Light
- All the features of a commercial HTML editor.
- FREE Apache Server (Windows): IndigoAmpp
- Set up a real time server environment right on your PC. Test forms and scripts before uploading to your web space.
- Linux Users
- If like us, you've left the insane world of Microsoft Windows for the even worse experience of Linux, we recommend the BlueFish HTML editor. You'll find it in your software repository. It does have some QUIRKS, but it's FREE.
- For image resizing we've found the easiest Linux tool to be Krita.
Have you tried our FREE Responsive Design template kit? Download Template #402 - 6 Page Kit