Hi there and welcome to Making Your First Website From Scratch - Adobe Dreamweaver® CC tutorial. Like to thank you for taking a look at my course. In this course I am gonna walk you through every single step of creating a complete website.
Dreamweaver CC is an application provided by Adobe and is used by professional to create and edit websites.
As I said from scratch! So we will start from a blank page. Then we'll add some text in the page and will learn how to customize the text. After working with text, we will create and stylize links. Then After positioning our content we'll learn the basics of HTML5 and CSS. And then we'll use the power of CSS to stylize our page. And working on CSS is much easier in Adobe Dreamweaver CC because Dreamweaver gives you the full control on CSS with the new advanced layout of CSS designer panel. Then we'll learn how to use web fonts to stylize text. And then we'll learn the important part of a website designing and that is its responsiveness means the webpage should be flexible across different screen sizes. And then we'll create the mobile version of our website means our website will have different layout on mobile devices.
Then we'll learn how to create stylish menu bar and other pages for our website as our website is gonna contain four web pages. Then I'll show you how we can insert a widget in our website by inserting an awesome gallery widget. A website can't be complete without social media plug-ins, so we'll learn how to add twitter or Facebook widget and a YouTube video in our website. Then we'll create and stylize a form with which your visitors will be able to contact you. And finally we'll upload our website to get this online and to access this from anywhere in the world. We'll be discussing all these topics and much more in this course.
The course has been created in 720p High Definition video and extra zooming and panning has been applied in the videos so that you can easily watch this course on your tablets and mobile devices.
So this course is a great place to start if you are looking to make your first website or to familiarize with the latest version of Dreamweaver.
If you are interested in designing a website and don't know how and from where to start, then this course is for you. I'm really excited to get started on this course with you and hope you are too, so let's get started.
Get most out of this course by following along with me. I'm providing you exercise files for this purpose. Download these files from the 'view resources' tab of this lecture or you can download these files in the next lecture.
Get most out of this course by following along with me. I'm providing you exercise files for this purpose.
Let's manage our files to get started and we'll use these files in this course.
Let's edit our images in Photoshop CC to use these images in our website.
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.
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.
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.
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.
"If you are not learning, you are losing" ....Sajid
My name is M. Sajid and I am an Electrical Engineer. But I believe in learning everything, So that's why i keep learning other things. I have great knowledge of internet marketing. I have a lot of experience in Logo Designing, Graphic Designing, Web Designing, Video Editing.
I have intense knowledge of Internet Marketing. But having a lot of knowledge and experience i was missing something, and that thing was educate others. And then i felt that now i have been accomplished. And then i started out to share my knowledge and secrets to improve other people lives.
Adobe Dreamweaver CC │ Adobe Photoshop CC │ Adobe Illustrator CC │ Adobe After Effects CC