Kenny Wood - Confident Web Design Master theFundamentals of Website Creation and Supercharge Your Career

Confident Web Design

Master the fundamentals of website creation and supercharge your career

Kenny Wood

Publishers note

Every possible effort has been made to ensure that the information contained in this book is accurate at the time of going to press, and the publishers and authors cannot accept responsibility for any errors or omissions, however caused. No responsibility for loss or damage occasioned to any person acting, or refraining from action, as a result of the material in this publication can be accepted by the editor, the publisher or the author.

First published in Great Britain and the United States in 2018 by Kogan Page Limited

Apart from any fair dealing for the purposes of research or private study, or criticism or review, as permitted under the Copyright, Designs and Patents Act 1988, this publication may only be reproduced, stored or transmitted, in any form or by any means, with the prior permission in writing of the publishers, or in the case of reprographic reproduction in accordance with the terms and licences issued by the CLA. Enquiries concerning reproduction outside these terms should be sent to the publishers at the undermentioned addresses:

2nd Floor, 45 Gee Street

London

EC1V 3RS

United Kingdom

c/o Martin P Hill Consulting

122 W 27th Street

New York, NY 10001

USA

4737/23 Ansari Road

Daryaganj

New Delhi 110002

India

www.koganpage.com

Kenny Wood 2018

The right of Kenny Wood to be identified as the author of this work has been asserted by him in accordance with the Copyright, Designs and Patents Act 1988.

ISBN 978 0 7494 8100 1

E-ISBN 978 0 7494 8101 8

Typeset by Integra Software Services, Pondicherry

Print production managed by Jellyfish

Printed and bound in Great Britain by CPI Group (UK) Ltd, Croydon CR0 4YY

To my partner and children, Melody, Indigo and Nirvana, who provided the source of inspiration to become the man I am.

My thanks and appreciation to my loving partner Melody who provided me with endless support and encouragement throughout the writing of this book.

To my beautiful children who saw me sacrifice my time with them in exchange for the words contained in this text.

To my caring sister Laura for her eagle-eyed review of the text and for her words of encouragement throughout.

And to all of my family and friends for the encouragement and excitement that they afforded me throughout course of the journey.

To you all I am forever grateful.

Web design is full of creativity, fun, progression and skill. It is an ever-evolving subject that is hugely satisfying to learn and master. Learning how to develop websites provides a person with far more than an understanding of how to write code. It develops them as a person; it teaches them how to think for themselves, solve problems, be resilient in the face of seemingly impossible challenges and think outside of the box.

Every challenge we face when building a website furthers our understanding of both the field and of ourselves. Once you have finished working your way through this book, you will find that not only do you look at websites in a completely different way, you might just look at yourself differently too. Web design is hugely satisfying and is an industry full of developers who dont just love what they do, they live and breathe it.

If you work your way through this book, I guarantee that you too will learn to love programming and all of its quirks. I am a computer programmer with 12 years of experience and every day I still wake up thirsty to learn more about the subject. I often dream in code and I look at the world in an extremely logical and functional way that allows me to complete any task that I set my mind to with control and understanding. Web design has fuelled my thirst for knowledge and understanding and continues to be my true first love. Web design is far more than just programming it is a huge part of many peoples lives and soon, you too will be one of those people.

Good luck working your way through this book. I am sure you will have a thoroughly enjoyable time working through the exercises, learning more about the field, before finally building your very own website at the end. This book aims to challenge you possibly in ways that youve never been challenged before. It will also require you to think in ways you probably havent thought before. At times it will be difficult, at times frustrating and at other times downright infuriating, but I urge you to stick with it, to accept the challenges you face, and overcome them with patience and resilience. Learning to become a web developer is also a process of learning how to learn and how to problem solve. These skills will serve you well in whatever you choose to do after the book is finished.

Now, lets learn how to build websites.

Before we dive into learning how websites are built, we need to understand the landscape on which a website operates. In this chapter, you will discover exactly what we mean when we use the term World Wide Web. We will then explore exactly what happens every time you visit a webpage, and how that webpage reaches you. Even if you are already familiar with how the World Wide Web works, it is always important to recap the essentials before starting to learn web design.

This chapter will then teach you about the essential tools used in modern web design, providing some examples of the recommended versions of these tools that are the most widely adopted across the web development landscape. The web development landscape is an ever-evolving environment, with constantly changing requirements and best practices. As such, the world of web development comprises an abundance of ever-changing tools and workflows to assist the modern web developer. While there is no shortage of tools and software that a web developer can use, there is a very small number of resources actually required in order to get your website up and running.

We will then break down the languages that are used on the web and explain their role in creating a website. You will learn the difference between front-end development and back-end development and explore the languages that fall into each category. We will also look at where CMSs (content management systems) fit into this spectrum and their role in the web development landscape.

The internet is a global network of connected devices. This network contains many other networks within it, which connect the millions of devices that exist at various points around the world. Devices on the network can communicate with one another and exchange information over a multitude of languages, known as protocols.

The World Wide Web (the web) is a method of accessing information across the internet using a protocol named HTTP (Hypertext Transfer Protocol). The World Wide Web is an information-sharing platform built on top of the internet, which allows the devices across the network to communicate freely in a common language. HTTP is one of many protocols used across the internet. (Another example is SMTP, which is used for email communication.)