Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 1 Σχεδιασμός μιας σελίδας HTML Η HTML δεν είναι μια γλώσσα προγραμματισμού. Είναι μια γλώσσα σημειώσεων Αν θέλουμε να.

Παρόμοιες παρουσιάσεις


Παρουσίαση με θέμα: "Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 1 Σχεδιασμός μιας σελίδας HTML Η HTML δεν είναι μια γλώσσα προγραμματισμού. Είναι μια γλώσσα σημειώσεων Αν θέλουμε να."— Μεταγράφημα παρουσίασης:

1 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 1 Σχεδιασμός μιας σελίδας HTML Η HTML δεν είναι μια γλώσσα προγραμματισμού. Είναι μια γλώσσα σημειώσεων Αν θέλουμε να εμφανιστεί στην οθόνη το κείμενο this is in italics σε πλαγιαστά γράμματα γράφουμε : this is in italics Τα, λέγονται marks, ή tags (ετικέτες) Ο καλός προγραμματιστής πρέπει να γνωρίζει πιο tags κάνει τί. Επειδή η HTML είναι μια γλώσσα tag-oriented αρκεί ένας απλός ASCII διορθωτής κειμένου, για τη δημιουργία HTML σελίδων π.χ. o Notepad (Microsoft) ή ο vi σε UNIX

2 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 2 Ένα απλό παράδειγμα A Simple Sample HTML document Welcome to the World of HTML HTML documents can be as simple as this Web page, which consists of just asingle page of text and links, or as complex as a 10,000 page corporate intranet site replete with Java applets and CGI data base access. In this book, we'll explore the possibilities of HTML, but we'll also check out what can be done by adding other elements to your documents. Click HERE to reload this page!

3 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 3 Αν σώσετε το αρχείο με όνομα sample.htm και το ανοίξετε με κάποιο Web browser θα δείτε την ακόλουθη εικόνα

4 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 4 Εμφάνιση της σελίδας στο WWW Αν θέλουμε να εμφανίσουμε τη σελίδα αυτή στο World Wide Web, θα πρέπει να τη φορτώσουμε σε ένα ISP (Internet service provider = Παροχέας Υπηρεσιών Internet). Ενας ISP είναι ο υπολογιστής loki.ee.duth.gr Αν μετονομάσουμε το αρχείο sample.html σε index.html και το μεταφέρουμε στο φάκελο public_html (με τη βοήθεια του FTP) τότε η ανάγνωση της σελίδας από το Internet μπορεί να γίνει γράφοντας : Σημείωση 1: Και σε περιβάλλον UNIX το αρχικό αρχείο πρέπει να βρίσκεται στον κατάλογο public_html. Στη Microsoft το αρχικό αρχείο λέγεται main.htm ή default.htm Σημείωση 2: Χρησιμοποιείστε την εντολή chmod 755 για τον υποκατάλογο public_html.

5 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 5 Web Servers Microsoft Internet Information Server Περιέχει : FTP server, WWW server, Gopher server, WAIS server και το πρόγραμμα κατασκευής σελίδων FrontPage Luckman Web Commander Περιέχει : HTML authoring tools, secure-server applications, ODBC database support, WAIS Toolkit, Netscape Navigator, και τη γλώσσα Perl 5. WebSite Professional Περιέχει : HTML authoring tools με SSIs, Hot Dog, WSAPI, και τον Netscape browser/editor.

6 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 6 Web Browsers Amaya is an open source software project hosted by W3C HotJava Browser 3.0 Lynx is a text browser for the World Wide Web Opera - The Best Internet Experience on any Device Περισσότερα στη Διεύθυνση

7 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 7 Βασικές εντολές Μια βασική σελίδα σε HTML Αυτό είναι ένα απλό κείμενο στην οθόνη.

8 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 8 Ένα παράδειγμα με τις βασικές δυνατότητες Μάθημα σε HTML Εργαστήριο Υπολογιστών Απλά μαθήματα HTML. Εισαγωγή στις βασικές εντολές

9 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 9 Αν σώσουμε αυτό το αρχείο με επέκταση.htm ή.html (στο UNIX) με τη βοήθεια ενός φυλλομετρητή θα δούμε την εικόνα που ακολουθεί

10 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 10 Τα βασικά στοιχεία μιας εντολής META Ιδιότητα Αποτέλεσμα HTTP-EQUIV Ορίζεται η ιδιότητα του στοιχείου NAME Επι πλέον περιγραφή του στοιχείου Αν λείπει ισχύει η HTTP-EQUIV. URL Ορίζεται ο στόχος CONTENT Ορίζεται το περιεχόμενο

11 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 11 Τα πιο βασικά στοιχεία εμφανίζονται στον ακόλουθο πίνακα ΙδιότηταΑποτέλεσμα BACKGROUND Δείχνει το URL μιας εικόνας που θα χρησιμοποιηθεί σαν background. BGCOLOR Ορίζει το χρώμα του background. BGPROPERTIES Παίρνει τιμή μόνο την FIXED, και σημαίνει οτι η εικόνα μένει σταθερή (Μόνο στον Microsoft Internet Explorer) LEFTMARGIN Ορίζει την απόσταση από αριστερά σε pixels. TOPMARGIN Ορίζει την απόσταση από πάνω σε pixels. TEXT Ορίζει το χρώμα των γραμμάτων. LINK Ορίζει το χρώμα ενός link που δεν έχει ακόμη επιλεγεί. VLINK Ορίζει το χρώμα ενός link που έχει ήδη επιλεγεί. ALINK Ορίζει το χρώμα ενός ενεργού link.

12 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 12 Παράδειγμα προγράμματος Amateur Astronomy on the World Wide Web Amateur Astronomy on the World Wide Web Magazines The Astronomy Mall - A place to find many amateur astronomy companies. Sky On-line - Publishers of Sky and Telescope and CCD magazines. Created by Robert Meegan Last Modified on 16 Dec 1996 Το πρόγραμμα αυτό εμφανίζει την επόμενη εικόνα

13 Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 13


Κατέβασμα ppt "Δ.Π.Θ. Σχεδιασμός μιας σελίδας - 1 Σχεδιασμός μιας σελίδας HTML Η HTML δεν είναι μια γλώσσα προγραμματισμού. Είναι μια γλώσσα σημειώσεων Αν θέλουμε να."

Παρόμοιες παρουσιάσεις


Διαφημίσεις Google