Επιβλέπων Καθηγητής : Τσιαντής Λεωνίδας Φοιτητής : Μακρής Γεώργιος
Δημιουργία Web Site Λογισμικό Ανάπτυξης Dreamweaver MX (Oρισμός του Site(Τα αρχεία του Site να είναι τοποθετημένα σε μια θέση την οποία ορίζουμε ως site στο Dreamweaver),Κατασκευή Πινάκων,Templates, Rollover Buttons, Ενσωμάτωση Animations και Γραφικών με το Flash MX και Fireworks Αντίστοιχα) Flash MX (Δημιουργία Animations) Fireworks MX (Δημιουργία και Επεξεργασία Γραφικών - Εικόνες) WEB SITE
ΚΑΤΑΣΚΕΥΗ INTRO 1. ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΑΣ : «Music Radio 102.1 F.M» ΜΕ ΤΗΝ ΜΕΘΟΔΟ : Import to Library 2. ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΑΣ : Σήμα Σταθμού ΜΕ ΤΗΝ ΜΕΘΟΔΟ : Import to Library 3. ΔΗΜΙΟΥΡΓΙΑ Animation : Pre Loader 4. ΕΙΣΑΓΩΓΗ ΉΧΟΥ : Τύπου Wav 11Khz ΜΕ ΤΗΝ ΜΕΘΟΔΟ : Import to Library Κατασκευή Intro στο Flash Mx
ΚΑΤΑΣΚΕΥΗ INTRO Κατάσταση Δημιουργίας Ανάπτυξης Animation Κατασκευή Intro στο Flash Mx
ΚΑΤΑΣΚΕΥΗ INTRO Κατάσταση Test Movie στο Flash MX Κατασκευή Intro στο Flash Mx
ΔΗΜΙΟΥΡΓΙΑ PHOTO - ANIMATION ΕΙΣΑΓΩΓΗ ΓΡΑΦΙΚΩΝ στο Flash MX Με τη Μέθοδο Import to Library ΣΥΝΟΛΟ ΓΡΑΦΙΚΩΝ PICTURES : 104 ( Τα γραφικά pictures είναι μορφές αρχείων.jif (συμπίεση γραφικού στα 256 χρώματα χωρίς να χάνει την ποιότητά του) και.jpg (δυνατότητα εμφάνισης εκκατομυρίων χρωμάτων)) ΕΝΑΛΛΑΓΗ ΓΡΑΦΙΚΩΝ ΜΕΤΑ ΑΠΟ 6 KeyFrames (Kάθε KeyFrame διαρκεί 12 Fps(FRAME PER SECOND) PHOTO - ANIMATION
ΔΗΜΙΟΥΡΓΙΑ PHOTO - ANIMATION PHOTO - ANIMATION
ΔΗΜΙΟΥΡΓΙΑ PHOTO - ANIMATION PHOTO - ANIMATION
ΔΗΜΙΟΥΡΓΙΑ TOP - ANIMATION TOP - ANIMATION
ΟΡΙΣΜΟΣ Template στο DREAMWEAVER Ορίσουμε μιά σελίδα ως Template (κλειδωμένες περιοχές - σταθερό πεδίο σε όλο το site) Με την εντολή File, Save as Template. Templates
ΟΡΙΣΜΟΣ Template στο DREAMWEAVER Contents Επεξεργάσιμες Περιοχές (πράσινο πλαίσιο) Templates - Contents
ΚΑΤΑΣΚΕΥΗ ΜΕΝΟΥ ΕΠΙΛΟΓΩΝ Κατασκευή Μενού Επιλογών στο Fireworks MX (Quick export στο Dreamweaver) Κάθε κούμπί button στο ΜΕΝΟΥ ΕΠΙΛΟΓΩΝ είναι Rollover (Rollover : είναι εικόνα δυο καταστάσεων out και over) Κατάσταση out που είναι ορατή όταν ο δείκτης του ποντικιού δεν είναι πάνω απο την εικόνα. Κατάσταση over που είναι ορατή όταν ο δείκτης του ποντικιού βρίσκεται πάνω απο την εικόνα. ΜΕΝΟΥ ΕΠΙΛΟΓΩΝ
ΚΟΥΜΠΙ BUTTON, Links 1. Links Υπερσυνδέσεις με άλλα site στο Internet (Με ένα πάτημα του ποντικιού πάνω σε κάθε εικόνα Link σε συνδέει με το αντίστοιχο URL (www.kissfm.gr) ιστοσελίδα στο Internet) 2. Μέθοδος σύνδεσης Target : _Blank (ανοίγει αυτόματα νέα σελίδα για το site που επέλεξες και σε συνδέει με αυτό) LINKS
ΚΩΔΙΚΟΠΟΙΗΣΗ - ENCODING Από το μενού Properties στο Dreamweaver επιλέγουμε Page Properties, Title/Encoding, Ελληνική(iso) Χρησιμότητα : κωδικοποίηση όλων των χαρακτήρων (γραμματοσειρά) όταν φορτώσει στον Η/Υ η τοποθεσία(web Site URL) που έχουμε επιλέξει με τον φυλλομετρητή(browser Internet Explorer). ENCODING
ΔΗΜΙΟΥΡΓΙΑ ΑΡΧΕΙΟΥ INDEX Κώδικας απαραίτητος (index.htm) γιά την φόρτωση όλων των στοιχείων του site σε server και την επίσημη διάθεση του site στο Internet και την απόδοση ηλεκτρονικής διεύθυνσης URL (Uniform Resource Locator). <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-7" /> <meta HTTP-EQUIV="Refresh" CONTENT="0; URL=http://emporiko.gr/musicradio/Pages/intro.htm"> <title>transfering to musicradio</title> </head> <body> </body> </html> INDEX
ΟΛΟΚΛΗΡΩΣΗ - ΕΠΙΛΟΓΟΣ ΤΟ DREAMWEAVER ΕΙΝΑΙ ΕΝΑ ΠΡΟΓΡΑΜΜΑ ΠΟΥ ΑΣΧΟΛΕΙΤΑΙ ΜΕ ΠΑΡΑ ΠΟΛΛΕΣ ΤΕΧΝΟΛΟΓΙΕΣ ΚΑΙ ΕΙΝΑΙ ΕΡΓΑΛΕΙΟ ΑΝΑΠΤΥΞΗΣ WEB SITE ΣΕ HTML, JAVASCRIPT, SQL, ΓΡΑΦΙΚΑ, ΣΧΕΔΙΑΣΗ ΒΑΣΕΩΝ ΔΕΔΟΜΕΝΩΝ ΥΠΟΣΤΗΡΙΖΟΝΤΑΣ ΚΑΙ ΜΕΡΙΚΕΣ ΤΕΧΝΟΛΟΓΙΕΣ SERVER. Η ΑΝΑΠΤΥΞΗ WEB ΕΦΑΡΜΟΓΩΝ ΔΕΝ ΕΙΝΑΙ ΣΤΑΤΙΚΟ ΣΤΟΙΧΕΙΟ ΠΟΥ ΚΑΘΟΡΙΖΕΤΑΙ ΑΠΟ ΕΝΑ ΣΥΝΟΛΟ ΚΑΝΟΝΩΝ ΥΠΑΡΧΟΥΝ ΠΟΛΛΟΙ ΔΡΟΜΟΙ ΚΑΙ ΠΟΛΛΕΣ ΤΕΧΝΟΛΟΓΙΕΣ ΓΙΑ ΤΗΝ ΑΝΑΠΤΥΞΗ ΤΟΥ ΟΛΟΚΛΗΡΩΣΗ - ΕΠΙΛΟΓΟΣ
ΣΑΣ ΕΥΧΑΡΙΣΤΩ ΓΙΑ ΤΗΝ ΠΡΟΣΟΧΗ ΣΑΣ ΜΑΚΡΗΣ ΓΕΩΡΓΙΟΣ