2015
Lynda
Paul Trani
2:28
English
Learn how to create your very first website with Dreamweaver CC 2015. Paul Trani, Adobe's web evangelist, walks through the steps to creating a responsive HTML5 website that looks great on any computer, tablet, or mobile device. The final result is a professional and polished site containing rich imagery, video, social media integration, and even a contact form.
Over the course of the training, you'll learn about building basic webpages; adding text, links, images, and navigation; and making your layout "flexible" on mobile devices. Each step provides another lesson on HTML and CSS, the building blocks of the web. Along the way, Paul shows how to add bonus features, such as animation from Edge Animate, a Twitter feed, and an interactive contact form.
Introduction
Welcome
What you should know before watching this course
Using the exercise files
1. Understanding Website Design
Understanding the Internet and websites
Planning and designing a website
Fundamentals of HTML
Understanding CSS
2. Creating a Webpage
Creating your first webpage
Adding HTML5 content
Creating a local site
3. Stylizing Content
Styling content with CSS
Creating a layout with CSS
Exporting images from Photoshop
Adding and manipulating images
4. Adding Navigation and Pages
Adding links
Creating navigation
Building transitions on navigation
Adding multiple pages
5. Creating a Flexible Layout
Adding media queries
Creating a layout for tablets
Creating a layout for mobile
6. Adding Media
Inserting an Edge Animate composition
Implementing video
Adding social media
7. Creating a Contact Form
Adding input fields
Sending contact form content
8. Testing and Uploading
Testing the website
Optimizing for search engines
Uploading the site
Conclusion
Next steps
Download File Size:1.41 GB