Website anatomy - What makes a good website?
•Download as PPTX, PDF•
2 likes•637 views
This presentation looks at the basic anatomy of a website and then dives into what makes a good website. Website Anatomy: -HTML/CSS -JavaScript (jQuery) -PhP - Server side scripting languages Good Website: -SEO -Loads Fast -Secure -Good content layout -Clean brand -Clean, well organized design Simple-edge.com @zakkates
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Website anatomy - What makes a good website?
Similar to Website anatomy - What makes a good website? (20)
Recently uploaded
Recently uploaded (20)
Website anatomy - What makes a good website?
- 1. WEBSITE ANATOMY What makes a Good Website?
- 2. ABOUT THE SPEAKER Zakery Kates is the founder of Simple Edge Marketing, a Web Development and Web Marketing firm in Naperville. Simple Edge has been building Custom Wordpress websites since 2010. 2014 - Simple Edge won the Naperville Chamber's Small Business of the Year Award in the Young Entrepreneur Category. Additionally, Zak is an officer with the Naperville Jaycees, a KidsMatter Board Trustee and the Social Media Director for Naperville's Ribfest.
- 3. • How are websites built? • What makes a good website? • Where to begin w/ a small budget
- 4. HOW ARE WEBSITES BUILT? • HTML/CSS • JavaScript • PhP (asp.net)
- 5. HTML/CSS • HTML is your content - Raw Materials • CSS is how your content looks - Blue Print
- 6. HTML/CSS CONT… • <head> • <body>
- 7. HTML/CSS CONT… • Playing w/ DIVs • Playing w/ List Items • What are Classes and IDs?
- 8. JAVASCRIPT (JQUERY) • Interactivity on your website • JavaScript Libraries - jQuery, etc.
- 9. PHP (ASP.NET) • Server Side Scripting Languages • CMS (Content Management Systems)
- 10. WHAT MAKES A GOOD WEBSITE? • Page Structure • User Experience
- 11. PAGE STRUCTURE • Webpage Load Speed • SEO (Search Engine Optimization) • Security
- 12. LOAD SPEED
- 13. SEO
- 14. SEO CONT… • What’s google’s goal?
- 15. SEO CONT… • Permalink • Title • Description • H1 • Content • Images (title and name) • Additional Media
- 16. USER EXPERIENCE • Mobile • Design • Content
- 17. MOBILE
- 19. DESIGN
- 20. DESIGN CONT… • It takes only .05 seconds (a blink of an eye) for visitors to form an opinion about your website. Source: BBC
- 21. DESIGN CONT… • Keep it Simple • Clear Messaging • Easy to navigate (search box) • Don’t use too many colors (mindful of disabilities)
- 25. CONTENT • Break up Content w/ Sub Headings • Use Bullet Points • Strategic Formatting (Quotes, Bolding, etc.) • Media - Images, Graphs, Visuals, Video, etc.
- 26. CONTENT CONT…
- 27. –Steve Jobs “Simple can be harder than complex: You have to work hard to get your thinking clean to make it simple.”
- 28. SMALL BUDGETS • http://www.squarespace.com • https://wordpress.com • http://themeforest.net/category/wordpress