Learn Web Design from Scratch
- Understand the basics of CSS and HTML
- Learn about current web designing trends and developments
- Gain an insight into web development, debugging, etc. as well as design
- Build your own portfolio website
- Web Designing for Beginners
This course has been developed for both complete beginners and those who already have a limited knowledge of web design. Apsiring web designers, web developers who want to understand the design side of the business, and graphic designers – as well as those from completely unrelated disciplines – will all be more than capable of handling the content of this course.
With over 34 lectures and 7.5 hours of content, it will take you through the fundamentals of web design from scratch. That means getting to grips with HTML, CSS and Foundation Grid Framework; working with images, webfonts and sprite sheets among other elements; understanding grids and responsive design; and achieving flawless layouts, eradicating bugs, and more.
Throughout the course you will work towards designing and developing a colourful, modern and responsive portfolio website. By the end of the course you will have this website completed, and can use it when starting out on your career in web design.
About HTML and CSS
HTML, or Hyper Text Markup Language, is the code used to define colours, graphics, hyperlinks, paragraphs, and other simple elements of a website. It was developed by the founder of the web, Tim Berners Lee, back in 1990.
CSS, or Cascading Style Sheets, define the more advanced aspects of websites like fonts, background images, positioning and much more. It is a style language that defines HTML layout, so the two are intrinsically linked. Both form the basic frameworks for all websites on the internet.
Adobe Photoshop: Used for editing and manipulating photographs and images. Improve lighting and colour, add special effects, remove blemishes, create your own images from scratch, and more.
Adobe Illustrator: The standard software for graphics design, and where you do the majority of your work. Create any kind of vector art or illustration your mind is capable of thinking up!
Adobe Acrobat: Transform your work into a format than anyone can view – a PDF. This program also enables you to create, manipulate, print and manage your finished project files.
Adobe Dreamweaver: Design and develop beautiful websites with ease, complete with both a design view and code editor so you can see changes you make on all sides in real time.
Module 1 – Introduction to the Course
Module 2 – Basics of Web Design
- Preview What is CSS and HTML? (8:12)
- Preview Your First HTML File (7:03)
- Preview Introduction to Document Layout (6:52)
- Preview Linking In A Stylesheet (7:39)
- Preview Styling Your First Element (16:15)
Module 3 – Web Design Fundamentals
- The Box Model (14.20)
- Introduction to Developer Tools (14.22)
- Understanding Display Types (9.58)
- Project: Create a CSS Button (21.15)
- Using CSS Selections (23.09)
- Styling Links (4.49)
- Using Floats (15.20)
- Using Clearfix (5.40)
- Working with Images (14.50)
- Validating HTML and CSS (8.55)
For multiple purchase discounts or to find out if discounts are available on mixed course purchases please phone a customer advisor on 0844 854 9218.
The most straight forward method of payment is to select the number of users you require and add the product to your shopping cart by selecting Add to Cart. You will then be able to make payment using most credit and debit cards or a Paypal account. If you would like to pay by BACs transfer or by invoice please contact a customer advisor on 0844 854 9218 or email [email protected]