Downloaded 17 times
Uploaded byZakery Kates
Website anatomy - What makes a good website?
The document discusses the essential elements of building a good website, highlighting the importance of HTML/CSS, JavaScript, and server-side scripting languages like PHP. It emphasizes key factors such as page structure, user experience, load speed, SEO, and accessible design. Additionally, it offers resources for creating websites on a small budget, including platforms like Squarespace and WordPress.
More Related Content
![[Webinar] The 10 Ways You're Screwing Up Your Landing Page (And What To Do Ab...](https://cdn.slidesharecdn.com/ss_thumbnails/10-mistakes-peep-laja-webinar-final-pdf-130724185502-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Website anatomy - What makes a good website?
Website anatomy - What makes a good website?
- 1. WEBSITE ANATOMY What makesa Good Website?
- 2. ABOUT THE SPEAKER ZakeryKates 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 arewebsites 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 isyour content - Raw Materials • CSS is how your content looks - Blue Print
- 6.
- 7. HTML/CSS CONT… • Playingw/ DIVs • Playing w/ List Items • What are Classes and IDs?
- 8. JAVASCRIPT (JQUERY) • Interactivityon your website • JavaScript Libraries - jQuery, etc.
- 9. PHP (ASP.NET) • ServerSide Scripting Languages • CMS (Content Management Systems)
- 10. WHAT MAKES AGOOD WEBSITE? • Page Structure • User Experience
- 11. PAGE STRUCTURE • WebpageLoad Speed • SEO (Search Engine Optimization) • Security
- 12.
- 13.
- 14. SEO CONT… • What’sgoogle’s goal?
- 15. SEO CONT… • Permalink •Title • Description • H1 • Content • Images (title and name) • Additional Media
- 16. USER EXPERIENCE • Mobile •Design • Content
- 17.
- 19.
- 20. DESIGN CONT… • Ittakes only .05 seconds (a blink of an eye) for visitors to form an opinion about your website. Source: BBC
- 21. DESIGN CONT… • Keepit Simple • Clear Messaging • Easy to navigate (search box) • Don’t use too many colors (mindful of disabilities)
- 25. CONTENT • Break upContent w/ Sub Headings • Use Bullet Points • Strategic Formatting (Quotes, Bolding, etc.) • Media - Images, Graphs, Visuals, Video, etc.
- 26.
- 27. –Steve Jobs “Simple canbe 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