Welcome to this tutorial designed to enhance your coding skills and give you hands-on experience in building additional pages using Adobe Dreamweaver. You’ll receive a rough mockup outlining the website’s desired appearance, and from there you’ll have the opportunity to develop your own unique solution for the project.
Design Studio Academy. (2025 Dec 16). Extend your web page into a website using Dreamweaver [Video]. YouTube. https://youtu.be/JTmCJklNs0E
Project Overview
In this project, you’ll begin developing an entire website. This project is a continuation of the Build a Web Page in Adobe Dreamweaver tutorial published previously. I also highly recommend completing Unit 2: Intro to HTML/CSS: Making webpages on Khan Academy’s Computer Programming – Javascript and the web course. This course will provide the fundamental coding knowledge to understand how HTML and CSS work together to style a webpage.
For this project, you’ll be provided with the following framework to guide your website design. The webpage we designed was 1200 pixels wide, which is easily divided into columns for measurements.
As you work with these frameworks, think about how you’re going to divide your page down into sections and divs. Looking at the About Us page, you can see that I’ve divided it into four sections. In each of these sections, I’ve added divs that wrap the content. I’ve also identified the different heading levels. With these items, I can quickly build my webpage and use CSS styles to format it.
Finally, for content, feel free to add any images you see fit. When I created this web page, I was thinking about cool driving locations. But, as I’ve developed this project further, I’ve decided to make it a travel company. On the about us page, you can add a cool travel vehicle with some detail shots of the inside. For the upcoming adventures, find two fun locations and create fake articles with the information. And finally, for the contact page, add a location for anywhere you would like. Remember, the purpose of this is to practice coding, and the content is not the primary purpose.
