Join Paul Trani for an in-depth discussion in this video Implementing video, part of Creating a First Website in Dreamweaver CC 2014.
- View Offline
…Now when it comes to adding video.…Honestly, it's about as easy as adding an image.…It's very straightforward and that's what I want to do on this about HTML page.…Just first I want to make sure there's room for it.…So right down here.…Notice how I have this H1 tag.…This text, actually is this whole section that I just want to remove.…So select it and delete it.…Now this section I actually want to extend all the way across but…currently it's set to section right and I want to change that to section full.…
Type in section full and it will extend all the way across.…Now what's going on there?…If you go into the CSS Designer panel.…Selecting Styles, CSS, Global, and right down here you'll see section full.…I'm noticing it's actually going right up to the edge which I'm…not crazy about that so I'm going to scroll down into the padding and…just give it, five pixels for the padding on the side.…I can add more if I want to but that's fine for now.…So, this is where I want to add my videos right in here and…typically I would put my cursor right in here and go into the Insert panel.…
Author Paul Trani begins with brief introductions to HTML and CSS. Then you'll learn how to create a basic webpage, add text and images, and style the content with CSS. Paul then shows how to add navigation and links between pages, integrate video and social media (such as a Twitter feed), and create a contact form. The course also covers making sure your layout is "flexible" (i.e., that it resizes to fit mobile devices), testing your site, and uploading it to the web.
- Understanding the Internet and websites
- Adding HTML content to a webpage
- Styling content with CSS
- Creating navigation
- Adding more pages
- Creating a flexible layout
- Adding video and animations from Edge Animate
- Linking to other pages and websites
- Creating a contact form
- Creating a responsive site for mobile devices
- Uploading and testing the website