12 - Lasts things now that you’re a coder

Questions & Comments

craig murray lang - 1 year ago


I have followed the lessons and such but my question is, do I have to make a new css sheet for a new page, Ive tried duplicating and renaming the first one and then linking it to the new page however when I preview in the browser it only shows me the HTML and no styles applied. - Craig

Administrator Daniel Scott - 1 year ago

Hey Craig, you just need one CSS sheet for the entire site. You'll have lots of HTML pages. E.g. index.html, aboutus.html, contact.html etc. In the head of all the HTML pages you'll link to the same styles.css sheet. You put all the styling in one sheet. That way you can reused lots of bits. Let me know if this helps. - Dan.

Ronnie Patrick - 1 year ago

I have tried to apply a coding for a Favicon. I can not get it to work for me. Please, Dan, I will need your input? Happy learning type guy... :)

Administrator Tayla Coman - 1 year ago

Hi Ronnie, Favicons are kind of tricky because they don't always display when developing locally, have you tried pushing the site to your hosted server, waiting a day or so, clearing your cache and then checking if it displays?

Ronnie Patrick - 1 year ago

I have tried all things not working weird huh...
Here is my url http://ronportfolio.info

Administrator Tayla Coman - 1 year ago

Is your favicon.ico image in the root folder? If it's in the 'images' folder it won't work, and if it's a png then you should covert it to an 'ico'. Just use this link: http://convertico.com/

ItsZipzon - 1 year ago

i made something i want to put over my home | our team | our products | contact us. but i can't figure out how please help.

Administrator Tayla Coman - 1 year ago

Hi Zipzon, sorry I missed this comment. I'm not quite sure I understand your question. Put over your navigation? Could you explain further.

Douglas Gillard - 1 year ago

This tutorial worked flawlessly. Thank you so much!
What if I wanted, instead of pictures in the rows, text boxes (A research abstract) which could then link to a more in-depth page about the subject? Is it possible to replace those pictures with block of text? I would greatly appreciate any insight into this modification.

Thanks in advance.

Administrator Tayla Coman - 1 year ago

HI Doug, I think I know what you mean, it's probably best to go about it by replacing the image with a div that has the same dimensions as the image you're removing, then within that div you have a p/a tag containing the text and whatever links you want. Does this make sense?

Douglas Gillard - 1 year ago

Thank you for your reply. I tried exactly that it didn't work. The division, even though it had exactly the same dimensions as the pictures, presented much larger than the pictures. It just didn't behave as a picture. Any other ideas?

Administrator Tayla Coman - 1 year ago

Hmm I'm not sure I'm fully understanding what you're after, could you mock something up in Photoshop for me to reference against ?

Douglas Gillard - 1 year ago

I've attached a screenshot of the problem, as well as the selector's rules. It would be great if we could figure out how to put some text in these pictures and have it work exactly the same.

Thanks for your help!

Administrator Tayla Coman - 1 year ago

Hi Douglas, here's the fix to the 'lg' width, change the .col-lg class to this:
.col-lg {
width: 31.3%;
max-height: 247.81px;
overflow: hidden;

Administrator Tayla Coman - 1 year ago

See if you can use that information to now fix the medium and small views

Rory Kelly - 1 year ago

Hey Dan, just finished with this tutorial and I offer you a very sincere thanks! I'm an Art Director/Designer with just over 10 years experience and learning anything around the area of design for the web (especially HTML and CSS) has been a challenge for me. Since signing up about 2 months ago, I've learned and grasped more from your tutorials than I have in a decade's worth of other tutorials and part-time courses I've done here and there. Thanks again for all that you do!

Administrator Daniel Scott - 1 year ago

Hey Rory, I totally understand your position. I did the same as you. Started in graphic design and hacked my way into the world of web. It's not easy. I'm super happy I was able to speed up your learning bro!

Mary Ferguson - 1 year ago

Thank you Dan! This was an incredibly helpful tutorial, I've been looking for an easy, comprehensive visual guide to creating a website on Dreamweaver and this is the best one I've found. You're an excellent teacher for beginners.

Administrator Daniel Scott - 1 year ago

Hey Mary, thanks for taking the time to message. I love hearing that people found the course useful. There's so much to learn with web, it's not easy.

Good work finishing the course. What site are you working on currently? Your own or a client?

Thanks again for the props! - Dan

Wladimir Wiazowski Filho - 9 months ago

I really like the way you teach. 100 % one of the best course I have ever watched.

what is the name of the course you say on the end of the video?

Administrator Tayla Coman - 9 months ago

Hi Wladimir, do you mean the 'How to get paid' course? It's here: https://www.bringyourownlaptop.com/courses/what-to-charge-for-web-design


Thanks for the tutorial. It's a nice general overview of basic html and css and how to use Dreamweaver. I really enjoyed the pacing and leisureliness of it all. Below you can see a screen capture of the mocksite I created while listening to your tutorial using my own pics and the Korean language. ;) Cheers

Kerry Gall - 2 months ago

Hello i am building an Intranet web page and i have a few questions but i can not find anywhere else to ask my questions

i am wanting to have a few different commonly used files embedded in to the page so everything is in one place along with reference martial we use

what i am trying to do is have all our templates from several programs linked on the intranet page but when i add them to <a href "" it dose not do anything .
i have had done a few google searches and seen a few scripts but none have worked i am hopping you will be able to help

Glen Brewton - 3 weeks ago

Can you discuss the "synchronize with remote server" function in Dreamweaver? I have a bunch of images that I've uploaded to my web host server that I would like to delete. will Dreamweaver's synchronize function accomplish this task, or should I just use the file manager provided by my host and delete the images manually?

ALL ACCESS: $12 per Month + Cancel anytime   

Video Transcription

All right, so, to wrap up, the last things you need to do, I guess, to kind of complete a website is to create other pages. And let me just quickly briefly go into it as it is, literally we just create another page, like we did this one, and let's say we're going to start with the basis of our home page. There's our 'idex.html'. So, I would like to-- I'm just going to start with it, so I'm going to duplicate it. ‘Edit’, 'Duplicate'. There’s this one called 'Copy'. I'll rename it. 'Edit'. 'Rename'. And I’ll call this one my 'Contact-Me' page. 

Remember no spaces, just use hyphens, or underscores, so I've got this. I'll ‘double click’ it to open it. I got my 'index' page, my 'home' page, and now this 'Contact us' page. And what we're going to do in this one is, is you go in through, and start changing it depending on your design from, say, Photoshop. So, I'm going to change this to, maybe, 'Contact Me', and I'm going to get rid of that. You start styling this page. Let's have a look at it in the browser. Here it is. So, you can see, this is my 'Contact Me' page. I've got rid of that top bit. I've still got my home page. So if I switch back to this one, here he is, here's my 'home' page, and my 'Contact Us' page looks very similar. And as that goes through now, I decide on how many columns I want, what's going to go in those columns, add 'text', add 'type', probably a form in this one. 

Now, to connect the two. So, let's go to 'index', and I want to connect them up. Remember, we used hashes before, so up here, we use hash '#', so what I'm going to do is, delete the hash '#', and I'm going to call it 'Contact'. As you can see, pre-fills it in. Nice! 

So my menu now, when I click on 'Contact Me' should jump out to this one. Preview it in the browser. Great! So on my home page, I click on 'Contact Me', and it goes to my 'Contact Me' page. And, yes, that's it then. Go off, and build yourself some pages, and connect them up to this one. Now, the other things you can do is, I've got a bunch of other courses, and there is one for Photoshop. We just kind of had a mock-up at the beginning. There's a Photoshop for Web Design course that I've got. And there's also a larger course. This one here, I guess is a short one. It's a few videos here for responsive web design. I've got a long one, it's about 50 videos, and it's to do with something called Bootstrap. It's in Dreamweaver, and it's kind of a next step after this one. We kind of show you some of the same features, but it's a lot more detailed. We'll get into that one. There's a UX course, becoming a UX designer, and there's things about domain names. 

Other things you can do, if you're a trainer, and you've got enough to teach this one here, I've got teacher resources. Have a look here, on the site here, there'll be a link for teacher resources. And there's notes that you can get your hands on, and you can use these exercise files to teach one.  

And what else? Post your projects. So, you might have followed along, but switched up the images to yours. I'd love to see it. You've picked up a different font, I'd love to see it. I really like to see this sort of stuff. So links, or screenshots, anything you can. Stick in the comments. There's lots of different ways on the different sites to send me what you've done, and I'd love to see them. And, also give it a review if you've enjoyed it, if you've liked my teaching style, or if you haven't. Whack a comment in there, and give it a review, so I can make it better. 

What else? Ah, the last thing is about getting paid. And I've got a whole video series on that as well. About how to run a brief, how to make sure you get paid on time, what kind of cost you should charge, and there's a full course on that. Go check it out. Yes, check in on one of my other courses. 

Okay, my friends, we have come a long way. We have built a portfolio site. We've learned what media queries were, we've done cool responsive navigation, now it's time for you to go up and build your own site. Had a time, good people, and I will see you again in another video series.

ALL ACCESS: $12 per Month + Cancel anytime