This is an application that helps anyone design their own website, you don't have to be a programmer! Check it out. We worked on this for a Computing Class Project
1. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
Computing Fundamentals
Adobe Dreamweaver
Sarah Hall
Jude Kawwa
Uns Ghassib
Mahmoud Ahwal
2. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
contents
Introduction (Adobe)
Brief
Function and uses
Working Process
Programming languages used
Importance of the software
Who uses this software
Examples
3. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
Introduction
Adobe:
• an American multinational computer software company headquartered in San Jose, California, United States
• was founded in the early 80s by John Warnock and Charles Geschke
• the company’s name comes after adobe creek in California, which ran behind the houses of both of the company’s founders
• as of 2010 adobe had 9117 employees, 40% were in the mother company
• Adobe’s last record for the revenues of the year 2012 stated that they exceeded 4 BILLION $
4. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
Introduction
• Adobe has many stream lines some of its famous products are:
- Acrobat
- Flash Professional
- Flex
- Flash Player
- Photoshop
- Indesign
- Illustrator
- ColdFusion
- Dreamweaver
5. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
Brief
Adobe® Dreamweaver® web design software provides an intuitive visual interface for
• making and editing HTML websites and mobile apps
• Use new Fluid Grid Layout designed for cross-platform compatibility to create adaptive layouts
• Review designs with the enhanced Multiscreen Preview before publishing
• it is the industry-leading web design and HTML editor software
• other web design softwares, similar to dreamweaver are:
- CoffeeCup Visual Site Designer
- Serif WebPlus
- Web Easy Professional
- NetObjects Fusion
- Evrsoft First Page
- HTML-Kit Tools
- AceHTML 6 Pro
- UltraEdit
- TopStyle
- BestAddress HTML Editor
6. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
Function and uses
• web design and HTML editing software
• helps design websites
• super easy
• drag and drop and basic linking mainly
• program does the coding, all you have to do is upload and save the files
12. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
Function and uses
Adobe Dreamweaver is available for both Mac and Windows operating systems
Originally created by Macromedia, this software is now put together by Adobe systems
which bought Macromedia to get a reported $3. 4billion with 2005
13. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
Working process
Dreamweaver basic steps
1. Activating your webspace
2. Getting started creating a root folder:
This folder is important because this is where Dreamweaver looks for all your files Using a Template: columns, header and footer,
fixed or liquid layout
3. Creating a homepage html and CSS: index Inserting text : design or code
14. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
Working process
4. Design and layout sketches: navigation, buttons, text, images
5. Inserting and using tables insert and property
6. Adding design elements;
text, images, page
7. Creating hyperlinks;
websites, files, emails
15. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
Working process
8. Inserting special media; rollover images, movie, powerpoint
9. Previewing in browser
10. Uploading your site
16. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
Programming Languages used
• The program is written with the C++ programming language
• Available in 16 dialects
• Dreamweaver is mostly a HTML (Hypertext Markup Language)
• with the CSS (Cascading Style Sheet) editor;
this enables web developers to make HTML primarily based websites
• it also developed now, and comprises support designed for various “server-side” scripting languages (that generate HTML):
> ASP (Active Server Pages)
> PHP (Hypertext Preprocessor)
• ths combines the functionality of programming with the addition of sophisticated websites’ details
17. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
importance of the software
• user friendly; very easy navigating
• does not require writing the codes down
• availability of the 3 methods to view the website being created:
> Design view
this allows you to see what the layout of your website is
> Code view
this aids you see a code to your website
> Style and design and Passcode
this will allow you to see both the code along with the design
• it comes along with the Adobe Creative Suite Package, which many designers prefer using
• saves time
• anyone can use it
• available for bothh Mac and Windows operating systems
18. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
importance of the software
it basically enables one to
• write a page in HTML
• create a new page from a template, a new page from scratch, a template
• saves files to your site directory
• create class, ID...
• edit existing CSS rules
• enable and disable style properties
19. Computing Fundamentals / Adobe Dreamweaver / 12.01.2013
Who uses this software
mainly webdevelopers
designers who enjoy the Adobe Creative Suite Package and its powerful tools
students (universities...)
anyone can use it