Κατασκευή ιστοσελίδων

Για τη δημιουργία ιστοσελίδων σχετικά με ένα θέμα απαιτείται:

α) Ο καθορισμός του περιεχομένου και η συγκέντρωση του υλικού της (κείμενο, φωτογραφία, ήχος, κινούμενη εικόνα, κ.ά.). Το υλικό αυτό προέρχεται από διάφορες πηγές, όπως από επεξεργαστές κειμένου ή εικόνας, από πηγές ήχου ή βίντεο, από βάσεις δεδομένων.

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

γ) Τοποθέτηση των ιστοσελίδων σε έναν εξυπηρετητή του Παγκόσμιου Ιστού.

HTML ετικέτες

<HTML>...</HTML>

Οριοθετεί την αρχή και το τέλος μιας ιστοσελίδας.

<HEAD>...</HEAD>

Οριοθετεί το τμήμα εκείνο της ιστοσελίδας στο οποίο ορίζονται διαχειριστικής φύσεως πληροφορίες που αφορούν το περιεχόμενο της ιστοσελίδας. Οι πληροφορίες αυτές δεν εμφανίζονται από το φυλλομετρητή.

<BODY>...</BODY>

Οριοθετεί το περιεχόμενο της ιστοσελίδας.

<TITLE>...</TITLE>

Ορίζει τον τίτλο της.

<P>...</P>

Ορίζει παράγραφο.

<BR>.</BR>

Δηλώνει αλλαγή γραμμής

<IMG>...</IMG>

Ορίζει την εισαγωγή κάποιας εικόνας -image- και των παραμέτρων που αφορούν την θέση της, το μέγεθός της, κ.ά.

<A HREF="URL">...</A>

Ορίζει δεσμό με σελίδα που βρίσκεται στο URL.

Δραστηριότητα 2η

Πατήστε δεξί κλικ στη σελίδα που βρίσκεστε και από το μενού που εμφανίζεται επιλέξτεπροβολή κώδικα σελίδας

Δραστηριότητα 3η

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

Δραστηριότητα 4η

Kατεβάστε το αρχείο indexApl.htmlκαι αποθηκέυστε το στο φάκελο mysite. Ο φάκελος mysite να δημιουργηθεί μέσα στον φάκελο κάθε ομάδας.

Δραστηριότητα 5η

Πατήστε δεξί κλικ πάνω στο αρχείο index.html και από το μενού που εμφανίζεται επιλέξτε άνοιγμα με Notepad++

Δραστηριότητα 6η

Στο αρχείο indexApl.html αντικαταστήστε το περιεχόμενο της ετικέτας "title" με τα επίθετα σας.

Συζήτηση

Συζητήση και σχόλια ανά ομάδες και στην ολομέλεια.

Δραστηριότητα 7η

Επίλέξτε το αρχείο indexApl.html από το Notepad++ και τροποποιήστε το σύμφωνα με τις παρακάτω οδηγίες: Στο τμήμα head να φάινονται οι τίτλοι: "Τμήμα Απλ2" και "Ιστοσελίδες"

Στο τμήμα body αλλάξτε τους συνδέσμους ώστε: ο 1ος να παραπέμπει στο blog σας ο 2ος στο site σας (wix) και ο 3ος στην εργασία yliko.docx

Το κείμενο της σελίδας να αντικατασταθεί με την παράγραφο 12.6 Ιστοσελίδες το οποίο βρίσκεται στο σύνδεσμο Κεφάλαιο 12

Κατεβάστε την εικόνα html.jpg και εισάγετε τη στο τέλος της σελίδας χρησιμοποιώντας τις κατάλληλες ετικέτες.

Δραστηριότητα 8η

Μπέιτε στο tutorial w3schools εντοπίστε και επεξεργαστείτε τις βασικές ετικέτες

που υπάρχουν στον παραπάνω πίνακα.