1 - Introduction


Questions & Comments

Eric Doerr - 1 year ago

Loved your stuff on Udemy... Eric :)

Administrator Daniel Scott - 1 year ago

Thanks Eric!

NFN Kwendeche - 1 year ago

Sorry Dan, I have never done a website! I do not know how to design a site, however as an artist and architect, I have done detailed hand sketched mock ups of how it might look. Shall I continue with the course for coding that I just signed onto?

Administrator Tayla Coman - 1 year ago

Hi There, Yes, I'd say you should continue with the course, it starts from the basics and lets you create a nice basic portfolio.

Wendy Bailey - 9 months ago

Me again! I could really use some advice from you, hope it's okay to ask on here. I've been working through the Dreamweaver courses and have learned lots, so thanks for that. My problem is I am working on a website for a primary school who would like their home page to be along the lines of the attached image. In the past I've used FrontPage 2003 and tables to arrange the images etc. (I now realise this is an awful way to create a web page!) Would I be right in thinking that I could lay out the page using grids/containers? The buttons are images that I make, so I should be able to resize them to make them responsive, shouldn't I?! I'm also wondering whether I should really be looking at the courses on Photoshop, Illustrator and/or Dreamweaver Templates & JavaScript Menus - I'm happy making the images with my very out of date software but it's knowing how to lay them out properly as a web page. I'm in a right old muddle so any advice would be great - thanks!

Administrator Tayla Coman - 9 months ago

Hi Wendy, I wouldn't have the buttons be images, I'd have them be HTML with CSS styling, it's better for responsiveness and search engine optimisation. I'd use 3 columns nested in a container, 1 column on the left for the left buttons, 1 column in the middle for the main image and 1 column on the right for the right buttons. The only image I would have on this page is the one (of what I presume is the school) in the middle. If I were you, I'd watch the Bootstrap Dreamweaver course we have, it goes into all the tools you'll need to build this site. Let me know how you go and thank you for the question.

Wendy Bailey - 9 months ago

That's great, thanks for that Tayla. I'll definitely check out the Bootstrap Dreamweaver course.

Karo - 4 months ago

hello dan
I have started to build a website according to your tutorial. I have done everything step by step with you but in part 10 when I write the images code and also when I write the "float: left" in the CSS the images will break up as you see in the below image. what should I do?

Administrator Tayla Coman - 4 months ago

Hi Karo, have you compared your css and html files to Dan's completed files?

William Hosie - 1 month ago

Dan, enjoyed the tuitorial very much. My question relates to the responsiveness of the finished product. My end result only displays the desktop view on mobile devices. So I uploaded the Final Version folder from the exercise files to my server and got the same result. Can you tell me why the mobile views aren’t being triggered. Could it require viewport coding? TIA

Administrator Tayla Coman - 1 month ago

Hi Will, I think it will be the viewport. Add this to your <head> area: <meta name="viewport" content="width=device-width, initial-scale=1">

Erica - 1 week ago

Hi Dan,
Hi,

How can I calculate the hero box padding starting from my design?

ALL ACCESS: $12 per Month + Cancel anytime   

Video Transcription

Hi, my name is Dan, and you, my creative type friend, are going to code your very first website.

Now, we're going to make this short, we'll make it super easy,  and you have to think of all the extra money you're going to make with your mad, new web design coding skills.

I built this course for designers who know how to design a site, but get scared when it comes to the code side of it; no more. This course is going to allow you to do what I do. You'd be able to design something in Photoshop, or Illustrator, and then putting it to life in a website, using Dreamweaver.

It's not about learning how to hack the matrix, it's about ensuring your ideas are accurately honoured when it comes to the finished website, using the right colors, the right amount of line spacing, the perfect font weight, and just making sure everything lines up perfectly.

We'll create this portfolio website here together, and we'll take it from mock-up, all the way through to actually having it published online.

So, come on, we know you've been meaning to do this for a very long time.

Sign up for the course, and you, the creative type person, and me, balding guy, with accent, and glasses are going to code our very first website.

ALL ACCESS: $12 per Month + Cancel anytime