Join Paul Trani for an in-depth discussion in this video Adding HTML5 content, part of Creating a First Website in Dreamweaver CC 2014.
…Now, that I have an HTML page created, what I want to do is I want to add…more content to it, and start adding structure to it as well.…So where is that content going to come from?…Well, I could type it all in, but what's going to be easier is if you go to File >…Open, if you have access to the exercise files.…In the Assets folder there's a content HTML file.…So just go ahead and open that up, and you'll see all the content for…the home page as well as the about page.…Well, I'm working on the home page so just select that text.…
Everything from this second line down to the copyright, and Copy it.…Close that file because you don't need it anymore, and…go back in here right where it says content for the page.…Just select it and go Edit > Paste and there's all the content.…There's a lot going on here, but honestly, it's all paragraph tags, so…I really need to start adding some structure.…What I want to do is start to establish a header at the top.…It looks like I have some navigation in here, I'm going to have a heading one,…
Author
Paul Trani
Released
10/14/2014Author 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
Skill Level Beginner
Duration
Views
-
Introduction
-
Welcome53s
-
Using the exercise files1m 6s
-
-
1. Understanding Website Design
-
Understanding CSS3m 46s
-
2. Creating a Webpage
-
Creating your first webpage5m 29s
-
Adding HTML5 content5m 31s
-
Creating a local site3m 27s
-
-
3. Stylizing Content
-
Styling content with CSS12m 29s
-
-
4. Adding Navigation and Pages
-
Adding links5m 14s
-
Creating navigation7m 22s
-
Adding multiple pages5m 23s
-
-
5. Creating a Flexible Layout
-
Adding media queries4m 15s
-
Creating a layout for mobile6m 37s
-
-
6. Adding Media
-
Implementing video6m 2s
-
Adding social media2m 3s
-
7. Creating a Contact Form
-
Adding input fields6m 54s
-
Sending contact-form content5m 40s
-
-
8. Testing and Uploading
-
Finalizing the website8m 10s
-
Uploading the site6m 39s
-
-
Conclusion
-
Goodbye33s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Adding HTML5 content