Το Πρόγραμμα DreamweaverQuick Start Guide

Δραστηριότητα 10 (τετρ.μαθητ.5,σελ15): Να αντιστοιχίσετε τα Tags

DreamweaverΤι Είναι το DreamWeaver Το πρόγραμμα DreamWeaver της εταιρείας Adobe είναι ένα

κορυφαίο πρόγραμμα δημιουργίας και επεξεργασίας ιστοσελίδων, δηλαδή κώδικα HTML, που είναι ιδιαίτερα εύκολο και φιλικό στη χρήση του.

Το όνομα DreamWeaver προέρχεται από ένα παλιό ρομαντικό τραγούδι.

Το DreamWeaver είναι εξαίρετο για να μπορούμε να δημιουργήσουμε στα γρήγορα φόρμες (forms), πλαίσια (frames), πίνακες (tables) και άλλα αντικείμενα της HTML.

Είναι, όμως, ιδιαίτερα καλό όταν θέλουμε να δώσουμε σε μια ιστοσελίδα τη δυνατότητα να κάνει κάτι. Πρέπει να έχουμε υπόψη μας ότι το DreamWeaver μπορεί να χρησιμοποιηθεί και για τη δημιουργία εφαρμογών πολυμέσων.

Dreamweaver JumpstartΤι Είναι το DreamWeaver Το DreamWeaver έχει δυνατότητες για δημιουργία δυναμικής HTML

(DHMTL) και επιτρέπει κίνησης γραμμής χρόνου, απόλυτη τοποθέτηση περιεχομένων,δημιουργία επιπέδων (layers) και συγγραφή σεναρίων (scripts).

Το DreamWeaver περιέχει δικές του συμπεριφορές (behaviors), που είναι έτοιμα scripts τα οποία μπορούμε να προσθέσουμε πολύ εύκολα σ’ ένα αντικείμενο.

Το DreamWeaver μάς παρέχει την ελευθερία να σχεδιάσουμε οπτικά την εμφάνιση μιας ιστοσελίδας και τη δύναμη να την κάνουμε να λειτουργεί όπως ακριβώς θέλουμε.

Μπορούμε να δημιουργήσουμε τη δική μας προσωπική ιστοσελίδα (personal web page) ή μια ολόκληρη περιοχή (web site) σ’ ένα εταιρικό δίκτυο (intranet).

Dreamweaver Design and Layout Διαχείρηση Site και File

Transfer Protocol (FTP) Περιβάλλον Code & Text

Editor Υποστήριξη για Σχεδιασμό Mobile συσκευών (Window

> Multiscreen Preview ) Page and code object

Insert panels

Dreamweaver Customizable

workspace layouts:

Powerful visual aids

Live View and Live Code

CSS Inspection and the Enable/Disable Feature

Related files

Dreamweaver Code Navigator Photoshop smart

objects HTML5, CSS3,

and PHP code hinting

Dreamweaver File > Open. dw01lessons Επιλέγουμε BasicHTML.html and press

Open

DreamweaverPlacing images in HTML File > Open /

dw01lessons/Images.html πατήστε Open

Split button in the Document toolbar

Common / Insert / Image / gears.jpg από το φάκελο images / dw01lessons

Image Tag Accessibility Attributes βάζουμε «Gears Image» στο Alternate / OK για την εισαγωγή εικόνας.

Dreamweaver Colors in HTML Case sensitivity

and whitespace rules

File > Open/dw01lessons /Whitespace.html πατάμε Open

Split view Shift+Enter simple Enter File/Save File/Close

Dreamweaver Element hierarchy <strong><p>Big bold

paragraph</p></strong> ΛΑΘΟΣ ιεραρχία <p><strong>Big bold

paragraph</strong></p> ΣΩΣΤΗ ιεραρχία

Dreamweaver Element hierarchy <strong><p>Big bold

paragraph</p></strong> ΛΑΘΟΣ ιεραρχία <p><strong>Big bold

paragraph</strong></p> ΣΩΣΤΗ ιεραρχία

Creating new documents

DreamweaverSetting Up a New Site

Site > New Site, Site name : Organic Utopia

Advanced site-creation options

DreamweaverAdding pages File > New

DreamweaverDefining page properties File > New