Showing off your New Web Page
Lesson 11 from: Creating Your First Web Page (with code!)Chris Converse
Showing off your New Web Page
Lesson 11 from: Creating Your First Web Page (with code!)Chris Converse
Lesson Info
11. Showing off your New Web Page
Lessons
Class Introduction
05:05 2Evaluating a Web Design
09:43 3Adding Markup and Content
32:26 4Getting Started with CSS
30:09 5Styling the Header and Define Sections
21:04 6Styling the Main Section
21:09 7Creating the Navigation
35:30 8Adding Media Queries
11:33Lesson Info
Showing off your New Web Page
In order to share this with the world, everything that we've been working with so far has been inside of what we're calling the root directory, or the project directory. By default, most web browsers will take this index, that HTML file that we've been working with and load that by default. So basically to share this you go to your web hosting, you're gonna upload all of your content. There might be a few different protocols that you can use to upload. File transfer is one of the most popular. You might have a mounted drive. You might be able to do this through a web browser interface with your ISP. And basically, once you load all of these up to your server, you can go to yourdomain.com, and that image will load up. If you want to do this as a test, you could put this inside of a folder on your server, maybe inside of a test folder, in which case your URL would be yourdomain.com/test. And the index file on most cases will be the file that will load by default, and you can send it out ...
to all your friends and then receive all the praise for becoming a web developer. And so Jim, with that, I think we have covered (laughs) a crazy amount of stuff. Pretty much a crazy amount of stuff, Chris. Yes. That was amazing, thank you so much. Your first time here at Creative Live. You definitely knocked it out of the park. I know that you're coming back in an undisclosed date, sometime later this year to teach After Effects so we're really excited for that, but until then, can you let folks know if you have that slide ready to show us where people can follow you online? I do. Great. So we have a couple places online. Our website, my wife and I run a design company in Pennsylvania called Codify Design Studio. We developed this course and put all the content together. Our day job is graphic design and interactive development, so we sorta do this for a living. Not sort of, we actually do this for a living. chrisconverse.com is my personal website and then Twitter, Facebook, Instagram and YouTube is places you can find more information about some of the course materials that we put together at Codify Design, as well as maybe looking at some of our work and you know, finding templates. We have templates on a couple different sites including Adobe devnet, for example, where you can download HTML templates. And of course you can get the templates for this course, as well.
Class Materials
Bonus Materials with Purchase
Ratings and Reviews
Christine Wigaard
A great course. Chris has a great way of explaining and making it seem very easy and fun.
Linda
I am so happy to have taken this course! Chris is very clear and knowledgeable about what code to use and why. He is very organized and made coding fun!
Matthew Chesebrough
Chris, thanks so much for having such a well organized an insightful class. I took the class because I'm working on some redesigns for my personal website and the hosting templates weren't quite getting me to the level of fit and finish I envisioned. To be honest, I was a little nervous and intimidated by html/css initially, but you helped me conquer the fear. I look forward to taking some of the lessons (after a few more views of the classes that is :) ) to my website achieve my vision. Wishing you all the best. Take care.
Student Work
Related Classes
Web Design