Designing a First Website with Dreamweaver CC

Follow along with Paul to create your first website—complete with graphics, video, social media posts, a carousel gallery, and more—using Adobe Dreamweaver CC.

You know that behind those interactive webpages you encounter is code that's being read and rendered by your browser, and you're ready to understand that code further so you can build your very own website. Paul Trani helps you achieve that goal in this course, where he explains the fundamentals of web design and shows how to put them into practice. Paul starts by explaining how the web works, and then he dives into the specifics of HTML and CSS. This prepares you for the next thing he demonstrates—how to use Adobe Dreamweaver CC to create webpages. He shows how to lay out your pages and stylize content; add navigation; and ensure that your site looks great on mobile devices. Follow along with Paul to create your first website, complete with video, links to your social profiles, and more.

Introduction

• Creating a first website

1. Understanding Website Design

• Understanding the internet and websites
• Fundamentals of HTML, CSS, and frameworks
• Designing a website

2. Creating a Web Page

• Creating your first site and web page
• Creating HTML5 content
• Adding structure to your page

3. Stylizing Content

• Adding a background using CSS
• Adding custom text styles
• Manipulating the layout with CSS
• Adding images

4. Adding Navigation

• Adding links
• Creating navigation
• Adding Bootstrap navigation
• Customizing Bootstrap components

5. Designing for Mobile and Tablets

• Creating fixed navigation
• Customizing for mobile
• Customizing for tablet and desktop

6. Adding Pages and Media

• Creating multiple pages
• Add a video
• Add a portfolio

7. Adding Social Media

• Adding a Twitter feed
• Adding Instagram posts
• Adding Facebook

8. Testing and Uploading

• Testing and validating the website
• Uploading the site

Conclusion

• Next steps