You can learn anything on Udemy. Start today with one of our 10,000+ online courses

Creating a Website from Start to Finish

This course teaches how to build a popular web layout from scratch in Photoshop and then to Dreamweaver as a website.
6 reviews
WHAT'S INSIDE
  • Lifetime access to 22 lectures
  • 5+ hours of high quality content
  • A community of 1000+ students learning together!
TAUGHT BY
  • The Digital Craft Instructors of Web Developement, Design, Video and more
    From our Youtube Users:
    User "MrLarryd469" Wrote:

    You are AWESOME!!!! Thank you so very much for taking the time to create this excellent series. I am just getting into creating web sites and you have helped tremendously!!!! You are? a great teacher and I am now a big fan....thanks again!!!!

    User "Greerbowski" Wrote:

    Your voice is? sort of Bob Ross-esque.. except you are making pretty little websites :)

    User "earlkuhrishchun" Wrote:

    he was held at gunpoint, "Make me a website in less than 30 tutorial videos... or? your cat get it." He survived. On a serious note, These videos are great

    User "amariedean" Wrote:

    I am 50K in debt for college and what you are doing is the optimal. People need access to free education, more importantly delivered by people who know how to effectively teach (in the technical realm that is VERY hard to find) ((and you've got it!))

    User "Csonjohn" Wrote:

    Totally enlightening and covering the exact grey areas I have had for a long while..totally soaking these in. great and thank you

    User "Fighting4Families" Wrote:

    I have always had a basic concept of how the different languages and components worked, but until watching this video have been stuck with information that was not connected ... Thanks for putting it all together in such an easily digestible way.

    User "TheOriginalBoarders" Wrote:

    Thank you so much for making this! It's quite difficult? to wrap your brain around HTML and web design if you're new, and it's hard to know where to start. Clearly your set of tutorials are the right bet. I appreciate it!

    User "Simbas74" Wrote:

    im currently creating a website for a university assignment and this has helped alot more than the adobe classroom in a book series

    User "siralfredii" Wrote:

    I think you are genius and reserve the right to speak your mind for as long as it takes to get this point across.

    User "KjeKji" Wrote:

    The way you explain it all in that tone of voice and pace make this a enjoyable ride on how to do this stuff. Watching this in rerun spending a total of aprox 2 hours on? it, i will learn more than looking at things randomly around the web for 10 hours. The depth of this tutorial is great if you can grasp it and yack yourself down to this teachers pace, and understand not only how, but also why (which is partly done verbally and partly done by being relaxed and take a breather...)

    User "aleboefje" Wrote:

    Great step by step tutorial for someone who needs a dummy guide? like me!

    User "M2dScientist" Wrote:

    I have to say your? tutorials and the best on the web, easy to follow and understand.

    User "YazendoMusic" Wrote:

    Im guessing same reason as me. Been wanting to build sites for years, its a dream of mine to become a designer and developer but had no where to start. Instead of taking a college course for 2 years, I have watched your 19 videos and now can? chase my dreams. Also I now know 100% that its what I want to do so I will be attending college come September. You have saved me from a crap job that I didn't want to do. I can now build my own business and career. Donations coming your way !


    Lead Instructor: Alan Quandt
    I am a well established educator in the fields of Web Design & Development, Graphic Design, Video Editing / Motion Graphics, Social Media Management and Internet Marketing / Strategies.

    Unlike most college professors, I have over a decade of professional experience in the fields that I teach.  While I have a degree in Digital Media, I combine the traditional method of teaching how to use the tools of the trade with wisdom and insight of the professional world.

    Along with that combination of skill and wisdom, I make sure that I clearly explain what I am doing, how I did it, and why it is done in the way I have shown.  Many educators will show examples, but never explain themselves.

    I strive to leave my students with only one question after completing my courses, "What is next?".

    I have been providing free tutorial series on YouTube as well as private sessions for those who want to learn more and/or how to custom tailor the skills they have learned from my videos.

    While I keep my promise to my viewers to continue to provide free video tutorial series for those who cannot afford private sessions and/or courses:  I am also providing structured courses on this website in order to continue to fund The Digital Craft and our endeavors.

SHARE

Creating a Website from Start to Finish

This course teaches how to build a popular web layout from scratch in Photoshop and then to Dreamweaver as a website.
6 reviews

This course is our first big series on web topics.  Some of the early videos where recorded while I was working 50-70 hour weeks and prior to me deciding to teach full-time.  So as the course moves forward my approach  our equipment (audio and computers), and overall production becomes better and better.  This started as a hobby for me and by the end of the series became my full time job!

The title slides label the series differently.  We are using the previous title as the basis for our brand new paid courses.  Sorry for any confusion.

This course takes a website (the previously existed) and we use it as a  model for the site we will build.  I teach you how to build the graphic elements by scratch rather than steal the art from the original design.

We then take the layout and create a web site.  I then give a bit if extra info and a lead in to our second big web series.

    • Adobe Photoshop
    • Adobe Dreamweaver
    • Over 22 lectures and 5 hours of content!
    • Introduce Adobe Photoshop as a tool for web design
    • Explain how to create (not steal) popular web elements/graphics
    • Learn the basics of Adobe Dreamweaver
    • Learn Basic CSS & HTML
    • Learn about Dynamic Websites
    • Anyone who wants to use Photoshop and Dreamweaver to make a website.

CURRICULUM

  • SECTION 1:
    Starting with Adobe Photoshop
  • 1
    Starting the layout
    14:56
  • 2
    Building the buckets
    11:39
  • 3
    Styling the content area
    09:46
  • 4
    Adding the text
    12:32
  • 5
    Wrapping up the design
    11:30
  • SECTION 2:
    Moving to Adobe Dreamweaver
  • 6
    Creating the site definition
    07:37
  • 7
    Creating the initial documents
    11:34
  • 8
    Creating the object diagram
    13:18
  • 9
    Writing the HTML
    12:54
  • SECTION 3:
    CSS and Styling
  • 10
    Writing the initial CSS
    15:21
  • 11
    Getting our Images ready for the web
    13:21
  • 12
    Getting our Images ready for the web
    13:08
  • 13
    Applying CSS
    13:41
  • 14
    Applying CSS to Build our Buckets
    12:39
  • 15
    CSS and our Buckets Continued
    13:35
  • SECTION 4:
    Wrapping it All Up
  • 16
    Finishing the Buckets
    13:29
  • 17
    Working on the content area
    13:55
  • 18
    Finishing the website
    09:10
  • SECTION 5:
    What is Next?
  • 19
    Review & Static vs. Dynamic Development
    10:51
  • 20
    A Dynamic Website
    21:06
  • 21
    Setting up Hosting, Server, and PHP
    19:54
  • 22
    Intro to Dynamic Development
    30:45

RATING

  • 4
  • 1
  • 1
  • 0
  • 0
AVERAGE RATING
NUMBER OF RATINGS
6

REVIEWS

  • Zach Cook
    Good overview

    I definitely recommend using this tutorial in conjunction with something like Codecademy that is more interactive in teaching you how to code the HTML and CSS but does a great job of explaining the process holistically. Definitely take it! Its free!

  • Aaron
    Thank you!

    I really appreciate your work on this project. Thank you from starting ground up and not assuming that I knew much! Exactly what I was looking for. Very impressed.

  • Jack Carr
    Amazing!

    This teaches you how to make a website and put it onto the web, you learn a ton of content. I went from knowing nothing to having a decent understanding of photoshop and I was able to code HTML+CSS like nothing. Cant that you enough Alan!

  • Lifetime Access. No Limits!
  • Mobile Accessibility
MORE FROM The Digital Craft