Macromedia DreamWeaver Παρουσίαση εργαλείου σχεδίασης διεπαφής χρήστη

Save this PDF as:
 WORD  PNG  TXT  JPG

Μέγεθος: px
Εμφάνιση ξεκινά από τη σελίδα:

Download "Macromedia DreamWeaver 8.0.2. Παρουσίαση εργαλείου σχεδίασης διεπαφής χρήστη"

Transcript

1 Macromedia DreamWeaver Παρουσίαση εργαλείου σχεδίασης διεπαφής χρήστη

2 ο Μέρος 1 : Βασικές Έννοιες Εισαγωγή στην επιφάνεια εργασίας Insert Bar Property Bar Panels 10' Building a Web Page Παράδειγμα εισαγωγής εικόνας Χειρισμός ιδιοτήτων εικόνας DreamWeaver Site Management Static Web Page Development Tables Frames & Framesets HTML Forms Object Behaviors 2

3 Επιφάνεια Εργασίας Εύκολη στην προσαρμογή για τον αρχάριο χρήστη Ο προχωρημένος θα βρει τις default ρυθμίσεις μάλλον δύσχρηστες Αποτελείται από ένα σύνολο tear-off πινάκων που καλύπτουν τις πιο συνηθισμένες ανάγκες του σχεδιαστή (π.χ. Database Handling, CSS, File Browser, Tag Editor κ.α.) Τα σημαντικά εργαλεία βρίσκονται σε σημεία κλειδιά της οθόνης Μπορεί και να εμποδίζουν την παραγωγικότητα Κάποια ιδιαίτερα χαρακτηριστικά είναι καλά κρυμμένα και απαιτείται προσφυγή στην Βοήθεια, η οποία δεν είναι όσο εκτενής θα έπρεπε Θα μπορούσε να περιέχει περισσότερα extra χαρακτηριστικά, χωρίς να παραπέμπει σε δικτυακούς τόπους 3

4 4

5 Insert Bar Panels Properties Bar 5

6 Insert Bar Η Μπάρα Εισαγωγής (Insert Bar) διαθέτει τα ακόλουθα αντικείμενα: Common Objects: Αντικείμενα συχνής χρήσης, όπως hyperlinks, tables, και εικόνες Layout Objects: Εισαγωγή πινάκων, ετικετών <div>, ακόμα και στρώσεων (layers) Form Objects: Αντικείμενα τύπoυ Form (πεδία κειμένου, radio buttons, λίστες, μενού, κουμπιά κ.α.) Text Objects: Special Characters, Headings κ.α. HTML Objects: Head Tags, Script Tags, Horizontal Rules Application Objects: Αντικείμενα δυναμικής σχεδίασης, ανάλογα με την τεχνολογία που χρησιμοποιεί ο χρήστης Flash Elements Favorites: Προκαθορισμένη λίστα αγαπημένων αντικειμένων 6

7 Properties Bar Ιδιαίτερα σημαντική στον χειρισμό αντικειμένων εύκολα και γρήγορα Αυτο-προσαρμοζόμενη στο αντικείμενο που επιλέγει ο χρήστης Κοινά χαρακτηριστικά αντικειμένων: Element Icon: Εικονίδιο αντικειμένου προς επεξεργασία Quick Help: Ανοίγει το μενού βοήθειας Quick Tag Editor: Αλλαγή ιδιοτήτων tag χωρίς ανάμιξη με κώδικα Collapsible Arrow: Εμφανίζει/Αποκρύπτει περαιτέρω (advanced) ιδιότητες 7

8 Panels Προσφέρουν εύκολη πρόσβαση σε διάφορες λειτουργίες: CSS Panel Group CSS Styles: Cascading Style & Style Sheet Management Layers Application Panel Group Behaviors: Object Behavior Management Databases Bindings Components Files Panel Group Files: File Browser (of site file structure) Snippets: Συχνά χρησιμοποιούμενα scripts, markups και σημειώσεις. Assets 8

9 Building a Web Page Το κυρίως παράθυρο εργασίας αποτελείται από: Code View Split View Design View Η δημιουργία μιας σελίδας στο Design View πρακτικά αντιμετωπίζει κάθετι ως αντικείμενο Η εισαγωγή οποιουδήποτε αντικειμένου ακολουθεί το πρότυπο: Go to Menu, Bar, Panel Click on Object Name Μερικά hotspots συχνά χρησιμοποιούμενων αντικειμένων: Menus: Insert, Modify, Text Bars: Insert, Properties Panels: Application, Files 9

10 Building a Web Page: Image Insertion Example Εισαγωγή εικόνας: Δεικτοδότηση τοποθεσίας επικόλλησης Άνοιγμα παραθύρου εισαγωγής εικόνας: By menu: Insert Image By bar: Insert bar Common Objects Image Επιλογή το URL της εικόνας να είναι: Document (default) ή Site Root Related OK Η εικόνα εισάγεται στο σημείο που δεικτοδοτήσαμε προηγουμένως 10

11 Building a Web Page: Further on Image Manipulating Με κλικ στην εικόνα Η μπάρα ιδιοτήτων προσαρμόζεται: Image Thumbnail: Μινι Προεπισκόπηση Εικόνας Image Size: Μέγεθος εικόνας σε KB Image Name: Χαρακτηριστική ονομασία αντικειμένου W και H: Πλάτος και Ύψος εικόνας. Src: Το file path της εικόνας στον δίσκο Link: Σύνδεσμος παραπομπής (κενό: η εικόνα δεν παραπέμπει πουθενά) Alt: Εναλλακτικό κείμενο για την εικόνα Align: Στοίχιση εικόνας κ.α. 11

12 Web Site Management Η διαχείριση του site ξεκινά από την δήλωσή του Δημιουργία συνδέσμων και cache για τον εντοπισμό αλλαγών Κάθε αλλαγή ενημερώνει και άλλα αρχεία αυτόματα Παράθυρο διαλόγου Manage Sites (Site Menu Manage Sites) New: Επιλογή τύπου site και δήλωσή του. (wizard) Edit: Επεξεργασία ήδη δηλωμένων sites. (wizard) Duplicate: Δυνατότητα χρήσης site ως template για ανάπτυξη νέων. Remove: Διαγράφει τους συνδέσμους του DW, όχι τα αρχεία. Export/Import: Migrating site με χρήση.ste αρχείου. Wizard Επιλογή Basic ή Advanced χρήστη Basic: ιδιαίτερα εύχρηστη, αποκρύπτει πολλές πληροφορίες. Advanced: όλες οι λεπτομέρειες που αφορούν το site. Εισαγωγή στοιχείων: Site Name, URL, Server Technology, κ.α. Υπάρχει built-in FTP client και ενεργοποίηση λειτουργίας check in/out για περιβάλλοντα με πολλαπλούς σχεδιαστές 12

13 Static Web Pages: Tables Εισαγωγή πίνακα (π.χ. Insert Menu Table) Table Size Rows, Columns: Αριθμοί γραμμών και στηλών Table width: Μήκος πίνακα (σε pixels ή %) Border thickness: Πάχος περιθωρίου (disable: 0) Cell padding: Απόσταση περιεχομένων από περιθώριο Cell spacing: Μέγεθος διαχωριστικού κελιών Header: επιλογή περιοχής headers (Left, Top, Both) Accessibility Caption: Περιγραφή περιεχομένων κελιού Align caption: Στοίχιση περιγραφής στον πίνακα Οι ιδιότητες του πίνακα μπορούν να αλλάξουν και από την Properties Bar. (Αλλαγή Format πίνακα: Commands Format Table) 13

14 Static Web Pages: Frames & Framesets Δημιουργία Frameset με επιλογή απο προκαθορισμένα: File menu New Framesets Επιλογή Σε κενή ιστοσελίδα: Insert HTML Επιλογή Δημιουργία Frameset from scratch: Σε κενή ιστοσελίδα: Modify Frameset Split Frame Up, Left, Right, Down... Ξεκινάμε από το κυρίως παράθυρο, και αρχίζουμε να το χωρίζουμε σε frames με επιλογή κατεύθυνσης Note for Saving: Πρέπει να σωθεί το κάθε frame σε ένα χωριστό αρχείο, και το frameset από την επιλογή Save Frameset As... 14

15 Static Web Pages: Frames & Framesets Επεξεργασία Ιδιοτήτων Frame & Frameset μπορούν να γίνουν από την Properties Bar Μερικές Ιδιότητες των frames: Frame name, Frame scroll, Borders and border width, Frame resize, Margin width and height Μερικές Ιδιότητες του frameset: Borders, Border width, Border color, Row height, Column width 15

16 Static Web Pages: HTML Forms Συλλογή και επεξεργασία δεδομένων από end users Εισαγωγή από Insert Bar Forms Tab Form Button Μερικές Ιδιότητες: Form name, Action (path σελίδας που θα την επεξεργαστεί), Target (Action Link Target), Method (Post Get) Είδη Στοιχείων Form: Textareas Check Boxes Radio Buttons Lists and Menus Buttons File Fields Image Fields Hidden Fields Jump Menus 16

17 Static Web Pages: HTML Forms Text Fields Text Areas 17

18 Static Web Pages: HTML Forms Checkboxes Radio Buttons Μπορούμε να εισάγουμε ομάδες (Radio Groups) για να δίνουμε την δυνατότητα επιλογής μόνο ενός από τη λίστα (π.χ. Gender) 18

19 Static Web Pages: HTML Forms Lists Menus Μπορούμε να εισάγουμε στοιχεία σε λίστες/μενού από το παράθυρο διαλόγου List Values, από την Properties Bar 19

20 Static Web Pages: HTML Forms Δύο είδη κουμπιών καθορισμού όλων των πληροφοριών της φόρμας: Submit, Reset Submit: Αποστέλει όλες τις πληροφορίες της φόρμας Reset: Επαναφέρει όλα τα στοιχεία στην αρχική τους μορφή (διαγράφει τα περιεχόμενα που έχει εισάγει ο χρήστης) Η συμπεριφορά καθορίζεται από την επιλογή action 20

21 Static Web Pages: HTML Forms Data Handling Γιατί το κλικ στο submit δεν λειτουργεί; Πρέπει να υπάρχει το αντίστοιχο script στον server που να αναλαμβάνει τον χειρισμό των πληροφοριών Οι προηγούμενες πληροφορίες αφορούν τον τρόπο αποστολής δεδομένων από τον browser-πελάτη στο site-διακομιστή. Οι λεπτομέρειες παραλαβής των δεδομένων από τον διακομιστή αφορούν τον δυναμικό σχεδιασμό και θα περιγραφούν στο 3ο Μέρος της παρουσίασης. Χειρισμός πληροφοριών Αρχιτεκτονική Client Server Άλλα στοιχεία φορμών: File Field: Επιτρέπει upload αρχείου από τοπικό δίσκο Hidden Field: Αποστολή πληροφοριών στον server χωρίς γνώση του χρήστη 21

22 Static Web Pages: Object Behaviors Τι είναι τα behaviors? Tα behaviors του DW αντιπροσωπεύουν συναρτήσεις JavaScript κώδικα <html> <head> <title>sample JavaScript</title> <script language="javascript"> function showmessage() { window.alert("hello"); } </script> </head> <body> <input type="button" value="click Me" onclick="showmessage();" /> </body> </html> 22

23 Static Web Pages: Object Behaviors Για διαχείριση των behaviors μιας σελίδας υπάρχει το αντίστοιχο panel Εξοικείωση με το παράθυρο του panel: Action: Ποιο είδος behavior έχει αντιστοιχιστεί σε ποια αλληλεπίδραση με το αντικείμενο. (dc Παραμετροποίηση) Show Set/All Events: Εμφάνιση behaviors που αφορούν το συγκεκριμένο αντικείμενο ή όλα τα υποστηριζόμενα behaviors Add: Επιλογή από λίστα behaviors Remove: Αφαίρεση από το αντικείμενο Reposition Behavior: Ρύθμιση προτεραιότητας behavior 23

24 Static Web Pages: Object Behaviors Behavior Example 1: Call JavaScript Το behavior αυτό είναι ιδανικό για την εισαγωγή inline JavaScript, χωρίς την εναλλαγή σε Code View Ας δούμε πως μπορούμε να χρησιμοποιήσουμε την συνάρτηση Close() Επιλέγουμε το αντικείμενο της σελίδας μας Προσθέτουμε το behavior: Behaviors Panel Call Javascript Στο παράθυρο εισάγουμε: window.close(); και ΟΚ Κάνοντας κλικ στην πρώτη στήλη του Event, επιλέγουμε με ποια αλληλεπίδραση θέλουμε να εκτελείται ο κώδικας που εισάγαμε (εδώ επιλέγουμε onclick = με κλικ στο αντικείμενο, το παράθυρο κλεινει) 24

25 Static Web Pages: Object Behaviors Behavior Example 2: Check Plugin Ελέγχει αν ο χρήστης έχει κάποιο συγκεκριμένο plugin, και ανάλογα με το αποτέλεσμα τον παραπέμπει σε κάποιο link Ας δούμε πως μπορούμε να το χρησιμοποιήσουμε: Επιλέγουμε το αντικείμενο της σελίδας μας Προσθέτουμε το behavior: Behaviors Panel Check Plugin Στο παράθυρο επιλέγουμε το plugin που μας ενδιαφέρει (Flash, QuickTime, Windows Media Player, κλπ.), η εισάγουμε το όνομα του Στό If found, go to URL εισάγουμε το URL στο οποίο μεταβαίνουν οι browsers που διαθέτουν το ζητούμενο plugin, ενώ στο Otherwise, go to URL εισάγουμε εναλλακτικό URL, και επιλέγουμε ΟΚ Επιλέγουμε το Event να συμβαίνει onclick και έχουμε τελειώσει 25

26 Static Web Pages: Object Behaviors Behavior Example 3: Open Browser Window Ανοίγει pop-up παραμετροποιημένο παράθυρο στο επιλεγμένο URL Ας δούμε πως μπορούμε να το χρησιμοποιήσουμε: Επιλέγουμε το αντικείμενο της σελίδας μας Προσθέτουμε το behavior: Behaviors Panel Open Browser Window Στο παράθυρο επιλέγουμε το URL στο οποίο μεταβαίνει, τις διαστάσεις του νέου παραθύρου, και τα χαρακτηριστικά του: Scrollbars, Menu bar, Status bar κ.α. Στo Window Name εισάγουμε το χαρακτηριστικό όνομα του παραθύρου για πιθανή αναφορά αργότερα Επιλέγουμε το Event να συμβαίνει onclick και έχουμε τελειώσει 26

27 Something Extra F 27

ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2

ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2 ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2 Dreamweaver 1/7 Εισαγωγή Το Dreamweaver είναι ένας HTML editor που αναπτύχθηκε από την Macromedia. Είναι WYSIWYG (What You See Is What You Get),

Διαβάστε περισσότερα

DREAMWEAVER MX. 7. Με ποιον τρόπο μορφοποιούμε κάποιους χαρακτήρες της σελίδας μας; Στο παράθυρο Properties υπάρχει η πιο κάτω γραμμή εργαλείων:

DREAMWEAVER MX. 7. Με ποιον τρόπο μορφοποιούμε κάποιους χαρακτήρες της σελίδας μας; Στο παράθυρο Properties υπάρχει η πιο κάτω γραμμή εργαλείων: 1 Πώς δημιουργούμε ένα νέο Site; Πατάμε Site/ Manage Sites και μετά στο παράθυρο που εμφανίζεται πατάμε το κουμπάκι New και επιλέγουμε Site Στη συνέχεια θα πρέπει να δώσουμε: Α το όνομα που θέλουμε να

Διαβάστε περισσότερα

Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table.

Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table. DreamWeaver - Άσκηση 4η Πίνακες Παρακάτω θα δούμε πως μπορούμε να δημιουργούμε και να επεξεργαζόμαστε πίνακες, μια πολύ βασική δομή. Θα δούμε πως γίνεται εισαγωγή πίνακα, ένωση κελιών του πίνακα, προσθήκη

Διαβάστε περισσότερα

Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας

Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός

Διαβάστε περισσότερα

Μέρος 2ο (Συγχωνεύοντας Multimedia & Animation)

Μέρος 2ο (Συγχωνεύοντας Multimedia & Animation) Μέρος 2ο (Συγχωνεύοντας Multimedia & Animation) Timeline Menu Timeline Behaviors Animated pop-up menu Προσθήκη video στην ιστοσελίδα Media players Embedding Videos Ιδιότητες embeding video Προσθέτοντας

Διαβάστε περισσότερα

1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών

1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών ΜΑΘΗΜΑ 4 ΣΤΟΧΟΙ: 1. Προσθήκη Πίνακα (Table) 2. Εισαγωγή Και Μετακίνηση Κειμένου Σε Πίνακα 3. Εισαγωγή Στηλών Και Γραμμών Σε Πίνακα 4. Διαγραφή Στηλών Και Γραμμών Σε Πίνακα 5. Αλλαγή Πλάτους Στηλών Και

Διαβάστε περισσότερα

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών

Διαβάστε περισσότερα

ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 3

ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 3 ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 3 Φόρµες Ένας τρόπος για να συλλέξετε πληροφορία από τους επισκέπτες του δικτυακού σας τόπου είναι οι φόρµες. Με τα εξειδικευµένα αυτά εργαλεία µπορείτε να κάνετε έρευνες ή τεστ,

Διαβάστε περισσότερα

Άσκηση 6 Επαναληπτική Άσκηση HTML

Άσκηση 6 Επαναληπτική Άσκηση HTML Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο

Διαβάστε περισσότερα

Dreamweaver CS5. Μάθετε τo. Adobe. σε 24 Ώρες. Εκδόσεις: Μ. Γκιούρδας. Betsy Bruce John Ray Robyn Ness. Απόδοση: Γιάννης Β.

Dreamweaver CS5. Μάθετε τo. Adobe. σε 24 Ώρες. Εκδόσεις: Μ. Γκιούρδας. Betsy Bruce John Ray Robyn Ness. Απόδοση: Γιάννης Β. Μάθετε τo Adobe Dreamweaver CS5 σε 24 Ώρες Betsy Bruce John Ray Robyn Ness Απόδοση: Γιάννης Β. Σαμαράς Ηλεκτρολόγος Μηχανολόγος Ε.Μ.Π. M.Sc. Computer Science Εκδόσεις: Μ. Γκιούρδας Ζωοδόχου Πηγής 70-74

Διαβάστε περισσότερα

ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT FRONTPAGE

ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT FRONTPAGE Πανεπιστήμιο Αιγαίου Τμήμα Πολιτισμικής Τεχνολογίας και Επικοινωνίας ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT FRONTPAGE Σημειώσεις του μαθήματος ΕΡΓΑΣΤΗΡΙΟ ΠΛΗΡΟΦΟΡΙΚΗΣ Δρ Ευαγγελία Καβακλή Μυτιλήνη 2001 1 Αρχίζοντας...

Διαβάστε περισσότερα

Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML

Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL

Διαβάστε περισσότερα

Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης

Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες

Διαβάστε περισσότερα

ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΔΡΑΣΤΙΚΟΥ ΕΚΠΑΙΔΕΥΤΙΚΟΥ CD ΓΙΑ ΤΟ ΜΑΘΗΜΑ ΤΗΣ ΝΑΝΟΗΛΕΚΤΡΟΝΙΚΗΣ

ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΔΡΑΣΤΙΚΟΥ ΕΚΠΑΙΔΕΥΤΙΚΟΥ CD ΓΙΑ ΤΟ ΜΑΘΗΜΑ ΤΗΣ ΝΑΝΟΗΛΕΚΤΡΟΝΙΚΗΣ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΔΡΑΣΤΙΚΟΥ ΕΚΠΑΙΔΕΥΤΙΚΟΥ CD ΓΙΑ ΤΟ ΜΑΘΗΜΑ ΤΗΣ ΝΑΝΟΗΛΕΚΤΡΟΝΙΚΗΣ ΕΠΙΜΕΛΕΙΑ ΛΥΚΟΥΡΙΝΟΣ ΕΛΕΥΘΕΡΙΟΣ ΛΟΥΚΑΣ ΦΙΛΙΠΠΟΥ ΛΑΜΙΑ 2009 1 ΠΕΡΙΕΧΟΜΕΝΑ ΕΙΣΑΓΩΓΙΚΟ ΣΗΜΕΙΩΜΑ ΛΕΙΤΟΥΡΓΙΕΣ ΚΑΙ ΕΝΤΟΛΕΣ ΣΤΟ DREAMWEAVER(manual)

Διαβάστε περισσότερα

TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης

TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης Χειμερινό εξάμηνο 2011-2012 Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό

Διαβάστε περισσότερα

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface Copyright 2012-2015 -SYSTEM- All rights reserved 2/180 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: Εισαγωγή στο Dreamwever Μάθημα 2: Γραμμές εργαλείων document Μάθημα 3: Προετοιμασία τοποθεσίας ιστού Μάθημα 4: Ορισμός τοπικής

Διαβάστε περισσότερα

ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2

ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 Μάθαµε στο προηγούµενο µάθηµα πώς να δίνουµε ονόµατα στις ιστοσελίδες µας, να βάζουµε χρώµα και γραφικά, ή ακόµα να δηµιουργούµε υπερσυνδέσµους σε κείµενο και εικόνες. Σήµερα µεταξύ

Διαβάστε περισσότερα

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί

Διαβάστε περισσότερα

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / 1. Τι είναι το wikidot Το wikidot είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει

Διαβάστε περισσότερα

ΠΕΡΙΕΧΟΜΕΝΑ. Κεφάλαιο 3: Προσθήκη πλαισίων...65 Τρόπος λειτουργίας των πλαισίων Δημιουργία πλαισιοσυνόλου Χρήση του πάνελ Frames...

ΠΕΡΙΕΧΟΜΕΝΑ. Κεφάλαιο 3: Προσθήκη πλαισίων...65 Τρόπος λειτουργίας των πλαισίων Δημιουργία πλαισιοσυνόλου Χρήση του πάνελ Frames... ΠΕΡΙΕΧΟΜΕΝΑ Εισαγωγή...11 Κεφάλαιο 1: Προσθήκη πινάκων...15 Δημιουργία διάταξης χωρίς πίνακες... 16 Δημιουργία πίνακα... 18 Επιλογή στοιχείων πίνακα... 23 Χρήση κατάστασης Διευρυμένων πινάκων για επιλογή...

Διαβάστε περισσότερα

2. Με το εικονίδιο συντόμευσης στην επιφάνεια εργασίας των Windows.

2. Με το εικονίδιο συντόμευσης στην επιφάνεια εργασίας των Windows. 1.1 ΕΚΚΙΝΗΣΗ ΤΟΥ ΠΡΟΓΡΑΜΜΑΤΟΣ Το σχεδιαστικό μας πρόγραμμα ξεκινά με δύο τρόπους: 1. Με την ένδειξη Start στην επιφάνεια εργασίας. Ακολούθως επιλέγουμε την ένδειξη Programs και στην ενότητα του προγράμματος,

Διαβάστε περισσότερα

Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5

Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Πνευματικά Δικαιώματα 2005 Ίδρυμα ECDL (ECDL Foundation www.ecdl.com) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί

Διαβάστε περισσότερα

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών

Διαβάστε περισσότερα

Στις επόµενες διαφάνειες θα δούµε τις ιδιότητες του CSS που µπορούµε να επηρεάσουµε µέσω του Dreamweaver.

Στις επόµενες διαφάνειες θα δούµε τις ιδιότητες του CSS που µπορούµε να επηρεάσουµε µέσω του Dreamweaver. Στις επόµενες διαφάνειες θα δούµε τις ιδιότητες του CSS που µπορούµε να επηρεάσουµε µέσω του Dreamweaver. 37 Αφού καθορίσετε τα βασικά στοιχεία του νέου κανόνα css, όπως είδαµε στις προηγούµενες διαφάνειες,

Διαβάστε περισσότερα

Ανάπτυξη και εικαστικός Σχεδιασμός Ιστοτόπων

Ανάπτυξη και εικαστικός Σχεδιασμός Ιστοτόπων Ανάπτυξη και εικαστικός Σχεδιασμός Ιστοτόπων Σεμινάριο για τον Τομέα Εφαρμοσμένων Τεχνών της ΤΕΕ Το παρόν εκπονήθηκε στο πλαίσιο του Υποέργου 6 «Εκπαίδευση επιμορφωτών και βοηθών επιμορφωτών» της Πράξης

Διαβάστε περισσότερα

Υπερσυνδέσεις (hyperlinks)

Υπερσυνδέσεις (hyperlinks) Υπερσυνδέσεις (hyperlinks) Οι υπερσυνδέσεις αποτελούν το δυναμικό στοιχείο σε ένα έγγραφο html. Με τις υπερσυνδέσεις είναι δυνατή, εύκολη και γρήγορη η μετάβαση ή η παραπομπή από ένα αρχείο html (πηγή)

Διαβάστε περισσότερα

Σημειώσεις για τις Ιστοσελίδες του Google

Σημειώσεις για τις Ιστοσελίδες του Google Σημειώσεις για τις Ιστοσελίδες του Google 1 Βήμα 1 ο Μπαίνουμε στην σελίδα της Google για τις ιστοσελίδες (http://sites.google.com). 2 Εναλλακτικά, μπαίνουμε στο http://www.google.com, επιλέγουμε περισσότερα

Διαβάστε περισσότερα

Εργαστήριο του Μαθήματος: ΕΠΛ001

Εργαστήριο του Μαθήματος: ΕΠΛ001 www.epl001lab.weebly.com Εργαστήριο του Μαθήματος: ΕΠΛ001 Ενότητα 3 Εισαγωγή στο Microsoft Word Πως αρχίζουμε το Microsoft Word Για να αρχίσουμε το Word, πρέπει να κάνουμε double click στο εικονίδιο του

Διαβάστε περισσότερα

Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel

Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel 11.1. Πολλαπλά φύλλα εργασίας Στο προηγούμενο κεφάλαιο δημιουργήσαμε ένα φύλλο εργασίας με τον προϋπολογισμό δαπανών του προσωπικού που θα συμμετάσχει

Διαβάστε περισσότερα

SPSS Statistical Package for the Social Sciences

SPSS Statistical Package for the Social Sciences SPSS Statistical Package for the Social Sciences Ξεκινώντας την εφαρμογή Εισαγωγή εδομένων Ορισμός Μεταβλητών Εισαγωγή περίπτωσης και μεταβλητής ιαγραφή περιπτώσεων ή και μεταβλητών ΣΤΑΤΙΣΤΙΚΗ Αθανάσιος

Διαβάστε περισσότερα

Επίλυση προβλήματος με Access

Επίλυση προβλήματος με Access Δ.1. Το προς επίλυση πρόβλημα Ζητείται να κατασκευάσετε τα αρχεία και τα προγράμματα μιας εφαρμογής καταχώρησης Δαπανών μελών ΔΕΠ (Διδακτικό και Ερευνητικό Προσωπικό) για την παρακολούθηση του απολογισμού

Διαβάστε περισσότερα

Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8

Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8 Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8 Περιεχόμενα Κατέβασμα και εγκατάσταση Netbeans 8 Δημιουργία project εφαρμογής HTML(5)/CSS/Javascript

Διαβάστε περισσότερα

Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να

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

Διαβάστε περισσότερα

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί

Διαβάστε περισσότερα

ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR

ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR ΠΕΡΙΕΧΟΜΕΝΑ Σελίδα Πως ανοίγουμε αρχείο βίντεο ή εικόνα για επεξεργασία 1 Εφαρμογή εφφέ σε βίντεο ή σε εικόνα 2 Πως κόβεται ένα κομμάτι του βίντεο

Διαβάστε περισσότερα

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί

Διαβάστε περισσότερα

Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο.

Εργαστήριο #12. Βήμα 1 ο. Βήμα 2 ο. Βήμα 3 ο. Βήμα 4 ο. Εργαστήριο #12 Από τα προηγούμενα εργαστήρια: Το εργαστήριο αυτό είναι ανεξάρτητο από τα προηγούμενα επειδή όμως ασχολείται με τη γλώσσα JavaScript, βεβαιωθείτε ότι έχετε διαβάσει το εισαγωγικό Παράρτημα

Διαβάστε περισσότερα

Εκδόσεις Μ. Γκιούρδας Ζωοδόχου Πηγής 74, 106 81, Αθήνα Τηλ. 210 3630219 210 3303145 Fax 210 3303126 http://www.mgiurdas.gr

Εκδόσεις Μ. Γκιούρδας Ζωοδόχου Πηγής 74, 106 81, Αθήνα Τηλ. 210 3630219 210 3303145 Fax 210 3303126 http://www.mgiurdas.gr Εκδόσεις Μ. Γκιούρδας Ζωοδόχου Πηγής 74, 106 81, Αθήνα Τηλ. 210 3630219 210 3303145 Fax 210 3303126 http://www.mgiurdas.gr ιορθώσεις σφαλμάτων για το βιβλίο «Adobe Dreamweaver CS3 Βήμα προς Βήμα» Σελίδα

Διαβάστε περισσότερα

Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS

Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS Πίνακες Ιδιοτήτων Μορφοποίησης CSS Ιδιότητες Διαστασιολόγησης Στοιχείων height Ορίζει το ύψος ενός στοιχείου auto lenght (px) line-height Ορίζει το ύφος μιας

Διαβάστε περισσότερα

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet.

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΩΡΕΣ ΔΙΔΑΣΚΑΛΙΑΣ: ΕΙΔΟΣ ΜΑΘΗΜΑΤΟΣ: Μικτό Γενικός σκοπός είναι να αποκτήσει ο καταρτιζόμενος τις αναγκαίες γνώσεις σχετικά με εργαλεία και τις τεχνικές για

Διαβάστε περισσότερα

Εισαγωγή στο MS Word

Εισαγωγή στο MS Word Εισαγωγή στο MS Word Περιεχόμενα Βασικές λειτουργίες Χρήση, μορφοποίηση στυλ Εισαγωγή στοιχείων Αρχική Οθόνη (doc) Μπάρα τίτλου Χάρακας Μπάρα Μενού Μπάρες Εργαλείων Όψη κειμένου Αρχική Οθόνη (docx) Μπάρα

Διαβάστε περισσότερα

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ. Κεφάλαιο 5. Αλληλεπιδραστικές ιστοσελίδες (χρήση ετικέτας <FORM> και η τεχνική CGI)

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ. Κεφάλαιο 5. Αλληλεπιδραστικές ιστοσελίδες (χρήση ετικέτας <FORM> και η τεχνική CGI) ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 5. Αλληλεπιδραστικές ιστοσελίδες (χρήση ετικέτας και η τεχνική CGI) Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 ΦΟΡΜΕΣ (FORM) Είναι ο κύριος

Διαβάστε περισσότερα

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ 2014 2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ H HTML είναι μία γλώσσα σήμανσης και αποτελεί την κύρια γλώσσα δημιουργίας ιστοσελίδων του διαδικτύου. Είναι το ακρωνύμιο των λέξεων HyperText

Διαβάστε περισσότερα

Τεχνικό Τοπογραφικό Σχέδιο

Τεχνικό Τοπογραφικό Σχέδιο Τεχνικό Τοπογραφικό Σχέδιο Γ. Καριώτου ΤΜΗΜΑ ΠΟΛΙΤΙΚΩΝ ΜΗΧΑΝΙΚΩΝ ΤΕ & ΜΗΧΑΝΙΚΩΝ ΤΟΠΟΓΡΑΦΙΑΣ ΚΑΙ ΓΕΩΠΛΗΡΟΦΟΡΙΚΗΣ ΤΕ 1 Άδειες Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative Commons.

Διαβάστε περισσότερα

Σχεδιασμός και ανάπτυξη ενός Web Site. Αθ. Ανδρούτσος

Σχεδιασμός και ανάπτυξη ενός Web Site. Αθ. Ανδρούτσος Σχεδιασμός και ανάπτυξη ενός Web Site Αθ. Ανδρούτσος 1. Εισαγωγή Με τον όρο Web-based εφαρμογή εννοούμε ένα σύνολο τεχνολογιών με κοινό χαρακτηριστικό την δυνατότητα επικοινωνίας μέσω του πρωτοκόλλου http

Διαβάστε περισσότερα

Συλλογή και Επεξεργασία Δεδομένων με Φόρμες

Συλλογή και Επεξεργασία Δεδομένων με Φόρμες Συλλογή και Επεξεργασία Δεδομένων με Φόρμες Οι φόρμες αποτελούν τον πιο δημοφιλή τρόπο για τη συλλογή δεδομένων μέσω του World Wide Web (WWW). Επιτρέπουν στους χρήστες να επικοινωνούν με τη βοήθεια του

Διαβάστε περισσότερα

Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο

Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο HTML Φόρµες Για να δηµιουργήσουµε µια φόρµα στην οποία θα γράφουν σχόλια ή παρατηρήσεις οι επισκέπτες των σελίδων µας, χρειαζόµαστε την ετικέτα .

Διαβάστε περισσότερα

2.9.3 Χρήση λογισμικού παρουσιάσεων για τη δημιουργία απλών παρουσιάσεων ρουτίνας

2.9.3 Χρήση λογισμικού παρουσιάσεων για τη δημιουργία απλών παρουσιάσεων ρουτίνας 2.9 Δεξιότητες Τεχνολογίας Πληροφοριών και Επικοινωνιών 2.9.3 Χρήση λογισμικού παρουσιάσεων για τη δημιουργία απλών παρουσιάσεων ρουτίνας Να επιδεικνύει ικανότητα στη χρήση λογισμικού παρουσιάσεων, ακίνδυνα

Διαβάστε περισσότερα

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0 SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη...

Διαβάστε περισσότερα

Γενικό Τμήμα Παιδαγωγικών Μαθημάτων

Γενικό Τμήμα Παιδαγωγικών Μαθημάτων Α.Σ.ΠΑΙ.Τ.Ε. ΑΝΩΤΑΤΗ ΣΧΟΛΗ ΠΑΙΔΑΓΩΓΙΚΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΗΣ ΕΚΠΑΙΔΕΥΣΗΣ Γενικό Τμήμα Παιδαγωγικών Μαθημάτων ΜΑΘΗΜΑ: ΕΚΠΑΙΔΕΥΤΙΚΗ ΤΕΧΝΟΛΟΓΙΑ ΠΟΛΥΜΕΣΑ (ΕΡΓΑΣΤΗΡΙΟ) Συνοπτικός οδηγός αξιοποίησης βασικών δυνατοτήτων

Διαβάστε περισσότερα

1. Άνοιγμα Και Κλείσιμο Της Εφαρμογής Φυλλομετρητή Ιστού (Internet Explorer)

1. Άνοιγμα Και Κλείσιμο Της Εφαρμογής Φυλλομετρητή Ιστού (Internet Explorer) ΔΙΑΔΙΚΤΥΟ (INTERNET) ΣΤΟΧΟΙ: 1. Άνοιγμα Και Κλείσιμο Μιας Εφαρμογής Φυλλομετρητή Ιστού (Internet Explorer) 2. Παρουσίαση Μιας Ιστοσελίδας 3. Διακοπή Και Ανανέωση Μιας Ιστοσελίδας (Stop and Refresh) 4.

Διαβάστε περισσότερα

Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα

Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα Το Box Model Το box model στα CSS περιγράφει τα πλαίσια (boxes) που δημιουργούνται για τα στοιχεία (elements) της HTML. Το box

Διαβάστε περισσότερα

ADOBE DREAMWEAVER CS3 ΒΙΒΛΙΟ ΚΑΘΗΓΗΤΗ

ADOBE DREAMWEAVER CS3 ΒΙΒΛΙΟ ΚΑΘΗΓΗΤΗ ΥΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗΣ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ADOBE CS3 ΒΙΒΛΙΟ ΚΑΘΗΓΗΤΗ ΠΑΡΑΓΩΓΗ Το παρόν εκπονήθηκε στο πλαίσιο του Υποέργου 13 «Προσαρμογή Λογισμικού-Φάση ΙΙΙ» της Πράξης «Επαγγελματικό λογισμικό στην

Διαβάστε περισσότερα

Οδηγίες χρήσης της πλατφόρμας TYPO3. για τους Διαχειριστές Ιστοσελίδων των Τμημάτων του. Πανεπιστημίου Αθηνών

Οδηγίες χρήσης της πλατφόρμας TYPO3. για τους Διαχειριστές Ιστοσελίδων των Τμημάτων του. Πανεπιστημίου Αθηνών Οδηγίες χρήσης της πλατφόρμας TYPO3 για τους Διαχειριστές Ιστοσελίδων των Τμημάτων του Πανεπιστημίου Αθηνών Αθήνα, Φεβρουάριος 2012 Έκδοση 2.0 Οι οδηγίες χρήσης ενημερώθηκαν και προσαρμόστηκαν στις ανάγκες

Διαβάστε περισσότερα

Άσκηση 11 Κατασκευή ολοκληρωμένου ιστότοπου. ολοκληρωμένο ιστότοπο με θέμα της επιλογής σας.

Άσκηση 11 Κατασκευή ολοκληρωμένου ιστότοπου. ολοκληρωμένο ιστότοπο με θέμα της επιλογής σας. Άσκηση 11 Κατασκευή ολοκληρωμένου ιστότοπου Περιγραφή: Στη συγκεκριμένη άσκηση πρόκειται να δημιουργήσετε έναν ολοκληρωμένο ιστότοπο με θέμα της επιλογής σας. Οδηγίες: Θα χρησιμοποιήσετε τον ιστότοπο Weebly

Διαβάστε περισσότερα

Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org)

Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org) PEOPLECERT Hellas A.E - Φορέας Πιστοποίησης Ανθρώπινου Δυναμικού Κοραή 3, 105 64 Αθήνα, Τηλ.: 210 372 9100, Fax: 210 372 9101, e-mail: info@peoplecert.org, www.peoplecert.org Πνευματικά Δικαιώματα 2013

Διαβάστε περισσότερα

Βρίγκας Μιχαήλ Α.Μ.744 Μπράχος Χ. Ευάγγελος Α.Μ.795

Βρίγκας Μιχαήλ Α.Μ.744 Μπράχος Χ. Ευάγγελος Α.Μ.795 Βρίγκας Μιχαήλ Α.Μ.744 Μπράχος Χ. Ευάγγελος Α.Μ.795 Περιεχόμενα Εισαγωγή Εγκατάσταση Δημιουργία νέου project Java Editor Perspectives Δημιουργία source folders Προσθήκη νέου αρχείου στο project Εισάγωντας

Διαβάστε περισσότερα

2. Εισαγωγή Δεδομένων σε Σχεσιακή Βάση Δεδομένων

2. Εισαγωγή Δεδομένων σε Σχεσιακή Βάση Δεδομένων 2. Εισαγωγή Δεδομένων σε Σχεσιακή Βάση Δεδομένων Μετά τον μετασχηματισμό των δεδομένων με τη χρήση του Excel, τα δεδομένα θα εισαχθούν σε μια σχεσιακή βάση δεδομένων (Microsoft SQL Sever 2005) ώστε να

Διαβάστε περισσότερα

Επιβλέπων Καθηγητής : Τσιαντής Λεωνίδας Φοιτητής : Μακρής Γεώργιος

Επιβλέπων Καθηγητής : Τσιαντής Λεωνίδας Φοιτητής : Μακρής Γεώργιος Επιβλέπων Καθηγητής : Τσιαντής Λεωνίδας Φοιτητής : Μακρής Γεώργιος Δημιουργία Web Site Λογισμικό Ανάπτυξης Dreamweaver MX (Oρισμός του Site(Τα αρχεία του Site να είναι τοποθετημένα σε μια θέση την οποία

Διαβάστε περισσότερα

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Moodle σε βήματα είναι η ακόλουθη:

Διαβάστε περισσότερα

Website Builder Βασικές Οδηγίες Χρήσης

Website Builder Βασικές Οδηγίες Χρήσης Website Builder Βασικές Οδηγίες Χρήσης 1 Περιεχόμενα: Διαλέγοντας τον τύπο του website...3 Δημιουργώντας το Εικαστικό του website σας...4 Επιλέγοντας Εικαστικό Σχέδιο...5 Αφαιρώντας το Εικαστικό Πρότυπο

Διαβάστε περισσότερα

Το βασικά χαρακτηριστικά που διαθέτει out-of-the-box (δηλαδή από την αρχική του έκδοση) είναι τα παρακάτω:

Το βασικά χαρακτηριστικά που διαθέτει out-of-the-box (δηλαδή από την αρχική του έκδοση) είναι τα παρακάτω: melissa.cms - το απόλυτο εργαλείο για δηµιουργήσετε την ιστοσελίδα σας To meliisa.cms είναι ένα σύστηµα ανοιχτής αρχιτεκτονικής διαχείρισης περιεχοµένου ιστοσελίδων. Σας επιτρέπει να το χρησιµοποιείται

Διαβάστε περισσότερα

Joomla! with K2 - User Guide

Joomla! with K2 - User Guide Joomla! with K2 - User Guide τελευταία ανανέωση: 27/03/2014 από την ICAP WEB Solutions 1 Η κατασκευή της δυναμικής σας ιστοσελίδας έχει ολοκληρωθεί και μπορείτε πλέον να προχωρήσετε σε αλλαγές ή προσθήκες

Διαβάστε περισσότερα

Η ιευρυµένη Επιχείρηση Ενότητα Ηλεκτρονικής Μάθησης

Η ιευρυµένη Επιχείρηση Ενότητα Ηλεκτρονικής Μάθησης Η ιευρυµένη Επιχείρηση Ενότητα Ηλεκτρονικής Μάθησης 1ο Μάθηµα Ιωάννα Ταλάντη Υπ. ιδάκτωρ, Τµήµα ιοικητικής Επιστήµης & Τεχνολογίας italanti@aueb.gr Εργαλεία Συγγραφής Ηλεκτρονικών Μαθηµάτων Λογισµικά για

Διαβάστε περισσότερα

Εργαστήριο 9. Styling with Javascript

Εργαστήριο 9. Styling with Javascript Εργαστήριο 9 Styling with Javascript Pimp my Text with Javascript Today you'll write a page where the user can type text into a box, and by clicking on UI controls, the user can "pimp out" the text by

Διαβάστε περισσότερα

Visual Basic Γλώσσα οπτικού

Visual Basic Γλώσσα οπτικού Visual Basi Γλώσσα οπτικού προγραµµατισµού «Η αρχή είναι το ήµισυ του παντός» Κουλλάς Χρίστος www.oullas.om oullas 2 Στόχοι Μαθήµατος Οι µαθητές να µπορούν: να εξηγούν τι είναι η Visual Basi. ναεξηγούνταστάδιαδηµιουργίας

Διαβάστε περισσότερα

ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΓΛΩΣΣΑ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ V ΕΚΠΑΙΔΕΥΤΗΣ ΓΑΛΑΝΟΣ ΓΕΩΡΓΙΟΣ

ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΓΛΩΣΣΑ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ V ΕΚΠΑΙΔΕΥΤΗΣ ΓΑΛΑΝΟΣ ΓΕΩΡΓΙΟΣ 1 Ο Ι.Ε.Κ ΠΕΙΡΑΙΑ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΓΛΩΣΣΑ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ V ΕΚΠΑΙΔΕΥΤΗΣ ΓΑΛΑΝΟΣ ΓΕΩΡΓΙΟΣ Δημιουργία Βάσης Δεδομένων σε Περιβάλλον VISUAL BASIC: 1. Κλικ στο Add-Ins 2. Επιλέγω Visual Data

Διαβάστε περισσότερα

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background

Διαβάστε περισσότερα

ΤΕΙ Ιονίων Νήσων Εργαστηριακές Ασκήσεις στα Γεωγραφικά Συστήματα Πληροφοριών

ΤΕΙ Ιονίων Νήσων Εργαστηριακές Ασκήσεις στα Γεωγραφικά Συστήματα Πληροφοριών ΕΡΓΑΣΤΗΡΙΟ 2 ο : Εισαγωγή στα Γεωγραφικά Συστήματα Πληροφοριών ArcMap (2/2) Μέρος 1: (συνέχεια από τα προηγούμενα) Κάνουμε κλικ το εικονίδιο Add Data στην γραμμή εργαλείων standard και επιλέγουμε το αρχείο/τα

Διαβάστε περισσότερα

Εισαγωγή στην πληροφορική

Εισαγωγή στην πληροφορική Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Εισαγωγή στην πληροφορική Ενότητα 5: Εισαγωγή στην HTML (Μέρος Α) Αγγελίδης Παντελής Τμήμα Μηχανικών Πληροφορικής και Τηλεπικοινωνιών Άδειες Χρήσης Το παρόν

Διαβάστε περισσότερα

ΣΥΝΟΠΤΙΚΕΣ ΟΔΗΓΙΕΣ. για τη δημιουργία και διαχείριση αντικειμένων στο thessaloniki.gr

ΣΥΝΟΠΤΙΚΕΣ ΟΔΗΓΙΕΣ. για τη δημιουργία και διαχείριση αντικειμένων στο thessaloniki.gr ΣΥΝΟΠΤΙΚΕΣ ΟΔΗΓΙΕΣ για τη δημιουργία και διαχείριση αντικειμένων στο thessaloniki.gr Υπάρχουν δύο επιλογές για τη δηµιουργία ενός άρθρου σε κάποια σελίδα του ιστότοπου του ήµου Θεσσαλονίκης Άρθρο µε πλήρες

Διαβάστε περισσότερα

Το απεικονιστικό μοντέλο μορφοποίησης των CSS

Το απεικονιστικό μοντέλο μορφοποίησης των CSS Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #6 0 : CSS: Χρήση των ιδιοτήτων του κουτιού (box properties). Διάταξη σελίδων Γαβαλάς Δαμιανός dgavalas@aegean.gr Το απεικονιστικό μοντέλο μορφοποίησης των CSS Περιγράφει

Διαβάστε περισσότερα

Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition. Κακαρόντζας Γεώργιος

Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition. Κακαρόντζας Γεώργιος Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition Κακαρόντζας Γεώργιος Μεθοδολογία Θα υλοποιήσουμε την λεγόμενη πιστοποίηση μέσω φόρμας στοιχείων εισόδου (form-based authentication)

Διαβάστε περισσότερα

2. Wiki II. 1. Wiki I [http://www.wikispaces.com] ηµιουργία Wiki Η σελίδα

2. Wiki II. 1. Wiki I [http://www.wikispaces.com] ηµιουργία Wiki Η σελίδα Σηµειώσεις του Εργαστηρίου "Ηλεκτρονική Μάθηση" 1. Wiki I [http://www.wikispaces.com] ηµιουργία Wiki Η σελίδα Βασική επεξεργασία µιας σελίδας Συζήτηση σε µια σελίδα Ιστορικό σελίδας Αυτόµατη ενηµέρωση

Διαβάστε περισσότερα

4. ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ. >> ΓΙΑ ΝΑ ΜΕΤΑΦΕΡΕ ΟΛΑ ΤΑ ΠΕ ΙΑ ΤΗΣ ΛΙΣΤΑΣ ΣΤΟΝ ΚΑΤΑΛΟΓΟ SELECTED FIELDS (ΕΠΙΛΕΓΜΕΝΑ ΠΕ ΙΑ) ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ ΝΕΧΤ

4. ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ. >> ΓΙΑ ΝΑ ΜΕΤΑΦΕΡΕ ΟΛΑ ΤΑ ΠΕ ΙΑ ΤΗΣ ΛΙΣΤΑΣ ΣΤΟΝ ΚΑΤΑΛΟΓΟ SELECTED FIELDS (ΕΠΙΛΕΓΜΕΝΑ ΠΕ ΙΑ) ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ ΝΕΧΤ ΜΑΘΗΜΑ 5 Ο Α. ΗΜΙΟΥΡΓΙΑ ΦΟΡΜΑΣ 1. ΣΤΗ ΓΡΑΜΜΗ ΑΝΤΙΚΕΙΜΕΝΩΝ ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ FORMS 2. ΙΠΛΟΠΑΤΗΣΤΕ CREATE FORM BY USING WIZARD ( ΗΜΙΟΥΡΓΙΑ ΦΟΡΜΑΣ ΜΕ ΤΟΝ Ο ΗΓΟ) 3. ΕΠΙΛΕΓΕΤΕ ΓΙΑ ΠΟΙΟ ΠΙΝΑΚΑ ΘΕΛΕΤΕ ΝΑ ΦΤΙΑΞΕΤΕ

Διαβάστε περισσότερα

ΜΑΘΗΜΑ 1 ΕΙΣΑΓΩΓΗ ΣΤΟ MACROMEDIA DREAMWEAVER MX 2004 18

ΜΑΘΗΜΑ 1 ΕΙΣΑΓΩΓΗ ΣΤΟ MACROMEDIA DREAMWEAVER MX 2004 18 Περιεχόμενα ΕΙΣΑΓΩΓΗ 13 ΜΑΘΗΜΑ 1 ΕΙΣΑΓΩΓΗ ΣΤΟ MACROMEDIA DREAMWEAVER MX 2004 18 Εξερεύνηση του χώρου εργασίας 20 Σελίδα εκκίνησης 20 Προετοιμασία για τη δημιουργία της τοποθεσίας Ιστού σας 22 Ορισμός τοπικής

Διαβάστε περισσότερα

Συστήματα Διαχείρισης Περιεχομένου στον Παγκόσμιο Ιστό Διάλεξη #7 η : Επιλογές εμφάνισης άρθρων. Modules. Γαβαλάς Δαμιανός dgavalas@aegean.

Συστήματα Διαχείρισης Περιεχομένου στον Παγκόσμιο Ιστό Διάλεξη #7 η : Επιλογές εμφάνισης άρθρων. Modules. Γαβαλάς Δαμιανός dgavalas@aegean. Συστήματα Διαχείρισης Περιεχομένου στον Παγκόσμιο Ιστό Διάλεξη #7 η : Επιλογές εμφάνισης άρθρων. Modules. Γαβαλάς Δαμιανός dgavalas@aegean.gr 1 Καθολικές επιλογές εμφάνισης άρθρων Global article options

Διαβάστε περισσότερα

Τι είναι ένα σύστημα διαχείρισης περιεχομένου;

Τι είναι ένα σύστημα διαχείρισης περιεχομένου; Συστήματα Διαχείρισης Περιεχομένου στον Παγκόσμιο Ιστό Διάλεξη #5 η : Εισαγωγή στο web CMS Joomla!. Εγκατάσταση του Joomla! Εισαγωγή στη διαχείριση άρθρων. Γαβαλάς Δαμιανός dgavalas@aegean.gr Τι είναι

Διαβάστε περισσότερα

Προσομείωση ασύρματων δικτύων με τη χρήση του OPNET Modeler

Προσομείωση ασύρματων δικτύων με τη χρήση του OPNET Modeler Προσομείωση ασύρματων δικτύων με τη χρήση του OPNET Modeler ΣΚΟΠΟΙ Σε αυτήν την άσκηση: Θα φτιάξουμε μικρά ασύρματα δίκτυα Θα επιλέξουμε ποια δεδομένα θα συλλέξουμε Θα τρέξουμε την προσομείωση Θα αναλύσουμε

Διαβάστε περισσότερα

Βήμα 1: Γενικά στοιχεία της εργασίας και υπεύθυνος επικοινωνίας

Βήμα 1: Γενικά στοιχεία της εργασίας και υπεύθυνος επικοινωνίας 1 Γενικές Οδηγίες Βήμα 1: Γενικά στοιχεία της εργασίας και υπεύθυνος επικοινωνίας Βήμα 2: Τίτλος και κείμενο εργασίας Βήμα 3: Συγγραφείς Βήμα 4: Προεπισκόπηση εργασίας και υποβολή 2 Σε περίπτωση που δεν

Διαβάστε περισσότερα

Στην τεχνολογία των CSS, οι κανόνες στυλ (style

Στην τεχνολογία των CSS, οι κανόνες στυλ (style Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #4 0 : CSS: Βασικές και προχωρημένες τεχνικές επιλογής, τα στοιχεία και , ψευδο κλάσεις και ψευδο επιλογείς Γαβαλάς Δαμιανός dgavalas@aegean.gr CSS κανόνες στυλ

Διαβάστε περισσότερα

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 1. Εικόνες 2. Ασκήσεις 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML 1. Εικόνες 1. Οι μορφές (format) των εικόνων που μπορείτε

Διαβάστε περισσότερα

Το PowerPoint (PP) είναι ένα γραφικό πρόγραμμα για παρουσιάσεις. Χαρακτηριστικά Παρουσιάσεων:

Το PowerPoint (PP) είναι ένα γραφικό πρόγραμμα για παρουσιάσεις. Χαρακτηριστικά Παρουσιάσεων: Κεφάλαιο 5 Το PowerPoint (PP) είναι ένα γραφικό πρόγραμμα για παρουσιάσεις. Χαρακτηριστικά Παρουσιάσεων: Επεξεργασία κειμένου. Δημιουργία και επεξεργασία γραφικών παραστάσεων. Δημιουργία και επεξεργασία

Διαβάστε περισσότερα

Copyright 2010 - Χρηµατιστήριο Αθηνών Α.Ε.

Copyright 2010 - Χρηµατιστήριο Αθηνών Α.Ε. ΤΕΧΝΙΚΕΣ ΡΥΘΜΙΣΕΙΣ ΓΙΑ ΤΗΝ ΕΝΕΡΓΟΠΟΙΗΣΗ ΤΗΣ ΕΦΑΡΜΟΓΗΣ Inbroker Plus Έκδοση : 1.3 26/05/2010 Copyright 2010 - Χρηµατιστήριο Αθηνών Α.Ε. ΠΙΝΑΚΑΣ ΠΕΡΙΕΧΟΜΕΝΩΝ 1 ΕΙΣΑΓΩΓΗ... 2 1.1 Σκοπός... 2 1.2 Σύνοψη...

Διαβάστε περισσότερα

Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας

Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading

Διαβάστε περισσότερα

Διάλεξη 2η Εισαγωγή στο CSS

Διάλεξη 2η Εισαγωγή στο CSS Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω

Διαβάστε περισσότερα

ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΑΤΡΩΝ ΤΜΗΜΑ ΜΗΧΑΝΟΛΟΓΩΝ & ΑΕΡΟΝΑΥΠΗΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΤΑΣΚΕΥΑΣΤΙΚΟΣ ΤΟΜΕΑΣ ΕΚΠΑΙΔΕΥΤΙΚΟ ΠΑΡΑΔΕΙΓΜΑ 2

ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΑΤΡΩΝ ΤΜΗΜΑ ΜΗΧΑΝΟΛΟΓΩΝ & ΑΕΡΟΝΑΥΠΗΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΤΑΣΚΕΥΑΣΤΙΚΟΣ ΤΟΜΕΑΣ ΕΚΠΑΙΔΕΥΤΙΚΟ ΠΑΡΑΔΕΙΓΜΑ 2 ΒΗΜΑ 1. Άνοιγμα προτύπου (template) οριζόντιου Α3 (που δίδεται με την εκφώνηση της άσκησης), εισαγωγή των στοιχείων μας στο υπάρχον υπόμνημα και αποθήκευση του προτύπου με τα προσωπικά μας δεδομένα (αυτό

Διαβάστε περισσότερα

ΠΕΡΙΕΧΟΜΕΝΑ. Εισαγωγή Κεφάλαιο 2: Η πρώτη σας τοποθεσία Ιστού Δημιουργία της πρώτης σας σελίδας...73

ΠΕΡΙΕΧΟΜΕΝΑ. Εισαγωγή Κεφάλαιο 2: Η πρώτη σας τοποθεσία Ιστού Δημιουργία της πρώτης σας σελίδας...73 ΠΕΡΙΕΧΟΜΕΝΑ Εισαγωγή...11 Κεφάλαιο 1: Εισαγωγή στο Dreamweaver...15 Μια γρήγορη περιήγηση στο Dreamweaver... 16 Διευθέτηση του χώρου εργασίας σας... 36 Τι νέο υπάρχει στο Dreamweaver CS4... 44 Κεφάλαιο

Διαβάστε περισσότερα

Παράρτημα A: PHP, HTML φόρμες και το πρωτόκολλο HTTP.

Παράρτημα A: PHP, HTML φόρμες και το πρωτόκολλο HTTP. Εργαστήριο #5 Τι πρέπει να έχετε ολοκληρώσει από το προηγούμενο εργαστήριο. Θα πρέπει να ξέρετε να εισάγετε ένα βασικό πρόγραμμα PHP μέσα σε μια ιστοσελίδα, τη χρήση της echo και τον χειρισμό απλών μεταβλητών

Διαβάστε περισσότερα

Κεφάλαιο 5. Δημιουργία φορμών για τη βάση δεδομένων DVDclub

Κεφάλαιο 5. Δημιουργία φορμών για τη βάση δεδομένων DVDclub Κεφάλαιο 5. Δημιουργία φορμών για τη βάση δεδομένων DVDclub Σύνοψη Σ αυτό το κεφάλαιο θα περιγράψουμε τη δημιουργία φορμών, προκειμένου να εισάγουμε δεδομένα και να εμφανίζουμε στοιχεία από τους πίνακες

Διαβάστε περισσότερα

ΚΕΦΑΛΑΙΟ 3 ο. Προχωρηµένη Θέµατα Σχεδίασης Ιστοσελίδων µε τα FrontPage 2003 και Dreamweaver 8. Σκοπός κεφαλαίου. Στόχοι κεφαλαίου

ΚΕΦΑΛΑΙΟ 3 ο. Προχωρηµένη Θέµατα Σχεδίασης Ιστοσελίδων µε τα FrontPage 2003 και Dreamweaver 8. Σκοπός κεφαλαίου. Στόχοι κεφαλαίου ΚΕΦΑΛΑΙΟ 3 ο Προχωρηµένη Θέµατα Σχεδίασης Ιστοσελίδων µε τα FrontPage 2003 και Dreamweaver 8. Σκοπός κεφαλαίου Η εµβάθυνση σε θέµατα σχεδίασης ιστοσελίδων µέσω των προγραµµάτων FrontPage 2003 και Dreamweaver

Διαβάστε περισσότερα

2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>

2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1> ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά

Διαβάστε περισσότερα

Μενού Προβολή. Προβολές εγγράφου

Μενού Προβολή. Προβολές εγγράφου Μενού Προβολή Προβολές εγγράφου Το Word παρέχει πέντε διαφορετικού είδους προβολές στον χρήστη, οι οποίες και βρίσκονται στο μενού Προβολή (View). Εναλλακτικά μπορούμε να επιλέξουμε το είδος προβολής που

Διαβάστε περισσότερα

11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες

11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες 11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εμβάθυνση σε συχνά χρησιμοποιούμενες ετικέτες HTML, όπως οι πίνακες και οι λίστες, καθώς

Διαβάστε περισσότερα

Η ιευρυµένη Επιχείρηση Ενότητα Ηλεκτρονικής Μάθησης. «CourseLab» 3ο Φροντιστήριο. Ιωάννα Ταλάντη Υπ. ιδάκτωρ, Τµήµα ιοικητικής Επιστήµης & Τεχνολογίας

Η ιευρυµένη Επιχείρηση Ενότητα Ηλεκτρονικής Μάθησης. «CourseLab» 3ο Φροντιστήριο. Ιωάννα Ταλάντη Υπ. ιδάκτωρ, Τµήµα ιοικητικής Επιστήµης & Τεχνολογίας Η ιευρυµένη Επιχείρηση Ενότητα Ηλεκτρονικής Μάθησης «CourseLab» 3ο Φροντιστήριο Ιωάννα Ταλάντη Υπ. ιδάκτωρ, Τµήµα ιοικητικής Επιστήµης & Τεχνολογίας italanti@aueb.gr Actions and Events 1 Events common

Διαβάστε περισσότερα

ΚΕ.Δ.Δ Τ.Ε.Ι Μεσολογγίου

ΚΕ.Δ.Δ Τ.Ε.Ι Μεσολογγίου Είσοδος στην Υπηρεσία Η υπηρεσία είναι διαθέσιµη µέσω web browser (π.χ. Firefox, Internet Explorer) δίνοντας το URL: http://pithos.grnet.gr/pithos/ Ο έλεγχος πρόσβασης πραγµατοποιείται µέσω της Υποδοµής

Διαβάστε περισσότερα

XAMPP Apache MySQL PHP javascript xampp

XAMPP Apache MySQL PHP javascript xampp XAMPP Το xampp είναι ένα δωρεάν πρόγραμμα με το οποίο μπορούμε να κάνουμε εγκατάσταση τον Apache, τη MySQL και την PHP. Apache. Ο Apache είναι ένας Web Server. Είναι δηλαδή πρόγραμμα το οποίο τρέχει μόνιμα

Διαβάστε περισσότερα

Εισαγωγή στην Πληροφορική & τον Προγραμματισμό

Εισαγωγή στην Πληροφορική & τον Προγραμματισμό ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ Ανώτατο Εκπαιδευτικό Ίδρυμα Πειραιά Τεχνολογικού Τομέα Εισαγωγή στην Πληροφορική & τον Προγραμματισμό Ενότητα 11 η : Αντικείμενα Γραφικής Διασύνδεσης (Μέρος 1 ο ) Ι. Ψαρομήλιγκος Χ.

Διαβάστε περισσότερα

ΤΜΗΜΑΤΟΣ ΔΙΕΘΝΟΥΣ ΕΜΠΟΡΙΟΥ ΠΑΡΑΡΤΗΜΑΤΟΣ ΚΑΣΤΟΡΙΑΣ ΤΕΙ ΔΥΤΙΚΗΣ ΜΑΚΕΔΟΝΙΑΣ

ΤΜΗΜΑΤΟΣ ΔΙΕΘΝΟΥΣ ΕΜΠΟΡΙΟΥ ΠΑΡΑΡΤΗΜΑΤΟΣ ΚΑΣΤΟΡΙΑΣ ΤΕΙ ΔΥΤΙΚΗΣ ΜΑΚΕΔΟΝΙΑΣ Όλγας Παπαδοπούλου Συνεργάτιδας ΤΜΗΜΑΤΟΣ ΔΙΕΘΝΟΥΣ ΕΜΠΟΡΙΟΥ ΠΑΡΑΡΤΗΜΑΤΟΣ ΚΑΣΤΟΡΙΑΣ ΤΕΙ ΔΥΤΙΚΗΣ ΜΑΚΕΔΟΝΙΑΣ Καστοριά, Ιούνιος 2007 ΠΕΡΙΕΧΟΜΕΝΑ σελ. ΚΕΦ.1 ΤΟ ΠΕΡΙΒΑΛΛΟΝ ΤΟΥ DREAMWEAVER ΜΧ (version 6.0) 3 1.1

Διαβάστε περισσότερα

Οδηγίες για εισαγωγή Photo Gallery σε Ιστοσελίδα με το SharePoint Designer 2007

Οδηγίες για εισαγωγή Photo Gallery σε Ιστοσελίδα με το SharePoint Designer 2007 Οδηγίες για εισαγωγή Photo Gallery σε Ιστοσελίδα με το SharePoint Designer 2007 Το πρόγραμμα Share Point Designer 2007 παρέχει την δυνατότητα να εισάγουμε Συλλογή φωτογραφιών, οι οποίες προβάλλονται με

Διαβάστε περισσότερα