Dreamweaver Application

23
Computing Fundamentals / Adobe Dreamweaver / 12.01.2013 Computing Fundamentals Adobe Dreamweaver Sarah Hall Jude Kawwa Uns Ghassib Mahmoud Ahwal

description

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

Transcript of Dreamweaver Application

Page 1: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

Computing FundamentalsAdobe Dreamweaver

Sarah HallJude KawwaUns Ghassib

Mahmoud Ahwal

Page 2: Dreamweaver Application

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

Page 3: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

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 $•

Introduction

Page 4: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

Adobe has many stream lines some of its famous products are:• - Acrobat - Flash Professional - Flex - Flash Player - Photoshop - Indesign - Illustrator - ColdFusion - Dreamweaver

Introduction

Page 5: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

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

Brief

Page 6: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

web design and HTML editing software•

helps design websites•

super easy•

drag and drop and basic linking mainly•

programdoesthecoding,allyouhavetodoisuploadandsavethefiles•

Function and uses

Page 7: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

dreamweaver template

Page 8: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

welcome page

Page 9: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

welcome page Design, codes

Page 10: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

appearance

order

images, backgrounds

Page 11: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

tables

hyperlinks

preview

Page 12: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

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

Function and uses

Page 13: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

Dreamweaver basic steps

1. Activating your webspace

2. Getting started creating a root folder: ThisfolderisimportantbecausethisiswhereDreamweaverlooksforallyourfilesUsingaTemplate:columns,headerandfooter,fixedorliquidlayout

3. Creating a homepage html and CSS: index Inserting text : design or code

Working process

Page 14: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

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

Working process

Page 15: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

8. Inserting special media; rollover images, movie, powerpoint

9. Previewing in browser

10. Uploading your site

Working process

Page 16: Dreamweaver Application

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•

Page 17: Dreamweaver Application

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 viewthis allows you to see what the layout of your website is> Code viewthis aids you see a code to your website> Style and design and Passcodethis 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•

Page 18: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

Importance of the software

it basically enables one towrite a page in HTML•

create a new page from a template, a new page from scratch, a template•

savesfilestoyoursitedirectory•

create class, ID...•

edit existing CSS rules •

enable and disable style properties•

Page 19: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

mainly webdevelopers

designers who enjoy the Adobe Creative Suite Package and its powerful tools

students (universities...)

anyone can use it

Who uses this software

Page 20: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

Examples

Page 21: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

Examples

Page 22: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

Examples

Page 23: Dreamweaver Application

Computing Fundamentals / Adobe Dreamweaver / 12.01.2013

The End.