Adobe Dreamweaver CC Introduction and Interface

What is Adobe Dreamweaver CC?

We can build a completely responsive website using Adobe Dreamweaver CC. When you open this software you can see the interface of the software. Like on top we have menu options just like other software and on the menu, we can find different options and these are

  • File
  • Edit
  • View
  • Insert
  • Tools
  • Find
  • Site
  • Window
  • Help

On the right side, you can see files panel. You can activate more panels.

How to enable or disable panels in Dreamweaver

You can click on windows options in the menu here you can see different options you can show or hide panels from here. On the left side of the software, you can see one toolbar that is the common toolbar. If you click on the windows option then you can see there is the option to show or hide this toolbar. In Dreamweaver CC, you can start with different documents. When you click on the file option in the menu then click new or just press Ctrl+N on your keyboard then you can see one panel will appear from where you can see which document types you can use in Dreamweaver and these are

  • HTML
  • CSS
  • LESS
  • SCSS
  • Sass
  • JavaScript
  • JSON
  • PHP
  • XML
  • SVG
  • HTML template
  • PHP template

When you click on HTML so you can start with a blank HTML document or you can also start with bootstrap. Bootstrap is a HTML, CSS, and JavaScript mobile responsive framework. On right side of this panel you can see after New Document we have two more options and these are

  • Starter Templates
  • Site Templates

Adobe Dreamweaver cc offers very professional starter templates which you can use to build an awesome website or blog with any topic. There are different sections you can use and these are

  • Bootstrap
  • Basic Layouts
  • Bootstrap Templates
  • Email Templates
  • Responsive Starters

So remember we can also design professional email layouts also in Adobe Dreamweaver CC. On top of the software you can see on right side there is one option which is called Workspace so there are two sub-options and these are

  • Developer
  • Standard

So in both workspace layouts, you can see different panels. Anyways you can show or hide panels according to your requirements.

By |2018-05-30T23:55:30+00:00November 12th, 2017|Adobe, Adobe Dreamweaver CC|0 Comments

About the Author:

I have professional 10 years experience in Web Development, Web Designing, Graphics Designing, Video Editing & Composition, Search Engine Optimization, Mobile Application Development, Social Media Marketing and Digital Media Marketing.

Leave A Comment