Designing Web Pages 2
Otherwise known as CS 50.11B
Tim Fleming. Instructor
Tim's Top Ten Web Tips
1. Plan, plan, plan
- Sketch your design ideas on paper or with Photoshop first.
- Then add basic semantic HTML.
- Then CSS - typography, layout and color
2. Wordpress
Wordpress is not just for blogging! It's a great platform to use for clients who want to update the site themselves. This is known as a Content Management System or CMS. You can design your own Wordpress site or use a template.
www.wordpress.org
Design your own Wordpress theme
www.wordpress.org
Design your own Wordpress theme
3. SEO
- Stay current with Search Engine Optimization (SEO) techniques. They are changing constantly.
- Learn to use Google Analytics
4. Photoshop
Every web developer should have at least a basic working knowledge of:
- image file types
- image compression
- image sizing
5. Dreamweaver and...
Now that you have a solid background, it's time to move on to Dreamweaver! Also consider Principles of Screen Design if you don't have a design background (or even if you do).
6. Business of Web program
I highly recommend this class!
http://www.santarosa.edu/cis/promo/web/50.32-promo.mov
http://www.santarosa.edu/cis/promo/web/50.32-promo.mov
7. Don't flail around!
We all get stuck. The temptation is to randomly try this or that to try to get unstuck. This rarely works. The key is understanding. You have the knowledge of how things work. The best time to draw on that knowledge is when things aren't working as expected. If necessary, get up and walk away from your computer for 15 minutes. Think about the problem and possible solutions. Get a good night's sleep. Things always look better from a new perspective.
8. Keep up with trends
CSS 3 and HTML 5 are coming. Will you be ready?
http://lifehacker.com/5416100/how-html5-will-change-the-way-you-use-the-web
http://lifehacker.com/5416100/how-html5-will-change-the-way-you-use-the-web
9. Design a custom 404 page
- Design a page with all your links called 404.html to replace the standard, non-friendly page.
- Upload to your server and test.
10. Add Javascript to your arsenal
- Javascript adds interactivity to a web site.
- Interactivity is big. Employers are looking for people who have HTML/CSS/Javascript skills.
- Also, people who can code without using Dreamweaver. That's you!