Web Design in easy steps, 7th Edition
- Length: 228 pages
- Edition: 7
- Language: English
- Publisher: In Easy Steps Limited
- Publication Date: 2023-06-06
- ISBN-10: 1840789859
- ISBN-13: 9781840789850
- Sales Rank: #6243569 (See Top 100 Books)
Web Design in easy steps, 7th edition reveals the key principles of good web design, which is the art and science of building effective and attractive websites. The book will introduce you to the key technologies of the web, and the design principles that underpin successful sites.
Whether you’re a budding designer who plans to build your own site, or you just want to be able to talk to professional designers in their own language, this book will give you an understanding of how websites are designed so that you can make the right decisions in launching your own site. You’ll also be able to build your own simple website using HTML and CSS. When you find useful code snippets and templates online, you’ll know how to edit them and integrate them into your website correctly.
Web Design in easy steps, 7th edition will ensure you set off in the right direction on your journey to creating a great website, with robust knowledge of the technologies and techniques that will deliver the best experience for your visitors.
Cover Title Copyright Contents 1 The web design challenge The goal of this book The diversity of devices How devices affect design Degrading gracefully Understanding accessibility Top accessibility principles Introducing key technologies DIY or outsource? How to set up your website 2 Planning your website The purpose of your website How will you compete? Understanding your visitors Creating a sitemap Planning interaction Hosting your website Why domain names matter 8 domain name buying tips Domain name pitfalls Working with web designers 3 Creating effective website content Ideas for content How web writing differs 8 top web writing tips Images that work Downloading images Choosing image formats Compressing images Adding a video to your site Adding a map to your site 4 Layout and design The role of your design What is your look and feel? The right look and feel Creating a color scheme Choosing fonts Planning a responsive design Using clean alignments Tips for good alignment Thinking above the fold Organizing information 5 Designing effective navigation What is navigation? Planning desktop navigation Planning mobile navigation Dropdown menus Grouping options Using icons The role of the homepage You are here... Adding a search engine Effective error messages 14 tips for effective links 6 HTML: The language of the web What is HTML? Structuring HTML pages Adding pictures Adding audio and video Adding links Creating tables Creating lists What is a web form? Choosing form elements Using the <input> tag Using other form elements Adding iframes Dividing the page up The art of good HTML Validating your HTML Reference: structure Reference: head Reference: text and forms Reference: tables and lists Reference: media and links 7 CSS: Giving your pages some style Why use CSS? How CSS describes design Adding CSS to your site How to change colors Using gradients Changing your fonts Using Google Fonts Padding, border and margin Using CSS selectors List bullets and numbers Adding polishing touches Creating a simple navbar Transitions and animations Advanced positioning Creating content boxes Floating content boxes Reference: text formatting Reference: backgrounds Reference: spacing, borders Reference: presentation Reference: position and size Pseudo-classes and elements 8 CSS: Using CSS for layout Creating column layouts Using flexbox Aligning flex items Flexing box sizes Using media queries Printer-friendly pages Creating a responsive navbar Creating your first grid Managing larger grids Positioning grid boxes Using auto-fit in the grid Fixing the final bugs 9 JavaScript for interactive pages What is JavaScript? How to add JavaScript Creating functions Responding to user actions Changing styles Properties you can style Detecting other events Showing and hiding content Customizing by date/time Advanced form validation Checking password length Checking text in forms Checkboxes and numbers Adding random content Next steps with JavaScript 10 Tools for website design Editing in VS Code Adding folders in VS Code Testing your site in VS Code Using Chrome DevTools Device testing in DevTools 11 Content management systems What is a CMS? What is WordPress? Setting up WordPress Adding pages Adding posts Managing comments 12 Testing and launching When is it ready to launch? Testing your website Technical testing Usability testing Publishing your site by FTP Updating your website 13 Promoting your website Introducing search results How people search Researching key phrases Where to put search terms 7 top tips for SEO Submitting your website More promotion tips 14 Measuring success Measuring visitor interaction What the numbers mean Other important metrics Creating a survey Enabling evolution Back Cover
Donate to keep this site alive
1. Disable the AdBlock plugin. Otherwise, you may not get any links.
2. Solve the CAPTCHA.
3. Click download link.
4. Lead to download server to download.