1 / 20

Δημιουργία Ιστοσελίδων σε HTML και FrontPage

Δημιουργία Ιστοσελίδων σε HTML και FrontPage. Πρόγραμμα Αναμόρφωσης Προπτυχιακών Σπουδών Κεντρικό Γραφείο Υποστήριξης Εκπαιδευτικού Έργου Αλέξανδρος Λεκατσάς. HTML.

kaitlin
Download Presentation

Δημιουργία Ιστοσελίδων σε HTML και FrontPage

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Δημιουργία Ιστοσελίδων σε HTML και FrontPage Πρόγραμμα Αναμόρφωσης Προπτυχιακών Σπουδών Κεντρικό Γραφείο Υποστήριξης Εκπαιδευτικού Έργου Αλέξανδρος Λεκατσάς

  2. HTML • Οι Ιστοσελίδες είναι γραμμένες σε μια ειδική γλώσσα , την HTML (Hyper-Text Markup Language-γλώσσα σήμανσης υπέρ-κειμένου) • Η HTML μπορεί να διαβαστεί από οποιοδήποτε υπολογιστή διαθέτει ένα web browser, όπως το Internet Explorer

  3. Παγκόσμιος Ιστός - Web • Σύνολο πληροφοριών στις οποίες έχουμε πρόσβαση μέσω ιντερνετ με το πρωτόκολλο http(hypertext transfer protocol) • Το http είναι πρωτόκολλο μεταφοράς αρχείων.

  4. Πρωτόκολλο HTTP • HTTP HyperText Transfer Prolocol • Πρωτόκολλο μεταφοράς Υπερκειμένου Πελάτης Internet Explorer, Netscape, Mozilla, Opera, Lynx Εξυπηρετητής (webserver) IIS, Apache, TUX

  5. URL Διεύθυνση στο Ιντερνετ • URL: "Uniform Resource Locator". Είδος διευθύνσεων για πληροφορίες στο web που ορίζουν με συντομία, ακρίβεια και μονοσήμαντα το σημείο όπου βρίσκο νται οι πληροφορίες. http://www.aua.gr/site/index.html Πρωτόκολλο Επικοινωνίας Όνομα απομακρυσμένου ΥπολογιστήWeb Server Θέση αρχείου και αρχείο που ζητάμε

  6. Αρχεία Συνήθη αρχεία που μεταφέρονται μέσωπρωτοκόλλου http.Αρχεία που ο web browser έχει την δυνατότητα να απεικονίσει. • Αρχεία HTML text/html. Αρχεία Υπερκειμένου σε μορφή HTML • Αρχεία εικόνας. image/jpeg image/gif (*.jpg, *.gif, *.png) • Αρχεία πολυμέσων. video/mpeg

  7. Γραφικά στο δικτυακό τόπο • Τύποι αρχείων • Jpg – Φωτογραφίες • Gif – Σχέδια, κινούμενες εικόνες, κουμπιά. Πλεονέκτημα Διαφάνεια. Μειονέκτημα μόνο 256 χρώματα • Png - Σχέδια, κινούμενες εικόνες, κουμπιά. Πλεονέκτημα Διαφάνεια. Μειονέκτημα μόνο 256 χρώματα • Ανάλυση 72-100 dpi • Μικρό μέγεθος αρχείων

  8. Πολυμέσα στο δικτυακό τόπο • Macromedia Flash • Java applets • Video, Streaming Video • Ήχος • Άλλα Plugins

  9. Παράδειγμα αρχείου html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7"> <title>Agricultural University of Athens</title> </head> <body> <div align="center"> <p>Γεωπονικό Πανεπιστήμιο Αθηνών </p> <p><img src="http://www.aua.gr/gpa.jpg" width="450" height="317"></p> </div> </HTML>

  10. Παράδειγμα αρχείου html

  11. Microsoft FrontPage • Πρόγραμμα επεξεργασίας το οποίο βοηθά τον χρήστη να δημιουργήσει ιστοσελίδες χωρίς να γνωρίζει HTML • Απλοποιεί και επιταχύνει την ανάπτυξη Ιστοσελίδων • WYSIWYG Editor

  12. Microsoft FrontPage • Εμφάνιση και λειτουργία παρόμοια με του Word • Παρέχει διευκολύνσεις για την δημιουργία πολύπλοκων και δικτυακών τόπων • Εύκολη διαχείριση δικτυακών τόπων

  13. Πίνακες • Παρέχουν δομή • Ορίζουν την θέση των στοιχείων της Ιστοσελίδας • Ορίζουν γραμμές στήλες και κελιά μέσα στα οποία εντάσσονται το κείμενο και οι εικόνες της Ιστοσελίδας

  14. Δικτυακός Τόπος Πλοήγηση και δομή του δικτυακού τόπου • Λειτουργική δομημένη και εύκολη πλοήγησή του δικτυακού τόπου  • Ο χρήστης θα πρέπει να είναι σε θέση να απαντήσει σε ερωτήματα που σχετίζονται με το πού βρίσκεται, πώς ήρθε, πού μπορεί να πάει και τι πληροφορίες έχει στη διάθεσή του σε κάθε επίπεδο. • Κανόνες για τη δομή ενός δικτυακού τόπου: • δομή • παρουσίαση • Κάλυψη αναγκών των χρηστών του

  15. Μεταφορά του δικτυακού τόπου στο εξυπηρετητή • Μεταφορά μέσω τοπικού δικτύου • FTP (File Transfer Protocol) • WebDav • κ.α.…

  16. Μεταφορά αρχείων με FTP • Η μεταφορά αρχείων με FTP γίνεται με την βοήθεια ενός προγράμματος πελάτη (client) FTP • Απαραίτητη η ύπαρξη λογαριασμού χρήστη (username, password) στο απομακρυσμένο εξυπηρετητή • Προγράμματα FTP: εντολή ftp του DOS, Internet Explorer, το WS_FTP LE κ.α. ftp://ftp.aua.gr/pub/internet/misc/ws_ftple.exe

  17. Μεταφορά αρχείων με FTP χρησιμοποιώντας Internet Explorer

  18. Μεταφορά αρχείων με FTP χρησιμοποιώντας Internet Explorer

  19. Microsoft FrontPage • Πλεονεκτήματα • Διαθέσιμο Μαζί με το Microsoft Office • Όμοια μενού και χειρισμός με το Word • Μειονεκτήματα • Παράγει HTML που δεν ακολουθεί τα πρότυπα με αποτέλεσμα να μην είναι συμβατή με όλους τους browsers και web server.

  20. Δυναμικές Ιστοσελίδες • Ιστοσελίδες που δίνουν στο χρήστη την δυνατότητα αλληλεπίδρασης με το περιεχόμενό τους • Τεχνολογίες που λειτουργούν στο Εξυπηρετητή • Τεχνολογίες που λειτουργούν στο πρόγραμμα πελάτη (Internet Explorer, Mozilla) • Συνδυασμός των παραπάνω

More Related