What is Web Design?

hello everybody welcome to know your Mac tutorials and in this little series we will be doing a whole little commentary on web design what is web design how do you make web design how to get started everything like that I have had these requests for quite a while

so in this little series, I'm going to be showing you a quick little startup of how to kind of embrace all there is to web design get yourself right into there so of course, I cannot give you every little tidbit of web design I have ever learned so in this series I'm going to be teaching you the basics and it's eventually going to progress into a whole culminating project of making our own little design

and I'll be looking forward to your guy's comments and suggestions and I'll also be giving you resources that you can just look up some more information about specific topics and things like that along the road so in this first article it's more or less just going to be me preaching to you about the whole concept of web design what is it basically web design is separated into two parts the front end and the back end a lot of times back end is more classified as web programming and add so much web design but nonetheless it's really great to know both sides not just to be a designer or a programmer usually you know it's better to know how to design but then also how to program it now when you hear the term code you really just imagine a bunch of lines of jibber jacks that you really have to kind of wrap your head around and just kind of just keeps stuffing more and more coding in order to create a successful product and that's really not the way it works in web design there are many many different languages and it all starts with the basics which are in my opinion for the front end is HTML CSS and JavaScript and for the back end is PHP now there are tons of more languages that branch off from these there are tons of more that on their own that all do many different things but I think these are the four basics that every single web designer or web programmer needs to know now the reason why I say web design is a little bit different from other coding is because they really all work together to form this fully operational website so for example hTML is your base it contains pretty much a listing of all the elements that are going to be under page then you take that and you move over to CSS CSS Styles your page tells the browser you know to make this blue make that text read something like that javascript is the functionality

so if you want something to pop out from your screen when you hover over this object javascript can do it and PHP can do many many different versatile things it can you know it can validate your forms it can store information in a database it can pretty much be the backbone to any website so when you put them all together it really isn't as bad as it seems because you have just little bits and pieces that form this whole big thing when put together so let's just take a look at the rundown for the series so we're going to start off learning HTML and CSS those are the first two languages we're going to learn and after those are fully complete we're going to start creating design in Photoshop or if you don't have Photoshop that's fine you can use GIMP even paint whatever you'd like and we're going to create a anice design and code it for the browser after that we're going to be adding a little bit of JavaScript to our page so we'll learn a little bit about how JavaScript works and then start off placing it on our page and thinking about what we want to do with what how the functionality should be incorporated and stuff like that then at the end I'm going to go over a few things with PHP now just note that if you plan on skipping right to the PHP part of this series do note that it is important to fully understand the consequences of using PHP as well as it is a back-end programming language this also means that people can exploit it to hack into your website and just maliciously use your code against you

so before you put out a fully working version of a website using PHP make sure you fully understand what each line of PHP code does and also figure out if there's any way that people can exploit the information on your website we will be going over a little bit about PHP safety and how to keep your website free from hackers when we get to that point.