Για τη δημιουργία ιστοσελίδων σχετικά με ένα θέμα απαιτείται:
α) Ο καθορισμός του περιεχομένου και η συγκέντρωση του υλικού της (κείμενο, φωτογραφία, ήχος, κινούμενη εικόνα, κ.ά.). Το υλικό αυτό προέρχεται από διάφορες πηγές, όπως από επεξεργαστές κειμένου ή εικόνας, από πηγές ήχου ή βίντεο, από βάσεις δεδομένων.
β) Σχεδίαση και κατασκευή των ιστοσελίδων, ώστε το αποτέλεσμα που εμφανίζεται στο φυλλομετρητή να είναι το επιθυμητό σε στοίχιση, σε έμφαση λέξεων κλειδιών, σε συνδέσμους, κλπ.
γ) Τοποθέτηση των ιστοσελίδων σε έναν εξυπηρετητή του Παγκόσμιου Ιστού.
<HTML>...</HTML> | Οριοθετεί την αρχή και το τέλος μιας ιστοσελίδας. |
<HEAD>...</HEAD> | Οριοθετεί το τμήμα εκείνο της ιστοσελίδας στο οποίο ορίζονται διαχειριστικής φύσεως πληροφορίες που αφορούν το περιεχόμενο της ιστοσελίδας. Οι πληροφορίες αυτές δεν εμφανίζονται από το φυλλομετρητή. |
<BODY>...</BODY> | Οριοθετεί το περιεχόμενο της ιστοσελίδας. |
<TITLE>...</TITLE> | Ορίζει τον τίτλο της. |
<P>...</P> | Ορίζει παράγραφο. |
<BR>.</BR> | Δηλώνει αλλαγή γραμμής |
<IMG>...</IMG> | Ορίζει την εισαγωγή κάποιας εικόνας -image- και των παραμέτρων που αφορούν την θέση της, το μέγεθός της, κ.ά. |
<A HREF="URL">...</A> | Ορίζει δεσμό με σελίδα που βρίσκεται στο URL. |
Πατήστε δεξί κλικ στη σελίδα που βρίσκεστε και από το μενού που εμφανίζεται επιλέξτεπροβολή κώδικα σελίδας
Εντοπίστε τις βασικές ετικέτες HTML και ανατρέξτε στο προηγούμενο παράθυρο του φυλλομετρητή προκειμένου
να εξηγήσετε, ανά ομάδες, πως χρησιμοποιούνται.
Kατεβάστε το αρχείο indexApl.htmlκαι αποθηκέυστε το στο φάκελο mysite. Ο φάκελος mysite
να δημιουργηθεί μέσα στον φάκελο κάθε ομάδας.
Πατήστε δεξί κλικ πάνω στο αρχείο index.html και από το μενού που εμφανίζεται επιλέξτε άνοιγμα με Notepad++
Στο αρχείο indexApl.html αντικαταστήστε το περιεχόμενο της ετικέτας "title" με τα επίθετα σας.
Συζητήση και σχόλια ανά ομάδες και στην ολομέλεια.
Επίλέξτε το αρχείο indexApl.html από το Notepad++ και τροποποιήστε το σύμφωνα με τις παρακάτω οδηγίες:
Στο τμήμα head να φάινονται οι τίτλοι: "Τμήμα Απλ2" και "Ιστοσελίδες"
Στο τμήμα body αλλάξτε τους συνδέσμους ώστε: ο 1ος να παραπέμπει στο blog σας
ο 2ος στο site σας (wix) και ο 3ος στην εργασία yliko.docx
Το κείμενο της σελίδας να αντικατασταθεί με την παράγραφο 12.6 Ιστοσελίδες το οποίο βρίσκεται στο σύνδεσμο
Κεφάλαιο 12
Κατεβάστε την εικόνα html.jpg και εισάγετε τη στο τέλος της σελίδας χρησιμοποιώντας
τις κατάλληλες ετικέτες.
Μπέιτε στο tutorial
w3schools
εντοπίστε και επεξεργαστείτε τις βασικές ετικέτες
που υπάρχουν στον παραπάνω πίνακα.