Beginner Photoshop to HTML5 and CSS3

Visit Tutorial Page ( Report)
In this course you will learn how to create a basic website using Phohoshop and Dreamweaver. You will be able to use Photoshop to create a design for your website and use Dreamweaver to organise the content and make the website fully functional. The website will contain 5 pages : Home, About me, Services, Portfolio and Contact and all the images and support materials are provided. By the end of this course you will be able to make a basic website and put it Live. To see the website you will make goto: http://www.webcoursesshowcase.com/beginners/index.html
  • Chapter 1 - Introduction
    00:09:38
    • Udemy PSD To HTML Intro 1
      00:09:26
    • Final Website

      http://www.webcoursesshowcase.com/beginners/index.html

      00:00:06
    • Links to download programs

      Adobe Dreamweaver http://www.adobe.com/cfusion/tdrc/index.cfm?& Notepad ++ http://notepad-plus-plus.org/download/v6.1.5.html Textwrangler http://www.barebones.com/products/textwrangler/download.html

      00:00:05
  • Chapter 2 - Slicing up your PSD
    00:12:13
    • Homepage PSD
      00:00:03
    • Session 3 Slicing And Dicing

      Learn how to use Slicing tool on Photoshop and save slices for the web that later can be edited and resized in Photoshop.

      00:12:10
    • Powerpoint image filetypes

      Choosing the right image format

      00:00:01
    • Choosing The Right Image Format checklist

      Which image format to choose checklist

      00:00:01
    • About No Slices

      Homepage psd without slices

      00:00:01
    • About Slices

      An extra file if you want to try out your slicing skills on more than one PSD. About Slices

      00:00:01
  • Chapter 3 - Creating Perfect HTML5
    00:27:20
    • HTML

      Learn how to do basic HTML coding in Dreamweaver and use it to edit your page content.

      00:27:20
    • Homepage With Tags and Sections

      Worksheet on Tags and Sections on a web page

      00:00:01
    • HTML

      Introduction to HTML

      00:00:01
    • Homepage HTML

      Homepage HTML file

      00:00:01
    • Homepage Images zip

      Homepage images

      00:00:01
  • Chapter 4 - How to Style your Webpage Using CSS3
    00:57:40
    • Session 4 CSS

      Learn how to use CSS code to style your webpage and attach it to HTML file

      00:57:40
    • Final Website files

      Final website files

      00:00:01
    • CSS styling

      Styling your website with CSS

      00:00:01
  • Chapter 5 - Putting a Website Live
    00:00:06
    • Hostgator

      Easy and affordable Web Hosting at http://www.hostgator.com/

      00:00:02
    • Namescheap

      Domain registration at http://namescheap.com/

      00:00:01
    • Screencast on how to put your website LIVE
      00:00:02
    • Filezilla

      How to use Filezilla software and link for download http://filezilla-project.org/download.php/

      00:00:01
  • Bonus Material
    00:10:39
    • Getting information from a PSD to use in your code

      Thank you so much for taking the course and as a thank you we want to add some bonus material. This episode was requested by one of our students on how to get information from a PSD. For example when a designer sends you a PSD how to get information like font-size, colours, gradients, padding, margin and even opacity. All is covered in new bonus video. Hope you enjoy and thank you again for all the wonderful reviews.

      00:10:39
Write Your Review

Reviews