Successful website creation - everything you need to know | Laurence Svekis | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Successful website creation - everything you need to know

teacher avatar Laurence Svekis, Web technology Instructor

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

11 Lessons (1h 8m)
    • 1. Intro Video

    • 2. 1 Introduction to creating websites get started

    • 3. 2 Web Development Editors

    • 4. 4 Web Servers Local Machines

    • 5. 6 Planning your Website requirements

    • 6. 7 web development and hosting

    • 7. 9 Picking and finding Domain Names

    • 8. 10 Web file transfer to server FTP apps

    • 9. 12 Web Databases phpmyadmin mySQL

    • 10. 13 Version control file sharing Git

    • 11. 14 website planning and design

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Successful website creation - everything you need to know

A-Z Guide to launching your own website. The entire process is explained how to pick a domain and setup a website

Understand the technology and process for getting started on the internet.

Learn how to find a host, pick a domain name and much more.

We should you the top Development tools with a massive list of free resources. Compare different web editors for creating web code. What a web server does and how it functions. Why local machines and virtual hosts are important in the development process.

This course will help you determine the constructor language PHP, .Net and Java. We also discuss content management systems like Wordpress, Joomla, and Drupal. What your hosting options are and how to select the best option for your business needs. How to pick the best host provider that will meet you site requirements.

Picking a domain name is a difficult decision, we help you pick an effective domain name and how to weight your options. Subdomains and top levels domains.

FTP how to get your files online to the web host provider.

Database and the basics of using phpmyadmin to control and view data.

Version control with Git and using Github.

Web design how to wireframe and storyboard your website. We provide top free tools to use to improve this process.

quick lessons get right to the point
fully covered topics with real world examples
links to top resources to save time
new course material added regularly
trusted name in education since 2002
full HD easy to read source coding
quick response support to students
regular discussions
We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course.

Learn at your own pace, lifetime access to this course.

Meet Your Teacher

Teacher Profile Image

Laurence Svekis

Web technology Instructor


Web Design and Web Development Course Author - Teaching over 700,000 students Globally both in person and online.   

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990,... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Intro Video: I've worked on creating hundreds of applications and websites over the past 14 years. I'm gonna be sharing my knowledge with you. I've included a lot of resources and links to popular resources for creating Web content. This course is designed to answer all of your questions in regards to how to create Web content. What type of Web content to create on hosting, how to pick a good hosting service, how DNS works, how I p addresses, work, how domains work, including how sub domains work. We're also gonna be discussing file transfer and how we get files from our local machines onto the server. Then we're going to get into databases, how databases work on PHP. Mayan men works. And also we're going to be discussing version control, wire framing and a whole lot more. If you've ever wanted to create a website or any content online, had questions and wondered, This is the course for you. We provide the answers. Let's get started 2. 1 Introduction to creating websites get started: our total guide to creating Websites course within this course, we're gonna be going over Web development resources tools to use in order to create websites as well as different tools where you can do design wire frames, version control sharing. We've also going to be talking about FTP and all the different FTP clients that are available. We're gonna be talking about different hosts and how to get your Web content from your local machine onto your host machine. My name is Lawrence, and I've been a Web developer for over 14 years, and I'm going to be sharing my knowledge with you. Throughout the years, I've created lists of tools that I use on a regular basis in order to create my websites. And I'm going to be sharing these tools with you throughout the course as well as discussing the tools, what they're used for and how to best use them to really optimize your experience and be able to develop and create Web content faster. We're also going to be talking about local host how to get your content and create content online as well as databases. How to use basics of using PHP. My ad men and setting up databases. We're also gonna be discussing different content management systems and as well, outlining the process in order to decide what type of content and how your content should be structured before you place it on the Internet. So we're going to be discussing how to pick a domain name and all your different options for domain names. Talk about Web servers and how they can be used in order to see content online transfer content back and forth. How I p addresses work out, DNS resolves domain names how to pick domain names. Talk about sub domains in a whole bunch more also going to be including a lot of Web development resources and links to those resources and discussing how to use those resources. So all of this is included within this course, and when you're ready, let's get creating Web content 3. 2 Web Development Editors: When you look at the source code of any website, you'll see that I contains HTML. It contains JavaScript as well as styling CSS. And one of the first things that you need to consider when you are gonna be creating website content is how you're gonna be writing that content. And you might already have the tools available right on your computer right now. But we're going to be highlighting some of the editors Web editors that are out there and a lot of they're gonna be free and open. Source Editors. We've got a whole list of editors that we're gonna be going through, and we're gonna be actually highlighting some of the top, most commonly used ones in this list as well. We're going to be, including within the next lecture so you can actually download and check out any one of these editors that you want to find out a little bit more about. So the 1st 1 we're gonna talk boat is note pad plus plus, and this one is very common. It's very straightforward and easy to use. And as you can see here, I've got her open just over here, and you can set it, Teoh a number of different languages. So you see that when I do change the language. So right now I have it on JavaScript. This is some JavaScript code, but I can switch it back over to HTML, and then it will highlight that each team l a little bit better. And if this was a CSS document, I could switch it over CSS, and we see that it does actually change the highlights of the code. It still does have this open and close structure. So this really does help out a lot, especially when you've got long code. And I just gotta change this back. Teoh JavaScript. So that's a little bit more view viewer friendly when I'm looking at it and it's got most of the street forward functionality that you would expect from an editor. So it's got the edit buttons. Their search view says the options for view. There's all the different languages that we were just looking at. There's some settings for some preferences. You can create micro's, which can really save you a lot of time. You can also run it in any one of the browsers that you might have on your system currently . And then there's also plug ins that you can add and so on. So that's no pad plus. Plus, we're also going to be looking at another one called Light Table. So this is what they say the next generation code editor. And as you can see, there are there is a video here. Show you a little bit about how it's gonna work, and they all are gonna have something different to at to add as an editor. So again, it's got some of the deaths features here where you can connect, you can customize it. You can. It's easy to work with another one. That's another really common one is brackets. So brackets is another open source tax center. And again, it's another really good one. Eso So really, the difficulty is that choosing the best one for you and sometimes you do have to experiment a little bit and check out a few different ones. So I think that I do have brackets as well. So I'm just gonna open that up s o. This is a view of brackets and you can see that it's got the code view there, and you also do have those same standards you've got debugging on. You've got a few other options here that are very useful, and you can also change the default languages here, just like what we're looking at within note pad. There's also Adam, and so Adam is relatively new. It's Ah, really cool text editor. It gives you the ability to again to customize. You're able to do productivity. You can do quite a bit with Adam. It's cross platform editing built in package managers, so packages air really cool cause they add that extra functionality. So if something isn't in the text editor immediately, you can always check out all the different packages and add those in. There's also the multiple pains you can do a find and replace, and all the cool features that you would expect. One of the co debtor that's one of the developer favorites is sublime. So you find that a lot of developers that air using various coding languages would be using sub line eso. Right now, sublime is version three, and even though there is an option to buy it, if you download it, you can actually keep using it indefinitely. There might be some pop up messages that we ask you to purchase it, but it's it's a full version, and you can use it indefinitely. So there's no time limit. You don't run out. One of the ones that I I use if you've seen some of my other videos is they use Dreamweaver a lot. Eso I've been using Dreamweaver for a lot of years and I just find it, uh, I'm just very comfortable with it s Oh, I do tend to use Dreamweaver quite a bit, and it is very, very functional. Got a lot of really cool options. But it is, um, a lot of these open source ones air Very comparative ble to it. Eso I wouldn't really say that Dreamweaver is the best and, of course, remembers not open source. It's an adobe product. Eso you have Teoh purchase their regular annual fees or monthly fees in order to be able to continue using it, you can get a 30 day free trial on It s so this is one that you can use for 30 days. Another one is Kimoto s. Oh, this one is really cool. I really like this one as well eso relatively new. It's an open source. It's part of the Kimoto i d e. It's powerful editor. It's got a lot of events, functionality and salon. It's a lot of options, and there's just a ton more if it's only HTML code that you're writing eso with each TML code and see if its front end code that you're doing. If you're just looking at HTML, CSS or JavaScript, you can use the online editors as well, so you might not necessarily need such an advanced editor. You can get away with more simplified editor that you might not necessarily need to look at some of these really advanced editors. So again, it's a personal preference. And whichever ones you I would suggest you try out a couple of them and whatever one's kind of flow better. Those are the ones that you should stick, Teoh says. There's also once that are online. So there's code pen dot io, which I also use quite a bit, and this allows you to simply create a brand new pen. And it's also got a whole bunch of pens that already pre defined. So in here you can just simply right out html code, and you can see that shows up here within the preview area. You can also style it if you want, so you can apply a quick style to that, and you can see that a soon as you do assumes you do. Let off of that. It applies this style to it. Just change that to read, and then it's, well, you've got your JavaScript that you can apply as well. So maybe you could just do a document, write and write something out and do something like that where we just write out Hello So you can see that there's quite a few of the use that are out there, Um, and just going to give you check out a few more. So there's another one. So is Js fiddle, which you're also going to see quite a bit in the same type of thing as code pen, where you can type in your code. You've got your CSS there and your JavaScript. So if it's only front end stuff, there's a lot of different options that are available. There's another one dabbling it. So this is just a CSS editor, so you can just do the CSS. I believe they also have html on. Then I guess javascript is new, so you can create some JavaScript code here, and essentially it will. It will run as well. So similar type idea. And again there's another one here live we've and whatever you're typing out here, change that to hello world. And you can see that again. It does take it does show up over here into the same one where we could color read and so one. So it gives it the ability to really Teoh build out your code online. And I believe that when we were typing there, it's actually giving you the options here, which is a really cool feature. So I just noticed that that we actually do have the colors there, and we can actually pick out colors here for CSS three. So that's really good functionality there. And also it was showing us that there is an error eso again another really cool one live we've and we see how that turns out there, uh, another one. So there's, uh, macaw. So I believe. Yeah, this one you have to pay for and this is more of a builder. Eso again a dragon drop in your building, Out your website content your HTML and these air all online editors. So you could just simply go to one of these online and just create an account if you want to save them. And also, if you want a practice html CSS or JavaScript, these are really great places just to practice up the coating. If you're looking at a content management system such as WordPress for your website, you gonna have an ability to just type it in typing your content into its wiz e wig. Eso itt's They come. They contain these we ze wig editors where you could simply type in the code that you want to use, and you also have an option to flip to HTML. And then there's also CSS options and JavaScript options within WordPress as well. So again, you could use any one of these to write out your code to test it out and just to see how that looks and a swell when you are writing code. If you're saving at locally, you don't actually need anything beyond your Web browser to be able to view the code so you don't need to have a server running on your site. You can just run this page on its own and view it within the browser because the browser can render out the HTML CSS and JavaScript. 4. 4 Web Servers Local Machines: in this lesson, we're gonna talk about Web servers. So what exactly are Web servers? Will Web servers? They can be everything from a large server machine sitting somewhere in the cloud where you've got host that's hosting your Web site. Or it could be your local machine. And all that a Web server does is it actually has the ability to interpret http requests in your browser. So now when I do a local host, we'll see that we're actually just going to my local machine, and this is the set of code that's actually sitting that we're just looking at within Dreamweaver. So if I go over here and if I change something or maybe I'll just change this title and also changed my top titles, this is some HTML code, and when I go back out here and just look at this part over here when I refresh it, we get that new title up there, and we also get the new title here, the one that we just edit it strength that down a little bit. So it's a little bit easier to see eso. This is actually a Web server that's running on my own machine right now, the one that I'm even recording this video on. And there's a number of different ways to get your local machine running, and this is often done in order to develop your website and test it your code. Work through any bugs and just make sure that everything looks and functions the way you want it to before you upload it to your server. And it's especially important when you're using back in code because you wanna have ability to actually test and run that code so I could actually test and run PHP code on here. I can set up a database and a whole lot more just all within my local work machine. And it's gonna work the same way as any one of these sites that have Http, it's gonna work the exact same way as a Weds Web server that's interpreting the http requests on line. There's a number of different ways to do that, and one of, um, that I'm doing using right now is called Azam Server. So this is just my control panel for it. And as you can see, when I started, it's got the server software that's running or the server. IOS Orion operating system is Apache, and I've got some options here to administer it. I can change an update, my config. And I've got shell access to it as well. If I want to start sequel database I'll have to do is just start that there. I can also start file zilla Mercury and Tomcat. Eso these air all other options here within the Samp server, and it will actually take it one step further. I can set up a virtual box. Eso a virtual box is something that can actually run on my own machine and can run as its own operating system on my machine. So in this particular example, I have em bond to 64 bit. That's able to run. And I've got my base memory and a whole bunch of information here. So I'll have to do is hit start and this is actually gonna power up the virtual machine. And it's going to run an instance of the Web server right on my local machine. And from there I'm going to be able to access it and Ott Seve and update cold. So when you do transfer your Web content up to a server so it will function the same way. The server configuration might even be something similar that you're able to run on your local machine, and when you do transfer it, we oftentimes we use FTP or we transfer it through the cloud using get eso. There's a number of different ways to transfer, but most commonly people are translated transferring files just using FTP, so what they'll use is they're using FTP program and the log into their Web server. And it's gonna be like a file directory, just like you would see within your local computer. And from there you can simply transfer files over drag and drop them within Dreamweaver. There's actually an ability to upload it directly from Dreamweaver. Some some of the editors actually have the ability to connect to your Web server and FTP, or files up and down from your life. Server and operating systems such as Windows already has the capability to run as a Web server. So I have to do is enable the I s service and as well you've got the same capabilities for Max where you're able to run it as ah local machine and connect to it locally and test Oh, here's your applications before you upload it and then uploading it to your Web server and having it run on there. So Web Server is just simply a piece of software that's able to communicate clients that are accessing the machine and the clients are the viewers that air coming to the machine and they're coming using hyper Http, which is hypertext transfer protocol. So this is different than FTP because that's the file transfer protocol. And then the pages get delivered from the files that are sitting on the host machine, uh, the one that's running the Web server. And we can see here that the Web browsers are the ones that will access the the server files and then rendered them out accordingly. There's also server side script, so this has to actually be set up. There's a few different scripting languages constructor languages such as a SP and PHP, so those would need to be set up on the server. So again, when you are looking for a Web server, yeah, you have to make sure that you're looking for one that can accommodate some. Microsoft servers generally are the A S P servers, whereas PHP is Lennox eso. If your server it has Lennox, it's gonna be running PHP. And if your server highs, Microsoft's could be running a SP and then as well, they're the ones that contain the databases. So whenever you do make that connection, it can render out all the appropriate content that's been created within the website. And there's quite a lot of advantages to running them locally. When you are developing eso, you do have the ability to see what it's gonna look like. You have the ability to run your server side scripting, such as your A, S, P and PHP. You also have the ability to check over and make sure that you don't have any errors with the courting paths, because you would need to include the same coating structure as you would on your Web server, as you do in your development environment. And then also, there's just the ability to practice and work with your files and gives you a lot better understanding about how the Web server works. So I would encourage you to download example or another, another simple tool that you can set up a Web server and we can see here it's running on Port 80. So it's the default port for Internet access. And just check out all the different options within Zampa and this will get you started quickly. And also then Oracle Virtual Box. This is another one that's a free software. And you could download this from Oracle and as well if you've got image. So I'm but in bun to is a free server that you can download. Eso I have to do is download the I s O and do an installation on your virtual virtual box. If you've got Windows Server software that you can install that as well and so on. So depending on what software you have to run your server, you should be able to set that up within virtual box. 5. 6 Planning your Website requirements: so still in the planning stages even before you gloat and you get yourself a web host and you need to determine what type of website you're gonna have. So determining the type of website, you can use one of the popular content management systems. So a lot of hosts already have thes pre built in where you could simply click and install. So a lot of hosts will you be using C panel. So this is an example off. What? See panel looks like eso. When you do set up your hosting, you actually have the ability to control a lot of what's happening within your website. In your host environment, eso and a lot of them do have what's called this fantastical package or other similar packages where you could simply click and install any one of these pre set up open source projects. So I have to do is simply click and install, and most the time you'll find WordPress is already set up. There s so you just have simply do a click, install and select whatever directory you want to install WordPress to and from there that will install WordPress. You also have the option to downward download WordPress. It's open source. Eso. You could download it and uploaded to your server and do the configuration yourself. Other popular content management systems are Djamila. So again, you could just download that. If your host doesn't have the ability to do the install of it, most of them will have that ability and as well, they're gonna have a whole bunch of other CMS systems. So again, there's quite a bit of decision making and quite a bit to choose from. They also have some e commerce solutions. Eso most of them should have one of these solutions available. It swells discussion boards and so on. So as well as blog's and blood posting. CMS is as well, and some of them have builders, so you can actually build out your website using templates right within the host. And then lastly, drew pull and it's the same thing. It's open source. It's free. Eso you could download it and set that up on your server. So these air the top three main content management systems. But there are quite a lot more eso, depending on what you're hosting, account has available, and also depending on what you're looking for. You can go through and pick out different content, Sant systems or different configurations to run your website on your server and then as well. If you're having your website developed, you have to take into consideration what language the development is being done in eso the front end code. It's gonna work the same within browsers because that's client based. So when the browser is connecting to the Web server, it's going to render out that content accordingly. Eso that the only thing to consider is the back end code. If you have any specific database requirements or if you're getting it developed and you're using a PHP developer, you've gotta look for that Apache configuration in order to be able to accommodate PHP files and to make sure that your host that you're picking out has all the configurations that you need in order to run your website 6. 7 web development and hosting: after you've looked at your requirements and what you're going to need for hosting, you can begin the search to find a Web host to provide hosting for your website. You can, of course, host it yourself If you do have, ah, Web server set up, but then you need toe have constant access to it as well as there's a whole bunch of configuration, and usually it's just better just to purchase hosting eso again. There's a lot of considerations to take a look at when you are looking at hosting, so just make sure that they do have proper support that you're able to access the site right now. Most of the hosts they don't live it. You on bandwidth. They don't limit you on dicks this space, but again make sure that you do have the availability for the disk space and the bandwidth . Also, look at your email accounts, preferably try to find a host that has see panel because see, panel is very user friendly. It's also got Web Good options for Web Web traffic were able to see different starts options. You've got your E W starts. You've got your Web allies ER and this one because we're just in a demo here. We don't actually have start access and other thing toe look for is databases, so make sure that you do have most them will offer as my sequel database. But if you need any other type of database configuration, make sure that it does have that available most commonly, if you are using a PHP host, PHP Myat Min is a great way to go, because once this opens up and we don't have, ah, database set up here, either. But from here, you could simply view all of your database content and update it if you need to, as well as you able to build out databases. So also look at the files and use of backup. Also, sub domains redirects eso ease of adding in domains onto your website and then email accounts. Make sure that it does have the proper amount of email accounts that you're not limited for anything on the email itself. And then again, depending on what your requirements are, you may need to set up Cron jobs. So these air jobs that are timed, uh, times runs off certain code within your website, so you can set a Cron job up to run every five minutes, 15 minutes. If you want a certain piece of your back end code to run, you can set up a Cron job in order to do that as well. Now I myself, I've been through quite a lot of Web hosts in the past, and the one that I've been with for the longest is one and one. I've got several websites that are sitting on one and one, and I find them to be that the prices air really good. The service is good. I don't really have any downtime. They are very responsive when you contact them, so I find that it's Ah for the money. One and one is a really great place to host, and they've got some really good options for your hosting. So when you go to Web hosting here, you can see that they do have options for the Starter Package, which is gives you a limit here of 100 gigabytes of space, allows you to use one website, one database and so support is included. But when you upgrade to the unlimited packages, you've got unlimited Web Space Unlimited websites 20 databases, and this is more than enough stuff to kind of get you started as well as you've got the 140 . Click and build ups, and you can also upgrade even further where you can add in additional mawr ram and you've got the ability Teoh do a site lock as well as a one and one cdn and CD ends our code paths that can speed up load times. So these air shared code libraries. If you're using J query or bootstrap, you can use a cdn, and that's gonna speed up load time. Because when the file loads, if a user is going to your site and your site is using this the same cdn as another site that the user might have visited earlier, that version of the code might be cashed within that browser and not speeds up the time. So this gives you the ability to use their CD ends. And also there's the pro. So again, a few more options more ram as well, and these are all going to be shared packages on, and then here they've got some more information about the whole listing. So again, one and one I think that it's ah really good option. If you're looking for shared hosting, they also have WordPress hosting eso. If we just go over to here, you can see that they've got an option specifically for WordPress. Which doesn't mean that you can't do WordPress in the shared hosting, but they do have some updated WordPress options here. So you've got some more things that you can do with WordPress. And then if you do actually need additional server space and server performance, you can go with the virtual servers, which give you the ability Teoh have your own server, your own I p address and so on. And these aren't going to be shared, so you're going to get better performance. So if you got a really hype high performance site that's gonna need a lot of resources, you can look to these hosting packages. There's also I'm also on Web host face dot com, and I just recently signed up with them and I have to say that they're fantastic as well. There service has been amazing. They're really responsive. And I had set up actually a layer of l, uh lauraville application to run here and these Web Web host faces very accommodating for those types of server side scripting on. And then there see panel as well. They've got all the stats and again, really responsive. Haven't had any issues with them at all. And also they have a 30 day money back guarantee. So another great resource tohave for hosting. So I'm gonna list all of these contents systems and links Teoh a few the hosts that I would recommend. But also, there's so many hosts out there that you'd have to search around as well t find some that are ideal for you and for the code that you're gonna be running. So I'm gonna have some suggested hosts within the resource file in the next lecture. But by all means do also check around and find do some comparison with the hosts. And just before I finish up, there are a few things here to look at. So shared hosts are going to be the cheapest one. And this is a shared host, which means that your website is hosted alongside other websites. So the resources are shared resources. Eso that simply it doesn't mean that you're actually gonna be interfering with somebody else's domain visually, but you are gonna be sharing the same server resources. Eso There's a big downside of it is performance and there's also security issues because you are sitting beside the same host. Uh, they've got another option here. That's reseller hosting eso. That's if you actually want to be able to resell your own hosting packages to others. You could sign up for that one. They do have managed VPs hosting and this one here VPs is virtual private server s. Oh, this is a step up from the shared hosting where you get your own, you get your own VPs system and you're able to scale as well. And basically, they're just saying here that if you need more CPU needs more ram, we need more space. There's also packages as well, and you can see it's quite a bit more expensive. You've got the dedicated ram as well in the CPU cores, and you also have that private s s l that you can use a swell eso. The next one is a dedicated, so they have unmanaged VPs. So the difference between managed and unmanaged is that if you've got your own management for your server. Then you can go with an unmanaged, but it gives you all the ability to access and manage and modify your requirements as needed. Eso it's bear and they give you some some information here as well. And then the last one there they had the dedicated server. So dedicated servers are gonna be all to your website, so as opposed to shared dedicated is gonna be all on your own. It means that this server, this machine, is only gonna be used by your website eso these. They're going to be the most expensive packages, and this is gonna be across the board for any host provider. So again, assess your needs, determine what you need and if host provides you to most them will give you the ability to scale up. If the need be eso usually I would recommend starting with your minimum requirements and then scaling up from there if the need arises 7. 9 Picking and finding Domain Names: We've got an illustration here of how domain names work. So the org is actually the top level domain. Wikipedia is the second level and are you is the sub domain. So you'll notice that even when we go to Google, Google has a sub domain uses The W W W, which is also a sub domain. And what a domain does is essentially allows you to have a visual string representation that will connect to your hosted files on the server. So when we're looking at Wikipedia here, we can see that this file is actually sitting on the Wikipedia host and Wikipedia dot org's is gonna be the domain name that you're that they're using and this still main name. Once you type it into your browser, there's a listing of all the domain names within the DNS, and the DNS is able to translate the domain name and find the I P address and I P addresses are within every computer. Any device that's connecting to the Internet has its own I p address. So the domain name gets translated by the DNS to the representing I P address and then that server that's holding that domain name is able to translate it and understand where the files are located that need to be represented for the domain name that's just been typed in . And I'm just looking at this article here on Wikipedia, and it says, In 2014 the number of active domains reached was 271 million domains. So that means that if you're looking for a domain name, it's probably already taken. So a lot of times when I am looking for a domain name, I'll use domaine dot com because they actually have the ability to return back results. They do. This suggested results, and that actually works really well because they take the words that are being entered in here, and they do a comparison of the wording. First of all, though, getting a check to see if the domain is available and if it's not actually develop available, they're going to give me suggestions. So right now they're seeing that they're doing a check there checking for Web developer dot com so we can see that Web developer dot com is taken, not CEO is taken dot net is taken, and this is fairly obvious that these are taken. They also give you some suggestions here. So they've got these premium domains, and this is how much you can purchase them for eso. If you want to buy my Web developer dot com, the going rate is just over $5000. Eso They've got a whole bunch of options here, and then when you look down here, these suggestions, these ones are actually available. So if I wanted to take something like my net dev dot com or my online dev dot com, so these ones would be available and you could simply purchase them for $10 a year. So this is why I always go to domaine dot com Because I find this suggestion tool is really great for finding additional domain names and then just doing that brainstorming to do some more word combinations. Eso Usually what I do is I'll start out with a list of words that I like to include that indicates what I wanted to do. I try to keep it a shortest possible because you don't want to have a really long name as well as you don't have all of these repeating characters. Eso, Internet app programmer three p's. Usually, when people are typing in Web addresses, 22 and a row should be a limit. And it should actually be a word because this, uh, this could be cause for spelling mistakes. So you want. Try to avoid those type of domain names, as well as domain names that are just really don't make any sense that are hard to remember . So try to avoid those type of domain names. Look for something that simple, the shorter the better. And the more the words make sense, the better as well. And for the most most part, you've probably going to be looking at getting a domain name with three words in it, because the two word ones that really hard to come by and the one word ones are virtually impossible to find because they won't remember again that there's 271 million domain names registered eso. You have to really be open Teoh different ideas with domain names and check out to see what what's available at domain dot com. And also, of course, you've got the ability to use different suffixes other than dot com. But dot com is preferred if you are creating a domain name, you do have an option to go with ones like dot ninja dot global. Here on Wikipedia, we have your standard top level domains, so dot com dot org and what they're used for dot net dot dot i n t dot edu is there for educational institutions. These are for originally for non profit organizations dot net on. There's explanations here dot gov for government, uh dot m i l for military. And then for every country they've got a different top level domain. So some of them you're going to see that there used quite often. Eso some of them are really capitalizing. If they've got a really cool ah, really nice top level domain. You're gonna be able to see them more often within these suggestions as well, and it's quite a lot of them. And then there's also brand new ones that are just coming out. So they're really opening up quite a lot of these top level domains. So all of these are available and you can see here. So we've got dot ninja dot global dot expert dot reviews dot soy dot lawyer eso you do really have the ability to pick a nice customized domain with a top level domain with one that might not be as popular. They've got one beer and so on. So really, this list is always growing and expanding, so there is opportunity to get one. But keeping in mind that most people wouldn't be used to typing in, uh, they're your website named dot tennis or dot tips. They're more they're mainly used to doing dot com. So you gonna leave yourself open again to having that possibility that people are actually going to be typing in the wrong domain name? And a lot of times this might be hard for for users to understand. If you've got your Web developer DOT Bar, it really doesn't make a lot of sense. And users, when they are going to the domain name, they're gonna be tried trying to type in dot com. So always keep that in mind when you are picking a domain name. Eso really. There's quite a lot to choose from and try to stay with the dot coms because you'll find us well that within Google, the dot coms do much better with in search results. So you got to be thinking to for s e o purposes. So again, when you are picking or domain name, it should just make sense with what is on your website on what your website is gonna be about. So make sure it's something that reflects what you're doing on your website. Ah, and that just makes for a better user experience. Main names aren't actually bought their only registered. So when you buy, when you do pay for a domain name, you're paying for a certain period and you can purchase a domain name for anywhere from 1 to 10 year period and all of these ones down here When you are purchasing this all you're doing is really purchasing the rights for that domain name to be able to pay the domain name fees and register it eso these air registered under somebody else. And what you would be doing is, if you bought one of these for $5000 you would be paying that person in order to be to register the domain name and take possession of that domain name. And when you do register a domain name ah, lot of times the best way to purchase it is to actually just purchase it through wherever you're doing, they're hosting does then they can already pre configure it. And you don't have to worry about all the configuration of the domain name, and you're gonna have it all in one place as well. You can. If you do get familiar with that, you're able to change it and update it and re point the domain name eso if you Oh, no. The domain name. You don't necessarily have to stay on the server the host that you purchased it on. And you can also transfer between hosts as well so you can transfer domain names at any time. You're not locked in for that one year period. You've just paid for it so that it's registered under your name for the one beer period. And you can move those around if you wanted to. Between different hosting accounts and indifferent registering. Yeah, you can register reregistered as well. And then, of course, every year, if you're only paying for the first year, you're gonna have to renew that domain name when their renewal comes up for the registration 8. 10 Web file transfer to server FTP apps: So as we had mentioned earlier the way that we transfer files from your machine onto the server. Typically we're gonna use an FTP client so this could be there's a whole bunch of different ones. We're gonna list the's in the next lesson as well. There's some comparisons here, and mainly you're looking for FTP. Some of them might require assess h and again, depending on what the host requirements are. You can see a whole comparison here of all the different possibilities. And as you can see, there's a whole bunch here to choose from eso I still use file zilla quite a bit. Eso file zilla is another very popular one Here it's got which operating systems there supported on. And then this is where the protocols, What's what are supporting protocols? So this is cyber duck and this is the one that I'm actually, my preference have also used cute ftp quite a bit. So these are all fairly popular file zilla cyber duck, cute ftp really good FTP clients And then I also have this built in in Dreamweaver, where I could simply, uh, set up the same thing where you set up the server name, so usually it's gonna be FTP, and then it's FTP, and then your domain name dot com. You can also go via the I P address, and then here you enter in your user name and then your password, and then you can also save the password if you want. If there's a specific port that you need to FTP to eso, the secure ports are gonna be 22. So not should change its well. So if you're using Amazon here, they've got ability to log in and ftp toe Amazon. You can see that's already setting that port. That's the default port for Amazon, and there's secure FTP. So that's the default port of 22. And again, you'd have to get that server information. So most Web hosts it's fairly easy to find out what the server is, and if you don't see it anywhere more than likely it's FTP and then your domain dot com and then here just user name password, and this is what you're gonna be setting up in your in your C panel. Eso most the time. If you want to set up multiple FTP accounts, you have the ability to do that as well. Um, I don't see it here, but yeah, you have the ability to set up your FTP. And that's how you'd be getting your files transferred over to your domain using FTP. 9. 12 Web Databases phpmyadmin mySQL: So this is my database on my local machine. So you can see here local host 1 27.0 dot 0.1. So that's the local host server machine on this is PHP my ad men. So this comes standard within, see panel, and most hosts should have PHP my ad men installed because it's simply the easiest way to interact with your data and be able to view your data because you do have you will need the ability to see content within your data so you can set this up in access it through the sea panel, Just click PHP my ad men and will bring you over to the my admin area and then within here . If you go all the way to the database, you have the ability to create brand new tables. You also, if you go out one more level, you have the ability to create brand new databases. So here I've got, um, my option to create a brand new database so I could just do something like new data and just simply create that, and then I can go in here and I can start building and creating the table. So by default, what I'm gonna do is first go, and this is going to start creating that first table and then here usually you have to I usually do on I d and I do it on auto increments. And I set this as primary and then here I can have another number. Give it a value there, uh, text in full And this thing and I just set as a variable so very characters you have to set up eso this one just setting up to 55. And I'm just going to call this too. And I'm just gonna call it leave it as text eso here. I can see that. And this has created that brand new table for me, and I can open that up and I can start putting data in two here, and I can see my structure of the table on, and I can always add in additional rows or columns on so I can add that in ad two columns and do it after a particular one. You also have the ability to do sequel queries. So if I want to create or select from first I insect, whichever columns I want. And there's some basic sequel already set up in there. I can search through. I can insert. So if I want to insert some data into the database, I can simply do it by here. So the idea is gonna automatically increments, so I don't have to worry about that Here, I can put whatever I want. Go and that's gonna add that new entry. It also is going to show me the sequel query. So if I was writing a sequel query and in my constructor language, if I needed to you once I do the database connection and I want to insert you data first and this is how that would get inserted. You also have the ability to export out your data so you can do a quick export or you can do a custom. Ah, here we can simply view it as text, and I'm just gonna do go and is a whole bunch of options. There s So if I want to quickly transfer this over, I've got the sequel code here to create the table. If it doesn't exist, that is going to create first and do all of that. I d one text info and two, as we had looked at in the previous lesson. And then also, it's got that insert so that same insert command, and with these two, you can just pretty much rebuild that table completely. You also have the ability to import eso. You can import different types of files. You can import ZIP files. You can also set up the different characters. Do a partial import four months so you can import see SV XML, and this automatically will populate and again build out your database. You also have an option for privileges. You have an option here for operations, So if you want to move the table, copy the table, do some table maintenance or simply delete it, you have some options there and then tracking and triggers. This is a typical database within my sequel database using PHP my had been in order to access it. There's also software where you can pull that down and bring that down to your local machine to export two excel and so on. But most the time you're gonna find that gonna be using something like PHP my ad men and interacting with your database on line began. Your database will typically hold all of that data and that information so we can see here that one that I had added eso If I'm using a Web interface and that's depositing data and information into my database, that's gonna be all added. Here, Here, I've got a typical WordPress set up here. So I've got my WordPress posts. I've got comments. I've got the users, the users meta information and so on. Eso this again. This is how wordpress is gonna look if you actually go into the database. And if you do need to copy data to and from different servers or pull that down onto your machine, you do have the ability for that export and import. And if you are using WordPress, they do have plug ins for that, which they're gonna be a lot easier than using the backend PHP code. Here. The server. My sequel PHP. My admit 10. 13 Version control file sharing Git: we had mentioned earlier that there's also other ways to transfer files over to your server and get is one of the ways eso most popular is get hub as well as bit bucket. So essentially do the same thing where they give you ability to collaborate and share files between different developers, set up environments and deploy files to the cloud. So here we've got an image. So if this was your server, this is get the content bit bucket, it's up here in the cloud and then this is your server so you can transfer files back and forth between the three, uploading them to get pulling them down from get and as well. If you've got multiple users that are looking to work on the same repositories, you've got the ability to work together and pull and push requests between friends and different computers. Eso This is an illustration here and what they do over here, a swell. They've got ability to fork repositories and repositories are code collections on get hub that you can upload and download, so these you can actually access other people's repositories and pull them down as well. Eso here we've got um, ability to look at some of the more popular repositories and a lot of them you've probably seen or heard of before. So a lot of these trending ones, you can sort them by different languages and so on. So sometimes their entire Web applications that you could simply download and upload on your own machine and work with sometimes that their libraries plug ins and so wants is quite a bit of stuff here on get hub. And the difference really between get hub and bit bucket is that big bucket allows you to set up private repositories and share up to five people where, as doing that for free. And also, you're able to get unlimited private and public repositories with bit bucket so you can share these private runs between five people and on get hub. Unless you're paying for the upgraded version, this is all gonna be, um, this is all gonna be public. So if you do want to create a private repository, you do have to upgrade. Or, if you do have to go over to bit bucket, get itself has its own set of commands that you would be typing in the console to initiate the can't commands. So to initiate the pulling and the pushing and the comparison of the code and then creating branches and so on. There's quite a bit you can do here with get and often times it's unless you're working on a really big project where you're collaborating, you might not need to use get. But it's a good thing to know that it's there if you are working on big projects and if you've got multiple developers working on those projects were working on one Web big website, multiple developers you might want to consider using get hub as a way for version control and file sharing. 11. 14 website planning and design: So when you are coming up with your concept for your website, it's always a good idea to storyboard it and to design it wire, frame it or storyboard it so you can get those ideas out there and create a website that has all the functionality that you need. S O. This is one of those online wire framing applications. Wire frame, see, see where you could simply add in and set up your wire frame. There's a bunch of different ones that I've used us. Well, there's glitchy. And so this is glitzy here, this one again. It's really neat. You can create diagrams and you could really build out the thought process of how your websites gonna work and function is always remember to include all of that navigation and the connection between all the different pages. Eso something like Liffe. You're able to just start drawing, and you can literally just drag and drop shapes on here and then connect those shapes together and really form really nice wire frame and design ideas on and then also you could collaborate with others, print this out and so on, and really build at your website this way first Planet eight. Because planning is important if you plan out your website properly, it's going to see a lot of headaches in the end later on. So that's why I always suggest use some kind of planning software. There's another one here called Frame Box. So a lot of the same type of thing where you can plan out and design your website. Eso I would say that you could use Cliffy form or of the flow of how your users they're gonna flow through your site. And then, if there's individual pages that you need to design, you could use wire frame or frame box on. And then there's a bunch of other ones as well that you could download and use really planned that out first and then also think about the colors and the color scheme a any imaging that you wanted to use and then also think about the messages that you want to get across. Eso try Teoh. Look out! Maybe what your competition is doing, how they're laying out their websites, what's important to them. And from there you could look at and get a better idea of what you may need for your own website. Also, think about who your target market is going to be and how what's most appealing to them, what kind of type of content they're interested in and design for that. But you have your website set up and designed. Also look at connecting to social media reserve. So once you have registered the domain name, make sure that you take that domain name and you registered on social media as well. Mainly Facebook, Twitter and other popular social sites in order to reserve that name on those sites and then create interactions pages on those sites to connect back to your own page. When you start building out that content on your site and once you've done all of this, you should be set up and ready to start coding and creating content for your website.