Θ. Νταραντούµης 1/46
|
|
|
- Κέρβερος Μέλιοι
- 7 χρόνια πριν
- Προβολές:
Transcript
1 Ανάπτυξη Υπερµέσων µε Dreamweaver-HTML Προσαρµοστικά Υπερµέσα στην Εκπαίδευση ΛΑΖΑΡΟΣ ΗΛΙΑ ΗΣ ΚΑΘΗΓΗΤΗΣ ΠΘ Θ. Νταραντούµης 1/46
2 Ιστοσελίδα WebPage Είναι ένα αρχείο υπερκειµένου (hypertext) µε δική του διεύθυνση στο Internet που µπορεί να παρουσιάζεται ολοκληρωµένο µε κλήση του κατάλληλου λογισµικού φυλλοµετρητή (δηλ. ενός web Browser). Η διεύθυνσή της περιέχει Α) τη διεύθυνση του κόµβου αποθήκευσης Β) τα directories πέρα από το αρχικό directory που έχει ορίσει ο Web Server Γ) το όνοµα της σελίδας.
3 ΠΑΡΑ ΕΙΓΜΑ ΙΕΥΘΥΝΣΗΣ ΙΣΤΟΣΕΛΙ ΑΣ Η αρχική σελίδα του EUENVI βρίσκεται στη διεύθυνση URL Φυσικά αν θέλουµε να τη δούµε στον server θα πρέπει να ακολουθήσουµε τη διαδροµή usr/local/sbin/httpd/html/euenvi/index.html κάθε αρχείο που περιέχει µια Web σελίδα πρέπει µετά το όνοµά του να έχει επέκταση htm ή html)
4 WEBSITE- WEBSERVER WEB CLIENT Ένα Website είναι ένα σύνολο από ιστοσελίδες µε κοινό περιεχόµενο, θεµατικό αντικείµενο, αρχιτεκτονική και δοµή. Ο Web Server περιέχει το λογισµικό που τρέχει σε ένα κόµβο του διαδικτύου και παρέχει σε άλλους υπολογιστές να έχουν πρόσβαση στις ιστοσελίδες που είναι αποθηκευµένες σε αυτόν. Ο Web Client περιέχει το λογισµικό που επιτρέπει σε έναν ΗΥ να "διαβάζει" ιστοσελίδες (από το σκληρό του δίσκο ή από το Internet αν είναι online).
5 Η γλώσσα HTML Hypertext Markup Language Είναι ένας ειδικός τρόπος γραφής κειµένου και κλήσης άλλων αρχείων ή εφαρµογών µε τον οποίον µπορούµε και αναπτύσσουµε εφαρµογές στις ιστοσελίδες µας αλλά και τις µορφοποιούµε. Ο Web client αναγνωρίζει τις εντολές της ΗΤΜL και τις εκτελεί.
6 Οδηγία (Tag) - URL Tag είναι ουσιαστικά µία οδηγία γραµµένη σε HTML, Αυτή αναγνωρίζεται και εκτελείται από τον browser. Πάντοτε Τα tags περιέχονται µεταξύ των συµβόλων < και > URL (Uniform Resource Locator) Η διεύθυνση ενός αρχείου στο Internet. Αποτελείται από 4 µέρη που σχετίζονται µε: α) Το πρωτόκολλο πρόσβασης β) Τον κόµβο στον οποίο είναι τοποθετηµένο το αρχείο. Γ) Το directory (µε το πλήρες path ή µέρος του) όπου βρίσκεται το αρχείο δ) το όνοµα του αρχείου.
7 ΠΑΡΑ ΕΙΓΜΑ ΗΛΙΑ ΗΣ ΛΑΖΑΡΟΣ ΚΑΘΗΓΗΤΗΣ ΠΘ Π.χ. στο URL το είναι το πρωτόκολλο (HyperText Transfer Protocol), το είναι ο κόµβος και το climate_change/faq.html είναι το directory αλλά και το όνοµα του αρχείου.
8 Dreamweaver MX ΗΛΙΑ ΗΣ ΛΑΖΑΡΟΣ ΚΑΘΗΓΗΤΗΣ ΠΘ Επιλέγω Create New - HTML ή αν δεν είµαι σε Designer View επιλέγω Windows Workspace Layout Designer. Πρώτα πρέπει να ορίσω τη γλώσσα στην οποία θα αποθηκεύεται και θα εµφανίζεται το περιεχόµενο της σελίδας. Κάνω κλικ σε Edit Preferences και µετά Fonts. Ορίζω τη γλώσσα σε Ελληνικά και στις γραµµατοσειρές αφήνω τις Default. Μετά πηγαίνω Page Properties του παραθύρου Properties και επιλέγω Title\Encoding και ορίζω το Character Set της σελίδας Ελληνική/ISO. 8/46
9 ΠΕΡΙΒΑΛΛΟΝ Θ. Νταραντούµης
10 Στο πλαίσιο Properties στοκάτω µέρος της οθόνης, υπάρχει µια σειρά από γνωστές επιλογές για το φορµάρισµα του κειµένου. Πχ Bold Italic κείµενο στοιχηµένο δεξιά, ή (justified) κλπμπορούµε να τοποθετήσουµε τη σελίδα µας οπουδήποτε θέλουµε στο σκληρό δίσκο. Επειδή µια ιστοσελίδα αποτελείται από περισσότερα του ενός αρχεία θα πρέπει να ορίσουµε ένα directory ως το τόπο του site. Για να γίνει αυτό επιλέγουµε Files - Managed Sites.- New Site Μετά πατάω Next επιλέγω (No, I do not want to use server technology). Τέλος δηλώνω σε ποιο µέρος του σκληρού δίσκου θα αποθηκεύονται όλα τα αρχεία.
11
12 Επιλέγω View Code <HTML>...</HTML> Κάθε Ιστοσελίδα αρχίζει µε την οδηγία (tag) <HTML> και τελειώνει µε την εντολή </HTML>. Η 1 η ενηµερώνει τον Web client πως το αρχείο είναι γραµµένο σε HTML και η τελευταία πως ο HTML κώδικας τελείωσε. <HEAD>...</HEAD> Εδώ περικλείουµε κείµενο που µας δίνει διάφορα στοιχεία για την σελίδα. εν εµφανίζεται στην σελίδα. Τοποθετείται πάντα µέσα στην οδηγία <TITLE>. Π.χ. <HEAD><TITLE> Αυτό είναι το πρώτο µου πρόγραµµα σε HTML </TITLE></HEAD> <TITLE>...</TITLE> Περιέχει τον τίτλο µιας σελίδας που εµφανίζεται στην κορυφή του παραθύρου του browser. Μέσα στον τίτλο τοποθετείται η <HEAD> και άλλες οδηγίες. <BODY>...</BODY> Περιέχει το κυρίως σώµα της σελίδας (κείµενο, εικόνες, οδηγίες µορφοποίησης ) Η οδηγία <BODY> δεν είναι υποχρεωτική από τεχνικής πλευράς αλλά την απαιτεί το πρότυπο HTML <BASE...> Η οδηγία <BASE...> επιτρέπει να ορίσουµε το βασικό URL της σελίδας που θα χρησιµοποιηθεί σαν βάση όταν µια σελίδα διαβάζεται από άλλο χώρο (local file ή mirror site) και θέλουµε να λειτουργούν οι υπάρχουσες παραποµπές.
13 ΕΠΙΚΕΦΑΛΙ ΕΣ - ΠΑΡΑΓΡΑΦΟΙ Η οδηγία επικεφαλίδας καθορίζει το µέγεθος των γραµµάτων ανεξάρτητα από την γραµµατοσειρά του browser. Η µεγαλύτερη σε µέγεθος επικεφαλίδα είναι η <H1>, ακολουθούµενη από τις <H2>...<H6>. ΠΑΡΑΓΡΑΦΟΙ <P> Οι HTML παράγραφοι ορίζονται µε οδηγία. Αλλιώς όλο το κείµενο θα παρουσιαστεί από τον browser σαν µια παράγραφος, ανεξάρτητα από τον τρόπο που αυτό έχει µορφοποιηθεί σε έναν ASCII editor. Μια νέα παράγραφος ξεκινάει µε <P> αλλά δεν κλείνει µε </P> που σηµαίνει πως τελειώνει. Το τέλος µιας παραγράφου γίνεται µε την οδηγία <P> µε την οποία αρχίζει η επόµενη παράγραφος
14 ΛΙΣΤΕΣ Για να δηµιουργήσουµε µια αριθµηµένη λίστα πχ 1. ΠΑΟΚ 2. ΑΡΗΣ 3. ΠΑΟ 4. ΟΣΦΠ χρησιµοποιούµε τις οδηγίες: <OL>...</OL> ΗΛΙΑ ΗΣ ΛΑΖΑΡΟΣ ΚΑΘΗΓΗΤΗΣ ΠΘ Η οδηγία <OL> (Ordered List) µπαίνει στην αρχή της λίστας ενώ η οδηγία </OL> στο τέλος <UL>...</UL> για λίστες χωρίς αρίθµηση
15 ΠΑΡΑΠΟΜΠΕΣ ΗΛΙΑ ΗΣ ΛΑΖΑΡΟΣ ΚΑΘΗΓΗΤΗΣ ΠΘ <A...>...</A> ΠΑΡΑΠΟΜΠΕΣ (Anchor Element) Από τις πιο σηµαντικές οδηγίες. Συνδέουµε δύο κείµενα οπουδήποτε στο Internet έτσι ώστε το ένα να παραπέµπει στο άλλο. Το πρώτο µέρος <A...> µπορεί να πάρει τις επιλογές HREF & NAME. HREF: Προέρχεται από τις λέξεις Hypertext REFerence πχ <A HREF="URL"> (η default επιλογή) κείµενο</a> URL είναι η διεύθυνση κάποιας Web σελίδας (π.χ.
16 Για να παραπέµψω σε άλλη σελίδα στο ίδιο site (σχετική παραποµπή - relative link). Αν η σελίδα είναι στο ίδιο directory τότε γράφω µόνο το όνοµα του αρχείου στο οποίο βρίσκεται. <A HREF= air_pollution5.htm">< htm"></a> (Menu: Insert - Hyperlink). Αν η σελίδα είναι σε διαφορετικό directory (π.χ. στο subdirectory Pollution) τότε η οδηγία είναι <a href="./ ="./Pollution/όνοµα αρχείου.html"> ">. Προσοχή πρέπει να δοθεί στην αρχική τελεία. Σε περιβάλλον Windows δεν είναι απαραίτητη αλλά σε unix web server µπορεί να µην δουλέψει η παραποµπή αν την παραλείψω
17 Παραποµπή σε Mail Παραποµπή που επιτρέπει στον επισκέπτη να στείλει ένα µε το πρόγραµµα που έχει στον Η/Υ του (MS Outlook- Outlook Express) <A HREF= > απαντήστε µου </a>. Από το Dreamweaver η αντίστοιχη εντολή είναι Insert link
18 HORIZONTAL RULE <HR> ΗΛΙΑ ΗΣ ΛΑΖΑΡΟΣ ΚΑΘΗΓΗΤΗΣ ΠΘ Μια γραµµή (µε το χρώµα του background, τρισδιάστατη όψη και µαύρο περίγραµµα) από την µια άκρη της σελίδας ως την άλλη (δεν υπάρχει </HR> αφού µόλις φθάσει στην άκρη της οθόνης η γραµµή σταµατά µόνη της). Παράµετροι (Menu: Insert - HMTL - Horizontal Rule). <HR NOSHADE ALIGN=RIGHT SIZE=8 WIDTH=75%) SIZE Ο αριθµός των pixels του πάχους της οθόνης (default το SIZE=2) WIDTH Το πλάτος της γραµµής (default το WIDTH=100% πιάνει όλη την οθόνη) ALIGN Χρειάζεται µόνο αν υπάρχει η παράµετρος WIDTH (ALIGN=LEFT), δεξιά (ALIGN=RIGHT) (ALIGN=CENTER default) NOSHADE Η γραµµή θα σχεδιαστεί µαύρη
19 ΠΡΟΣΘΗΚΗ ΕΙΚΟΝΑΣ ΣΕ ΙΣΤΟΣΕΛΙ Α Με την οδηγία <IMG SRC="όνοµα ή/και path αρχείου"> Π.χ. <img src= Evros.jpg"> H εικόνα θα µπεί στην σελίδα στην αριστερή πλευρά της οθόνης. Το κείµενο που υπάρχει πριν από αυτήν θα βρίσκεται από πάνω της και το κείµενο που υπάρχει µετά από αυτήν θα βρίσκεται από κάτω της. Mέσω του Dreamweaver γίνεται µε την επιλογή Insert Image. (Insert - Image Objects - Image Placeholder).
20 Γιατί χρησιµοποιούµε (Adaptive Educational Hypermedia); Εξαιτίας της συνεχώς αυξανόµενης ανάγκης για εκπαίδευση και γνώση και µάλιστα λόγω της επιτακτικής ανάγκης για ποιοτική εκπαίδευση. Στην κατεύθυνση αυτή συµβάλλουν τα υπερµέσα και οι υπηρεσίες Web.
21 Βιβλιογραφία που προτείνεται από τον Καθηγητή του Πανεπιστηµίου Αιγαίου κ Θ Νταραντούµη 1982, το 1 ο βιβλίο για ITS Sleeman D. & Brown J. (eds.), Intelligent Tutoring Systems, Academic Press, , τα 1 α διεθνή συνέδρια 1986, User Modelling Conference (in 2007 the 11 th ) 1988, Intelligent Tutoring Systems Conference (in 2008 the 9 th ) 1988, Intelligent User Interfaces Conference (in 2008 the 12 th )
22 , τα 1 α βιβλία για adaptive and intelligent user interfaces Βιβλιογραφία που προτείνεται από τον Καθηγητή του Πανεπιστηµίου Αιγαίου κ Θ Νταραντούµη Hancock P. & Chignell M. (eds.), Intelligent Interfaces, Elsevier, Browne D., Totterdell P. & Norman M. (eds.), Adaptive User Interfaces, Academic Press, Sullivan J.& Tyler S. (eds.), Intelligent User Interfaces, ACM Press, Maybury M. (ed.), Intelligent Multimedia User Interfaces, AAAI Press, Θ. Νταραντούµης
23 Βιβλιογραφία που προτείνεται από τον Καθηγητή του Πανεπιστηµίου Αιγαίου κ Θ Νταραντούµη 1991, το 1 ο διεθνές περιοδικό User Modeling and User-Adapted Interaction, Kluwer Academic Publishers. 1998, το 1 ο βιβλίο για Adaptive Hypermedia Brusilovsky P., Kobsa A. & Vassileva J. (eds.), Adaptive Hypertext and Hypermedia, Kluwer, , το 1 ο συνέδριο για Adaptive Hypermedia International Conference on Adaptive Hypermedia and Adaptive Web-Based Systems (in 2007 the 5 th ) Θ. Νταραντούµης
24 Mερικά γνωστά συστήµατα (Web-based based AEH systems) κατά τον Καθηγητή κ Θ Νταραντούµη Παν/µιο Αιγαίου InterBook, Brusilovsky et al nterbook.html AHA!, De Bra & Calvi KBS-Hyperbook, Henze et al SKILL, Neumann & Zirvas Scalable Internet-Based Teaching and Learning System Course material organised according to their prerequisites CKC Math Tutor: An intelligent tutor whose goal is to raise young girls self-confidence in their math skills during a critical period in their development. This system develops a model of the user and customizes its feedback to the student. Multibook, Steinacker et al lish.html dynamic generation of lessons ACE, Specht & Oppermann Adaptive Courseware Environment ELM-ART (Brusilovsky, Schwarz, & Weber, 1996), MetaLinks, Murray et al computer program and a design framework for electronic text books
25 µια σηµαντική πηγή κατά τον Καθηγητή κ Θ Νταραντούµη Νταραντούµη Παν/µιο Αιγαίου User Modeling and User- Adapted Interaction, 11(1), essen.de
26 οι παράµετροι των ΠΥΕ 1. H Προσαρµογή σε τι ακριβώς αναφέρεται; Ποιοι οι παράµετροι προσαρµογής; Θα οριστεί από το µαθησιακό περιβάλλον. (α) από το προφίλ του χρήστη, β) από την αλληλεπίδρασή του µε το περιβάλλον γ) από το προφίλ του περιβάλλοντος) 2. Πως θα προσαρµοστεί το µαθησιακό περιβάλλον; 3. Ποιοι οι κανόνες προσαρµογής; Κανόνες της µορφής IF.. THEN (ΕΑΝ τοτε) που όµως δεν στηρίζεται σε µια σταθερή κοινά αποδεκτή στρατηγική από παιδαγωγικής πλευράς (Θ Νταραντούµης)
27 Προβλήµατα Σχετίζονται µε το σχεδιασµό, µε οικονοµικά ζητήµατα, µε θέµατα ηθικής. Tο ερώτηµα είναι: ο εκπαιδευόµενος θα προσαρµοστεί στο σύστηµα ή το αντίθετο;
28 Βιβλιογραφία κατά τον Καθηγητή κ Θ Νταραντούµη Παν/µιο Αιγαίου adaptive hypermedia and hypertext web site: User Modeling and User-Adapted Interaction, 11(1), Electronically available at Brusilovsky P., Kobsa A., Vassileva J. (eds.), Adaptive Hypertext and Hypermedia, Kluwer, Communications of the ACM, 45(5), Communications of the ACM, 37(7), 1994.
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε
Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013
Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει
Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>
Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,
Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης
Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες
Προσαρμοστικά Περιβάλλοντα Μάθησης
Διάλεξη 10 Προσαρμοστικά Περιβάλλοντα Μάθησης Εφαρμογές ΤΠΕ στην Εκπαίδευση & την Ειδική Αγωγή Χαράλαμπος Καραγιαννίδης karagian@uth.gr Διάλεξη 10: AEH 1/29 13/12/2016 Σύνοψη μαθήματος 1. Εισαγωγή 2. Ηλεκτρονική
Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;
Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι
Μάθηµα 3 Περ ε ισ ι σότ ό ε τ ρ ε α α γ ια ι α τ η τ η γ λώσ ώ σα α HTML
Μάθηµα 3 Περισσότερα για τη γλώσσα Περισσότερα για τη γλώσσα HTML Περιεχόµενα Επικεφαλίδες (Headings) Παράγραφοι Λίστες Μορφοποίηση κειµένου Σύνδεσµοι Επικεφαλίδες (Headings) Οι επικεφαλίδες επιτελούν
Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία
Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από
Η Γλώσσα Προγραμματισμού του Internet HTML
Η Γλώσσα Προγραμματισμού του Internet HTML Η HTML και το Internet Κάθε σελίδα που εμφανίζεται στο Internet είναι ένα αρχείο γραμμένο με τη γλώσσα HTML (HyperText Markup Language, Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου),
Α ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ
Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής
Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)
Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:
ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ
ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά
ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :...
ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α Υπερκείμενο και HTML ΑΣΠΑΙΤΕ Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για να περιγράψει τη δομή και τη διαμόρφωση
ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης
Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3
<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.
HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των
Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός
Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων World Wide Web Παγκόσμιος Ιστός Internet - WWW Internet: παγκόσμιο δίκτυο υπολογιστών που βασίζεται στο πρωτόκολο επικοινωνίας TCP/IP και
Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο
Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs
Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας
Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading
Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);
Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και
ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών
ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW
ΔΗ Μ Ι Ο ΥΡ Γ Ι Α 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ο εξ) Εργαστήριο #1ο: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr
ίκτυα - Internet Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία FTP (File Transfer Protocol)
Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας-Βιβλιοθηκονοµίας Κέρκυρα ίκτυα - Internet 2 Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) ΜηχανέςΑναζήτησηςστοWeb Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία
Υπερσυνδέσεις (hyperlinks)
Υπερσυνδέσεις (hyperlinks) Οι υπερσυνδέσεις αποτελούν το δυναμικό στοιχείο σε ένα έγγραφο html. Με τις υπερσυνδέσεις είναι δυνατή, εύκολη και γρήγορη η μετάβαση ή η παραπομπή από ένα αρχείο html (πηγή)
ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ
ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 2. Το περιβάλλον του παγκόσμιου Ιστού Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Πλεονεκτήματα παγκόσμιου Ιστού Εξυπηρετητής Ιστού & Ιστοσελίδες Κύριες
Ορισμοί Υπερκείμενο &Υπερμέσα Χαρακτηριστικά Υπερμέσων Προσαρμοστικά Συστήματα Υπερμέσων Βασικές κατηγορίες Π.Σ.Υ Αρχιτεκτονική Π.Σ.Υ Πλεονεκτήματα &
Ορισμοί Υπερκείμενο &Υπερμέσα Χαρακτηριστικά Υπερμέσων Προσαρμοστικά Συστήματα Υπερμέσων Βασικές κατηγορίες Π.Σ.Υ Αρχιτεκτονική Π.Σ.Υ Πλεονεκτήματα & Μειονεκτήματα Πολυμέσα: Μια διαδραστική (interactive)
To λεξικό του Internet
To λεξικό του Internet A Address: Ο τόπος που βρίσκεται μια πηγή του Internet. Μια e-mail address μπορεί να έχει την εξής μορφή : georgepapado@hotmail.com. Μια web address είναι κάπως έτσι: http://www.in.gr.
ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ
ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ H HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language (γλώσσα μορφοποίησης υπερκειμένου) και είναι η βασική γλώσσα δόμησης σελίδων του World Wide Web. 2 Βασικά χαρακτηριστικά
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 απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών
ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής)
http://www.zioulas.gr ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) WEB SERVER Είναι μια εφαρμογή software που αναλαμβάνει την αποστολή μιας ιστοσελίδας σε
Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας - Βιβλιοθηκονοµίας. Υπηρεσίες Internet. ίκτυα Η/Υ. Επίπεδο Εφαρµογής. Ενότητα θ
Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας - Βιβλιοθηκονοµίας Υπηρεσίες Internet ίκτυα Η/Υ Επίπεδο Εφαρµογής O Παγκόσµιος Ιστός (World Wide Web) Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία FTP (File Transfer
ΕΙΔΙΚΟΙ ΧΑΡΑΚΤΗΡΕΣ ΧΑΡΑΚΤΗΡΕΣ ΜΕ ΕΙΔΙΚΕΣ ΛΕΙΤΟΥΡΓΙΕΣ. ΠΙΝΑΚΑΣ ΚΩΔΙΚΩΝ ΔΙΑΦΥΓΗΣ Χαρακτήρας Κωδικός διαφυγής Ερμηνεία Συμβόλου & nbsp;
ΕΙΔΙΚΟΙ ΧΑΡΑΚΤΗΡΕΣ Υπάρχουν ειδικοί χαρακτήρες που δεν μπορούν να απεικονισθούν με απλές πληκτρολογήσεις (πατώντας ένα πλήκτρο ή ένα πλήκτρο και το Shift) αλλά μόνο με πιο περίπλοκους τρόπους (π.χ. πατώντας
Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος
Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση
Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table.
DreamWeaver - Άσκηση 4η Πίνακες Παρακάτω θα δούμε πως μπορούμε να δημιουργούμε και να επεξεργαζόμαστε πίνακες, μια πολύ βασική δομή. Θα δούμε πως γίνεται εισαγωγή πίνακα, ένωση κελιών του πίνακα, προσθήκη
Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 1
Διαχείριση Πληροφοριών στο Διαδίκτυο Εργαστήριο 1 Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας Σχολή Διοίκησης & Οικονομίας Τμήμα Διαχείρισης Πληροφοριών Διδάσκων Μαρδύρης Βασίλειος, Διπλ. Ηλ. Μηχανικός & Μηχ.
<HTML> <HEAD> <TITLE> <BODY>
ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες
Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.
Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας
CYGWIN Οδηγίες Χρήσης (Συγγραφέας: Γιώργος ούκας)
Γενικά CYGWIN Οδηγίες Χρήσης (Συγγραφέας: Γιώργος ούκας) Το cygwin είναι ένα περιβάλλον προσοµοίωσης του UNIX/Linux στα Windows. Παρέχει στον χρήστη την δυνατότητα να δηµιουργεί προγράµµατα κάνοντας χρήση
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ Δρ. Κουζαπάς Δημήτριος Πανεπιστήμιο Κύπρου - Τμήμα Πληροφορικής Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς
Μεταφορά Αρχείων µε χρήση της Υπηρεσίας FTP σελ. 1
Μεταφορά Αρχείων µε χρήση της Υπηρεσίας FTP Περιεχόµενα Τι είναι η υπηρεσία FTP;...2 FTP από τη γραµµή εντολών των Windows...2 Το πρόγραµµα WS-FTP...4 Μεταφορά Αρχείων µε χρήση της Υπηρεσίας FTP σελ. 1
Το διαδίκτυο είναι ένα δίκτυο που αποτελείτε από πολλά μικρότερα δίκτυα υπολογιστών.
Κεφάλαιο 2 Με το διαδίκτυο μπορεί κάποιος: να κάνει έρευνα, να ψωνίσει για διάφορες υπηρεσίες και προϊόντα, να δει καιρικούς χάρτες, να πάρει φωτογραφίες, ταινίες, και διάφορες άλλες πληροφορίες που βρίσκονται
Τεχνολογίες Παγκόσμιου Ιστού. 1η διάλεξη
Τεχνολογίες Παγκόσμιου Ιστού 1η διάλεξη Χαρακτηριστικά Μαθήματος Μάθημα προγραμματισμού (και όχι μόνον) Μπορεί να εξελιχθεί σε εφιάλτη αν δεν έχετε καλή γνώση και αρκετή εμπειρία προγραμματισμού (Java)
Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7
Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Μέρος 1 1 Βασικοί όροι... 11 2 Βασική δομή κώδικα HTML... 25 3 Μορφοποίηση κειμένου... 39 4 Μορφοποίηση παραγράφων... 51 5 Εισαγωγή εικόνας... 63 6 Λίστες με
Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να
Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό
2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ
2014 2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ H HTML είναι μία γλώσσα σήμανσης και αποτελεί την κύρια γλώσσα δημιουργίας ιστοσελίδων του διαδικτύου. Είναι το ακρωνύμιο των λέξεων HyperText
ΜΕΤΑΦΟΡΑ ΑΡΧΕΙΩΝ FTP
ΜΕΤΑΦΟΡΑ ΑΡΧΕΙΩΝ FTP Το FTP (File Transfer Protocol) είναι το εξειδικευμένο πρωτόκολλο μεταφοράς αρχείων στα σύγχρονα δίκτυα δεδομένων όπως το Διαδίκτυο. Δίνει τη δυνατότητα μεταφοράς αρχείων από τον υπολογιστή
ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ
ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ Στην άσκηση αυτή θα εμπλουτίσουμε την ιστοσελίδα που φτιάξαμε στην προηγούμενη άκηση με πίνακες, συνδέσμους και γραφικά. 1.
Η Βίβλος των CSS. Εισαγωγή στα CSS
Η Βίβλος των CSS Εισαγωγή στα CSS Τα Διαδοχικά Φύλλα Στυλ (CSS, Cascading Style Sheets) αποτελούν ένα πολύ καλό εργαλείο για να μπορούμε να αλλάζουμε την εμφάνιση και τη διάταξη (layout) των ιστοσελίδων
Βαρβάκειο Πρότυπο Γυμνάσιο
Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού»,
Βασικές Έννοιες Web Εφαρμογών
ΟΙΚΟΝΟΜΙΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΤΜΗΜΑ ΔΙΟΙΚΗΤΙΚΗΣ ΕΠΙΣΤΗΜΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΑΣ Τεχνολογίες και Εφαρμογές Διαδικτύου Βασικές Έννοιες Web Εφαρμογών Κατερίνα Πραματάρη Τεχνολογίες και Εφαρμογές Διαδικτύου Περιεχόμενα
MS SQL 2005 Standard (Εγκατάσταση)
Published on PRISMA Win Help - Megasoft (http://docs.megasoft.gr) Home > Τεχνικά Εγχειρίδια > Βάσεις Δεδομένων > MS SQL 2005 Standard (Εγκατάσταση) MS SQL 2005 Standard (Εγκατάσταση) Για να έχετε εγκαταστήσετε
Άσκηση 6 Επαναληπτική Άσκηση HTML
Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο
Αλεξιάδης Γεώργιος (ΠΕ86) -
11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML; HyperText Markup Language (Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου) Βασίζεται στην SGML (Standard Generalized Markup Language) που είναι ένα πολύ μεγαλύτερο σύστημα
Σχεδίαση ιστοσελίδων
Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων Θεώνη Πιτουρά, Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές
Δημοσίευση στο Διαδίκτυο
ΕΣΔ200 Δημιουργία Περιεχομένου ΙI Δημοσίευση στο Διαδίκτυο Περιεχόμενα - Βιβλιογραφία Ενότητας Περιεχόμενα Εισαγωγή Δημοσίευση μιας ταινίας στο παγκόσμιο ιστό Βασικά στοιχεία HTML Τεχνικές δημιουργίας
Η επιλογή γλώσσας (π.χ. ελληνικά) διεπαφής του συστήματος, βρίσκεται στο υποσέλιδο του ιστότοπου
Wordpress.com Περιεχόμενα Wordpress... 1 Ρύθμιση γλώσσας... 1 Δημιουργία λογαριασμού και σύνδεση... 2 Δημιουργία νέου ιστότοπου... 2 Πλατφόρμα διαχείρισης... 5 Αναγνώστης... 5 Πλατφόρμα ιστοτόπου... 5
7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week
7-22 Οκτωβρίου 2017 Μία γιορτή δημιουργίας με κώδικα @ #codeeu codeeu 7-22 October 2017 Europe Code Week Εισαγωγή στο Web Development HTML Λίγα λόγια... Η HTML είναι η βασική γλώσσα γραφής των ιστοσελίδων!
Μέρος 2ο (Συγχωνεύοντας Multimedia & Animation)
Μέρος 2ο (Συγχωνεύοντας Multimedia & Animation) Timeline Menu Timeline Behaviors Animated pop-up menu Προσθήκη video στην ιστοσελίδα Media players Embedding Videos Ιδιότητες embeding video Προσθέτοντας
Κειµενογράφοι ετικετών
ΕΠΛ 012 Γλώσσα Μορφοποίησης HTML Πως κτίζουµε τις Ετικέτες Notepad ή άλλο TEXT editor Πού τα κάνουµε Save? Πώς τα οργανώνουµε Πώς τα βάζουµε δηµόσια online Τα αρχεία να τελειώνουν σε.html ή.htm Πως ξεκινούµε
Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML
Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL
Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος
Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html
Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο
Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Εικόνες στην HTML Oι εικόνες ορίζονται µε την ετικέτα . Η συγκεκριµένη ετικέτα δεν κλείνει (είναι λάθος το: ) ή µπορούµε να πούµε ότι ανοίγει
Οδηγίες για την εγκατάσταση του πακέτου Cygwin
Οδηγίες για την εγκατάσταση του πακέτου Cygwin Ακολουθήστε τις οδηγίες που περιγράφονται σε αυτό το file μόνο αν έχετε κάποιο laptop ή desktop PC που τρέχουν κάποιο version των Microsoft Windows. 1) Copy
ΕΙΣΑΓΩΓΗ ΣΤΙΣ ΗΛΕΚΤΡΟΝΙΚΕΣ ΥΠΗΡΕΣΙΕΣ
ΕΙΣΑΓΩΓΗ ΣΤΙΣ ΗΛΕΚΤΡΟΝΙΚΕΣ ΥΠΗΡΕΣΙΕΣ ΦΘΙΝΟΠΩΡΟ 2003 ΗΜΗΤΡΗΣ ΖΗΣΙΑ ΗΣ 2003 ηµήτρης Ζησιάδης Απαγορεύεται η χρησιµοποίηση όλου ή µέρους του υλικού αυτού σε οποιαδήποτε µορφή (ούτε και σε φωτοαντίγραφα) ή
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Από τον κατάλογο Web επιλέγουμε το Page, οπότε στο κυρίως μέρος της οθόνης εμφανίζονται οι σελίδες τις οποίες έχουμε δικαίωμα να ενημερώσουμε.
1. Διαδικασία Login Για να κάνουμε login ανοίγουμε ένα πρόγραμμα πλοήγησης (Internet Explorer, Mozilla Firefox κτλ) και πηγαίνουμε στην εξής διεύθυνση: https://www.tuc.gr/typo3 Στο πεδίο Username εισάγουμε
ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE
ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Moodle σε βήματα είναι η ακόλουθη:
Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network).
ΙΔΡΥΜΑ ΝΕΟΛΑΙΑΣ ΚΑΙ ΔΙΑ ΒΙΟΥ ΜΑΘΗΣΗΣ ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΥΟΥ Καλαμάτα, 2015 Το Διαδίκτυο Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network). Πρόκειται
Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 2
Διαχείριση Πληροφοριών στο Διαδίκτυο Εργαστήριο 2 Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας Σχολή Διοίκησης & Οικονομίας Τμήμα Διαχείρισης Πληροφοριών Διδάσκων Μαρδύρης Βασίλειος, Διπλ. Ηλ. Μηχανικός & Μηχ.
Τι διαφορά έχει μια ιστοσελίδα του Διαδραστικού Ιστού web 2.0 από εκείνη του Στατικού Ιστού web 1.0;
Εφαρμογές Πληροφορικής Α Λυκείου Ερωτήσεις Θεωρίας Κεφάλαιο 7 Τι είναι το Android; Το Android είναι ένα δημοφιλές, ελεύθερο και ανοικτού κώδικα Λειτουργικό Σύστημα για φορητές συσκευές. Βασίζεται στον
Ψηφιακή ανάπτυξη. Course Unit #1 : Κατανοώντας τις βασικές σύγχρονες ψηφιακές αρχές Thematic Unit #1 : Τεχνολογίες Web και CMS
Ψηφιακή ανάπτυξη Course Unit #1 : Κατανοώντας τις βασικές σύγχρονες ψηφιακές αρχές Thematic Unit #1 : Τεχνολογίες Web και CMS Learning Objective : Βασικά συστατικά του Web Fabio Calefato Department of
Λογισµικό (Software SW) Λειτουργικά Συστήµατα και ίκτυα
Λογισµικό (Software SW) Λειτουργικά Συστήµατα και ίκτυα Μαζική επεξεργασία ή επεξεργασία κατά δέσµες (batch processing) Χώρος χρήστη Εργασίες (Jobs): Πρόγραµµα, δεδοµένα και οδηγίες Αποτελέσµατα Χώρος
DREAMWEAVER MX. 7. Με ποιον τρόπο μορφοποιούμε κάποιους χαρακτήρες της σελίδας μας; Στο παράθυρο Properties υπάρχει η πιο κάτω γραμμή εργαλείων:
1 Πώς δημιουργούμε ένα νέο Site; Πατάμε Site/ Manage Sites και μετά στο παράθυρο που εμφανίζεται πατάμε το κουμπάκι New και επιλέγουμε Site Στη συνέχεια θα πρέπει να δώσουμε: Α το όνομα που θέλουμε να
Macromedia DreamWeaver 8.0.2. Παρουσίαση εργαλείου σχεδίασης διεπαφής χρήστη
Macromedia DreamWeaver 8.0.2 Παρουσίαση εργαλείου σχεδίασης διεπαφής χρήστη ο Μέρος 1 : Βασικές Έννοιες Εισαγωγή στην επιφάνεια εργασίας Insert Bar Property Bar Panels 10' Building a Web Page Παράδειγμα
Βρίγκας Μιχαήλ Α.Μ.744 Μπράχος Χ. Ευάγγελος Α.Μ.795
Βρίγκας Μιχαήλ Α.Μ.744 Μπράχος Χ. Ευάγγελος Α.Μ.795 Περιεχόμενα Εισαγωγή Εγκατάσταση Δημιουργία νέου project Java Editor Perspectives Δημιουργία source folders Προσθήκη νέου αρχείου στο project Εισάγωντας
Special edition of the Technical Chamber of Greece on Video Conference Services on the Internet, 2000 INTERNET PHONE
INTERNET PHONE A.S. DRIGAS Applied Technologies Department NCSR DEMOKRITOS Ag. Paraskevi GREECE dr@imm.demokritos.gr http://imm.demokritos.gr Το Internet Phone θέτει καινούργια δεδοµένα για την επικοινωνία
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II Εισαγωγή Εικόνων Οι φυλλομετρητές μπορούν να εμφανίσουν ένθετες
Προγραμματισμός Διαδικτύου
Πανεπιστήμιο Δυτικής Μακεδονίας Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Προγραμματισμός Διαδικτύου Δρ. Μηνάς Δασυγένης mdasygenis@uowm.gr Τμήμα της παρουσίασης δημιουργήθηκε από τον κ. Παναγιώτη
ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2
ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2 Dreamweaver 1/7 Εισαγωγή Το Dreamweaver είναι ένας HTML editor που αναπτύχθηκε από την Macromedia. Είναι WYSIWYG (What You See Is What You Get),
Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CSS - Cascading Style Sheets
Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ CSS - Cascading Style Sheets Τι είναι τα CSS; Τα CSS (Διαδοχικά Φύλλα Στυλ) αποτελούν ένα πολύ καλό εργαλείο
Νέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Εικόνα, κείμενο και εικόνα Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό
Οδηγίες κατασκευής Ιστοσελίδων µε το πρόγραµµα FRONTPAGE 2003
Οδηγίες κατασκευής Ιστοσελίδων µε το πρόγραµµα FRONTPAGE 2003 Μάθετε σε 10 βήµατα να φτιάχνετε τις δικές σας ιστοσελίδες Βήµα 1ο ΕΕππιιµµέέλλεειιαα:: ΣΣάάββββααςς ΟΟββααδδίίααςς Σε αυτό το βήµα θα χρησιµοποιήσετε
Εισαγωγή στην επιστήμη των υπολογιστών. Υλικό Υπολογιστών Κεφάλαιο 6ο ίκτυα υπολογιστών
Εισαγωγή στην επιστήμη των υπολογιστών Υλικό Υπολογιστών Κεφάλαιο 6ο ίκτυα υπολογιστών 1 ίκτυα μικρά και μεγάλα Ένα δίκτυο υπολογιστών (computer network) είναι ένας συνδυασμός συστημάτων (δηλαδή, υπολογιστών),
Εργασία 11 η Πίνακες (βασικές ετικέτες, βασικές ιδιότητες) 1. Στο Σημειωματάριο πληκτρολογήστε τον παρακάτω κώδικα:
Εργασία 11 η Πίνακες (βασικές ετικέτες, βασικές ιδιότητες) 1. Στο Σημειωματάριο πληκτρολογήστε τον παρακάτω κώδικα: εισαγωγή εικόνων
Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word
Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών
Εγχειρίδιο Φοιτητών. 1. Εισαγωγή
Εγχειρίδιο Φοιτητών 1. Εισαγωγή Η ηλεκτρονική πλατφόρµα «e-class», αποτελεί ένα ολοκληρωµένο σύστηµα Ασύγχρονης Τηλεκπαίδευσης. Στόχος της είναι παροχή υποδοµών εκπαίδευσης και κατάρτισης ανεξάρτητα από
Πανεπιστήμιο Αιγαίου. Χειμερινό εξάμηνο. Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας
Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) ιάλεξη #4η: HTML: σύνδεσμοι, Χάρτες Εικόνων (Image Maps) Χειμερινό εξάμηνο
ΤΕΙ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ
ΤΕΙ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ
Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον
Ετικέτες HTML : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον πηγαίο κώδικα για να διευκολύνουμε την επεξεργασία και την συντήρηση του αρχείου. Τα σχόλια δεν εμφανίζονται στην οθόνη
Η χρήση του MOODLE από την οπτική γωνία του ιαχειριστή
Ανοικτή και Εξ Αποστάσεως Εκπαίδευση Χρησιµοποιώντας το Εκπαιδευτικό Περιβάλλον του MOODLE. Open and Distance Learning Using MOODLE Learning Environment Αθανάσιος Ι. Μάργαρης, Ευθύµιος. Κότσιαλος Πανεπιστήµιο
Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface
Copyright 2012-2015 -SYSTEM- All rights reserved 2/180 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: Εισαγωγή στο Dreamwever Μάθημα 2: Γραμμές εργαλείων document Μάθημα 3: Προετοιμασία τοποθεσίας ιστού Μάθημα 4: Ορισμός τοπικής
Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες
Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες 1 η Ερώτηση (Ορισμός): Τι είναι το Διαδίκτυο; Διαδίκτυο είναι το παγκόσμιο δίκτυο όλων των επιμέρους δικτύων που έχουν συμφωνήσει σε κοινούς κανόνες επικοινωνίας και
ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS
ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Open eclass σε βήματα είναι
Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client
ΕΣΔ 516 Τεχνολογίες Διαδικτύου Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client Περιεχόμενα Περιεχόμενα Javascript και HTML Βασική σύνταξη Μεταβλητές Τελεστές Συναρτήσεις
Εγχειρίδιο Χρήστη - Μαθητή
Εγχειρίδιο Χρήστη - Μαθητή 1. Εισαγωγή Η ηλεκτρονική πλατφόρµα «e-class», αποτελεί ένα ολοκληρωµένο σύστηµα Ασύγχρονης Τηλεκπαίδευσης. Στόχος της είναι παροχή υποδοµών εκπαίδευσης και κατάρτισης ανεξάρτητα
Special edition of the Technical Chamber of Greece on Video Conference Services on the Internet, MICROSOFT CHAT v2.0
MICROSOFT CHAT v2.0 A.S. DRIGAS Applied Technologies Department NCSR DEMOKRITOS Ag. Paraskevi GREECE dr@imm.demokritos.gr http://imm.demokritos.gr Το Microsoft Chat είναι το µόνο πρόγραµµα επικοινωνίας
Εισαγωγή στην HTML (1)
Εισαγωγή στην HTML (1) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος HTML HyperText Mark-up Language Καθορίζει τον τρόπο που ο browser εμφανίζει τα διάφορα
Στις επόµενες διαφάνειες θα δούµε τις ιδιότητες του CSS που µπορούµε να επηρεάσουµε µέσω του Dreamweaver.
Στις επόµενες διαφάνειες θα δούµε τις ιδιότητες του CSS που µπορούµε να επηρεάσουµε µέσω του Dreamweaver. 37 Αφού καθορίσετε τα βασικά στοιχεία του νέου κανόνα css, όπως είδαµε στις προηγούµενες διαφάνειες,
Πίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου
Πίνακες HTML Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου Τι είναι Πίνακας Ένας πίνακας στοιχείων αποτελείται από γραμμές και στήλες. Το σημείο τομής μιας γραμμής και μιας στήλης ονομάζεται κελί (cell( cell).
Δρ Παρασκευή Μεντζέλου Επίκουρος Καθηγήτρια Πληροφορικής Γενικό Τμήμα Θετικών Επιστημών
Αλεξάνδρειο Τεχνολογικό Εκπαιδευτικό Ίδρυμα Θεσσαλονίκης Δρ Παρασκευή Μεντζέλου Επίκουρος Καθηγήτρια Πληροφορικής Γενικό Τμήμα Θετικών Επιστημών ΟΡΟΛΟΓΙΑ Δρ Παρασκευή Μεντζέλου Επίκουρος Καθηγήτρια Πληροφορικής