Make Your First Website From Scratch - Adobe Dreamweaver® CC

Let's open our first blank document and then we'll fill out this page with different contents in the later lectures.

Let's create a working environment in Adobe Dreamweaver CC to work easily by creating a workspace.

Let's create our first web page in Adobe Dreamweaver CC.

Let's add text in our blank page and customize this text like changing it's color, creating headings, changing text font etc.

Let's convert a specific text into link.

• Normal link
• mailto link

Now let's organize our content to have better look by positioning it using the <div> tag of HTML.

Know the basics of Html5 to use these html5 tags in the webpage.

Know the basics of CSS and use this to stylize the webpages.

In this course we'll use web fonts to stylize text in the web page.

Learn the important part of web designing (responsiveness). We'll make our page responsive in this lecture. Means our page will be flexible across different screen sizes.

In this lecture we'll make a separate CSS file and then we can use CSS more efficiently by linking it to multiple pages.

In this lecture we'll create the mobile version of our website so that it'll have different layout on mobile devices.

In this lecture we'll create stylish menu bar which will have transition on hovering on menu item.

Now let's create other pages of our website as our website is going to contain four web pages.

In this lecture we'll learn that how we can insert the widget in the web page.

Now it's time to give a great look to our gallery, so in this lecture we'll insert an awesome gallery widget in our website.

After inserting the gallery widget in our website it's time to customize it to use our images in the widget.

Now it's time to stylize the gallery widget using CSS to have better look.

In this lecture i'll show you that how we can optimize our website for social media by inserting Twitter or Facebook widget.

Adding a video in your website can be very effective, so in this lecture I'll show you how to add a Youtube video.

Let's create a form to let our visitors to contact us.

Form Fields:

• Name Field.
• Email Field
• Message Box
• Submit Button

After creating the form, it's time to take a look at it's processing. Form data will be sent to website owner.

In this lecture we'll learn how to use description and keywords in the website for search engine optimization.

Before uploading your website, make sure everything is working perfect. And for this purpose you can preview your website in number of different browsers or you can use other external applications to check your website.

Now it's time take reward of your efforts by uploading your website. You can upload the website to an hosting server using FTP details of your hosting account.

Different methods of uploading.

• using website file explorer
• using a FTP client
• using Dreamweaver FTP client to upload directly from Dreamweaver.

After uploading the website let's check our website online in the browser by typing the URL of our website.

Finally, You made it. Thanks for joining this course.