o Κύριος των Υπολογιστών

το ιστολόγιο ενός Κύριου των Υπολογιστών και της Πληροφορικής ;-)

Άδεια χρήσης περιεχομένου

Creative Commons Licence
Το περιεχόμενο του ιστολογίου παρέχεται με άδεια χρήσης Creative Commons Attribution-ShareAlike 4.0 International License ...

Εμφάνιση αναρτήσεων με ετικέτα Προγραμματιστικά Εργαλεία για το Διαδίκτυο. Εμφάνιση όλων των αναρτήσεων
Εμφάνιση αναρτήσεων με ετικέτα Προγραμματιστικά Εργαλεία για το Διαδίκτυο. Εμφάνιση όλων των αναρτήσεων

Κυριακή 11 Δεκεμβρίου 2022

Εισαγωγή στην HTML

  Δεκεμβρίου 11, 2022    Philippos Koutsakas

Ιστοστότοποι και HTML

Σε προηγούμενα μαθήματα δημιουργήσαμε ιστοτόπους με τη χρήση του εργαλείου Google Sites. Το εργαλείο Google Sites χρησιμοποιεί γραφικό περιβάλλον για τη δημιουργία του ιστοτόπου.
Κατά τη δημιουργία ενός ιστοτόπου με Google Sites, στο παρασκήνιο δημιουργείται αυτόματα κώδικας HTML

Τι είναι η HTML;

Η HTML είναι μια περιγραφική γλώσσα, δηλαδή μία γλώσσα που καθορίζει το τρόπο που θα εμφανίζονται τα στοιχεία μίας ιστοσελίδας.  Όταν ο Φυλλομετρητής ανακτά μια ιστοσελίδα, στην ουσία ανακτά τον κώδικα HTML της ιστοσελίδας, τον οποίο «διαβάζει» και «διερμηνεύει» τις ετικέτες του (της HTML), δημιουργεί την ιστοσελίδα και την εμφανίζει στην οθόνη, μορφοποιώντας το κείμενο και τις εικόνες της.

Εισαγωγή στην HTML

  • Το σχετικό κεφάλαιο του σχολικού βιβλίου είναι διαθέσιμο ΕΔΩ
  • Εισαγωγικές Οδηγίες και Δραστηριότητες για την HTML διαθέσιμες ΕΔΩ
  • Ο κώδικας HTML μίας κενής ιστοσελίδας διεθέσιμος ΕΔΩ. Μπορετέ να τον αντιγράψετε/επικολήσετε σε ένα κενό έγγραφο HTML κάθε φορά που ξεκινάστε μία καινούρια σελίδα

Το σκονάκι μου για την HTML

  • Οι βασικές εντολές της HTML διαθέσιμες ΕΔΩ και ΕΔΩ
  • Το Λεξικό της HTML (με αναλυτική επεξήγηση των εντολών) ΕΔΩ

Δραστηριότητες και Εργασίες HTML

  • Δραστηριότητες 2, 3, 4, 5, 6, 7 διαθέσιμες ΕΔΩ 
  • Εργασία "Τα νησιά των σποράδων" διαθέσιμη ΕΔΩ και τα αρχεία που θα χρειαστείτε ΕΔΩ

Tutorials HTML









   / / /

  No Comments

Τρίτη 3 Μαΐου 2022

Δημιουργία ιστολογίου...

  Μαΐου 03, 2022    Philippos Koutsakas

Ας μιλήσουμε/δημιουεγήσουμε ιστολόγια. 

Στην παρουσίαση που ακολουθεί θα βρείτε αναλυτικά απαντήσεις στα ερωτήματα "τι, γιατί και πως"  ένα blog...






   / / / /

  No Comments

Σάββατο 8 Ιανουαρίου 2022

Δημιουργία Ιστοτόπου με Google Sites

  Ιανουαρίου 08, 2022    Philippos Koutsakas

Τι είναι ο Ιστότοπος;

Τι είναι η ιστοσελίδα;

Πώς μπορούμε να δημιουργήσουμε ιστοτόπους και ιστοσελίδες;

Απαντήσεις στα παραπάνω ερωτήματα καθώς και αναλυτικές οδηγίες για τη δημιουργία ιστοτόπου με το εργαλεία Google Sites θα βρείτε ΕΔΩ

Αναλυτικές οδηγίες για την εργασία αυτής της ενότητα θα βρείτε ΕΔΩ

Όταν ολοκληρώστε την εργασία σας θα πρέπει να υποβάλλετε τη διεύθυνση του ιστότοπου σας ΕΔΩ

Για εισαγωγή θα ήταν χρήσιμη μία συνοπτική αναφορά στο Διαδίκτο και στην Υπηρεσία του Παγκόσμιου ιστού, περισσότερα ΕΔΩ




   / /

  No Comments

Δευτέρα 11 Ιανουαρίου 2016

Ιστολόγια...

  Ιανουαρίου 11, 2016    Philippos Koutsakas

Στα πλαίσια του μαθήματος προγραμματιστικά εργαλεία για το διαδίκτυο και πριν περάσουμε σε συστήματα CMS ας ρίξουμε μια ματιά στα ιστολόγια...

Ακολουθεί το πρώτο μέρος της παρουσίασης που περιλαμβάνει:

  • μία σύντομη εισαγωγή περί ιστολογίων
  • τα βήματα δημιουργίας
  • σύνθεση της πρώτης ανάρτησης

Stay tuned, υπάρχει και συνέχεια...

   / /

  No Comments

Δευτέρα 28 Σεπτεμβρίου 2015

Εφαρμογές Πληροφορικής: Προτάσεις διδακτικής αξιοποίησης του νέου βιβλίου

  Σεπτεμβρίου 28, 2015    Philippos Koutsakas

Προτάσεις διδακτικής αξιοποίησης του νέου βιβλίου του μαθήματος Εφαρμογές Πληροφορικής από τη συγγραφική ομάδα εδώ κι εδώ.

Στα πλαίσια του μαθήματος θα μπορούσε να αξιοποιηθεί και το εγχειρίδιο "Το Διαδίκτυο που θέλουμε". Απευθύνεται σε εφήβους και περιέχει δραστηριότητες από νέους για νέους.

Μάλιστα το εγχειρίδιο αυτό έχει και την έγκριση του ΙΕΠ.




   / /

  No Comments

Κυριακή 7 Δεκεμβρίου 2014

Εφαρμογές Πληροφορικής: Δραστηριότητα δημιουργίας ιστότοπου με web-based web site builder.

  Δεκεμβρίου 07, 2014    Philippos Koutsakas

Στα πλαίσια του μαθήματος "Εφαρμογές Πληροφορικής" θα δημιουργήσουμε έναν ιστότοπο. Το θέμα του ιστότοπου θα είναι αποκλειστικά δική σας επιλογής και μπορεί να σχετίζεται με τις ασχολίες σας, τα ενδιαφέροντά σας, τις ανάγκες σας ή ότι άλλο θέλετε εσείς. Μερικά παραδείγματα (για να πάρετε ιδέες):
  • Ιστοσελίδα με συνταγές μαγειρικής
  • Ιστοσελίδα αφιέρωμα σε ένα αγαπημένο μας συγκρότημα, αθλητή, καλλιτέχνη, κλπ
  • Ιστοσελίδα αφιέρωμα στην αγαπημένη μας ομάδα
  • Ιστοσελίδα για το κομμωτήριο της μαμάς μας 
  • Ιστοσελίδα για τον Πολιτιστικό Σύλλογο ή το Αθλητικό Σωματείο στο οποίο συμμετέχουμε
  • Ιστοσελίδα περιγραφής αγαπημένων ζώων της ζούγκλας
  • Ιστοσελίδα περιγραφής πουλιών, ψαριών ή άλλων ζώων που μας έχουν κάνει εντύπωση
  • Ιστοσελίδα αφιέρωμα σε μια περιοχή ή περιοχές (καταγωγή, εκδρομές, κλπ)
  • Ιστοσελίδα περιγραφής ενός νησιού, μιας πόλης, μιας χώρας που θα θέλαμε να πάμε
Προδιαγραφές Ιστοτόπου:
  1. να αποτελείται από τρεις ιστοσελίδες ή παραπάνω, 
  2. Κάθε ιστοδελίδα θα περιέχει (τουλάχιστον) κείμενα και εικόνες
  3. Μια πιθανή διάρθρωση είναι η εξής:
    1. Αρχική Σελίδα
    2. Αναλυτική παρουσίαση του θέματος μας (εταιρία, ομάδα, προϊόν, κλπ)
    3. Επικοινωνία
Για τη δημιουργία του ιστότοπου μπορείτε να χρησιμοποιήσετε είτε κάποιο από τα παρακάτω on-line εργαλεία είτε κάποιο άλλο που επιθυμείτε εσείς.

Web-based δημιουργοί ιστοσελίδων:
http://www.wix.com/  (video tutorial: https://www.youtube.com/watch?v=WRU83c06luM)
http://www.weebly.com/ (video tutorial: https://www.youtube.com/watch?v=aBdOgTj7x7o)
http://snappages.com/ (video tutorial: https://www.youtube.com/watch?v=78RTrw-FiyQ)
https://www.yola.com/ (video tutorial: https://www.youtube.com/watch?v=XuS0wWRznRQ)
https://sites.google.com/

(Μια συμβουλή: παρουσιάστε ΜΟΝΟ ΕΝΑΝ στους μαθητές σας για να μην τους μπερδέψετε).

Εκτός από τα παραπάνω πληροφορίες σχετικά με web-site builders μπορείτε να βρείτε στα παρακάτω:
http://www.websitebuilderexpert.com/website-builders-comparison-chart/
http://www.top10bestwebsitebuilders.com
http://www.sitebuilderreport.com/
http://www.digitaltrends.com/computing/best-website-build-websites-free/#!zZ8r7

Προσοχή: Πρέπει να συμπληρώσετε το παρακάτω ερωτηματολόγιο:



Τις απαντήσεις μπορείτε να τις δείτε εδώ.




   / / /

  No Comments

Τετάρτη 7 Μαΐου 2014

Προγραμματιστικά Εργαλεία Διαδικτύου- Κεφάλαιο 3ο: Δημιουργία Ιστοσελίδων και Ιστοτόπου

  Μαΐου 07, 2014    Philippos Koutsakas

Οι σημειώσεις για το 3ο κεφάλαιο του σχολικού βιβλίου καθώς και η εκφώνηση της άσκησης για τα νησιά των σποράδων.

Καλή μελέτη




   /

  No Comments

Προγραμματιστικά Εργαλεία Διαδικτύου: Κεφάλαιο 2ο - Το περιβάλλον του Παγκόσμιου Ιστού

  Μαΐου 07, 2014    Philippos Koutsakas

Το δεύτερο κεφάλαιο του σχολικού βιβλίου που παρουσιάζει το περιβάλλον του παγκόσμιου ιστού.

Καλή μελέτη.

 

   /

  No Comments

Τρίτη 8 Απριλίου 2014

Κυριακή 16 Μαρτίου 2014

Προγραμματιστικά Εργαλεία για το Διαδίκτυο, Web site builders

  Μαρτίου 16, 2014    Philippos Koutsakas

Μια σύντομη αναζήτηση στο διαδίκτυο για "best web-site builders 2014", για τους καλύτερους δηλαδή κατασκευαστές ιστοσελίδων του 2014, επιστρέφει μια σειρά αποτελεσμάτων τα οποία λίγο-πολύ συμφωνούν στην πρώτη 10άδα...

Για ρίξτε λοιπόν μια ματιά στις παρακάτω ιστοσελίδες που αξιολογούν τους καλύτερους web-site builders και επιλέξτε κάποιον από όλους για να δημιουργήσετε την ιστοσελίδα σας.

http://www.websitebuilderexpert.com/website-builders-comparison-chart/

http://www.top10bestwebsitebuilders.com

http://www.sitebuilderreport.com/

http://www.digitaltrends.com/computing/best-website-build-websites-free/#!zZ8r7

Καλή μελέτη...


   / /

  No Comments

Κυριακή 12 Ιανουαρίου 2014

Incomedia WebSiteX5 Tutorial

  Ιανουαρίου 12, 2014    Philippos Koutsakas

Έχοντας δημιουργήσει ιστότοπους με "γυμνά χέρια" (HTML σε notepad++) και πριν περάσουμε στα Συστήματα Διαχείρισης Περιεχομένου (CMS) ας δούμε ένα παράδειγμα λογισμικού δημιουργίας στατικών ιστοτόπων: το WebSiteX5 της Incomedia.





   /

  No Comments

Εγγραφή σε: Αναρτήσεις (Atom)