Join Paul Trani for an in-depth discussion in this video Adding input fields, part of Creating a First Website in Dreamweaver CC 2014.
…Now you can create a really gorgeous site, like we've done here for…Ryan Designer For Hire.…But it's not going to do him a lot of good if people can't contact him and…potentially hire him.…That's why I'm on the Contact HTML page.…And really right here, I want to build in a contact form in place of this text right…here, and I'm going to do that using largely the code view, okay.…So I have live view turned on and it's in split mode.…And in code view,…I'm just going to eliminate that paragraph tag, as well as all of its content.…
So just click delete, and there we are, it's removed.…Now I'm going to select this h2 tag.…Because just beneath it,…I'm going to add a form field, as well as different form elements.…Well, how're you going to do that?…By going to the insert panel.…And then notice you have in the drop down, Form elements.…So, selecting Form.…Here are all those.…Basic elements.…But really, I need my Form element, right here,…at the top, and I need to add that first.…
Okay?…So, I'm creating my form,…and encompassed inside of that are all of the different elements.…
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