Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

CAP 105 Lesson 9: Dreamweaver and Web Development

An overview of Adobe Dreamweaver and current web design practices.
by

Adrienne Wallace

on 16 February 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of CAP 105 Lesson 9: Dreamweaver and Web Development

Lesson 8
Dreamweaver and Web Development

More Information
http://tv.adobe.com/show/learn-dreamweaver-cs6/
Dreamweaver Basics
Part of the Adobe software suite, Dreamweaver is for web design
A. Document Toolbar
Allows you to switch between views (code vs. design vs. as browser)
B. Application Bar
Contains the workspace switcher and other options
C. Document Window
Displays the document you're currently editing
D. Workspace Switcher
Lets you move between the workplaces quickly
E. Panel Groups
Just like Photoshop / Indesign the panels are customizable and control various editing functions
F. Tag Selector
Allows you to quickly navigate the code by way of the CSS tags
G. Property Inspector
Brings up the properties for whatever element you're working with so that you can edit them
H. Files Panel
Allows you to manage your files / folders that contain the content that makes up the site
The Importance of "Sanitizing" Content you Cut and Paste for Web Design
Websmart TV - What is CSS
More on CSS
CSS is used heavily in web design because it allows one document to control the look of hundreds or thousands of others, preserving continuity across a web presence
Text vs. Rich Text
Some text contains HTML elements which will be carried with it to define its style.
Why Sanitize
Some code from rich text will interfere with CSS or other elements (and bleed over on to other elements). Cleaning this code out will prevent this problem.
Content Management Systems (CMS)
Beginner's Guide to Drupal (CMS)
Beginner's Guide to Wordpress (Blog)
Beginner's Guide to Cascading Style Sheets (CSS)
Page Attributes
This is where basic information about the page is entered (title, description, etc.)
Content Type
The type of content being created (specified before starting a new page)
Page Content Editor
Where the content that appears on the page is added / edited
Top Admin Menu
Where background elements of the page are edited
http://www.siteground.com/tutorials/joomla15/
Comprehensive Joomla (CMS) Tutorial
Comprehensive Dreamweaver Tutorial
Understanding Web Design Options
Dreamweaver
CMS
Components
Dreamweaver
HTML / CSS / XML editor - more difficult to use, but offers much more flexibility in web design
Content Management Systems (CMS)
Tools that automate the process of building web content - easier to operate and offer more control but less flexible
HTML
"Hypertext Markup Language" - standardized code for tagging text files so that they can display fonts, colors, graphics and other elements
CSS
"Cascading Style Sheets" - programming language to determine the look and formatting of HTML pages
XML
"Extensible Markup Language" - customizable code that transports and stores data for use by other code elements
How it Works
Both HTML editors (ie Dreamweaver) and CMS' can use HTML, CSS, XML - or a combination of all three
Full transcript