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

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

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

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

Εμφάνιση αναρτήσεων με ετικέτα Web development. Εμφάνιση όλων των αναρτήσεων
Εμφάνιση αναρτήσεων με ετικέτα Web development. Εμφάνιση όλων των αναρτήσεων

Τετάρτη 4 Οκτωβρίου 2023

21 ιστοσελίδες με εκπληκτικές (δωρεάν) φωτογραφίες / εικόνες...

  Οκτωβρίου 04, 2023    Philippos Koutsakas

Το 70% της αίσθησης που μου δίνει μια ιστοσελίδα είναι οι φωτογραφίες της.

Δωρεάν φώτο από το https://stocksnap.io

Εδώ και λίγο καιρό λοιπόν άρχισα να ψάχνω στον ίντερνετ για ποιοτικές / επαγγελματικές φωτογραφίες για να συνοδεύω τις αναρτήσεις μου και εξεπλάγην από το ιδιαίτερα υψηλό κόστος αγοράς τους.

ΟΚ, λογικό σκέφτηκα να δίνεις 10$ για μία φωτογραφία αν είναι να την βάλεις στο e-shop σου, αλλά ένας φτωχός και μόνος blogger που δε μπορεί να διαθέσει τόσα τι να κάνει ο έρμος;

Να κάνει κλικ στον παρακάτω σύνδεσμο στον οποίο θα βρει ουκ ολίγες συλλογές (searchable) επαγγελματικών / καλαίσθητων φωτογραφιών που μπορεί να χρησιμοποιήσει δωρεάν.

Το λινκ εδώ...

Επιπλέον ιστοσελίδες θα βρείτε εδω τις οποίες έχει μαζέψει και οργανώσει σε ένα padlet ο Γιώργος Χοροζίδης...

Υ.Γ. Όλον αυτόν τον καιρό που δεν είχα γράψει λέξη δεν τεμπέλιαζα, έφτιαξα αυτό και αυτό και πολλά ακόμη που δεν σχετίζονταν με το το περιεχόμενο του blog...

free images


  

  No Comments

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

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

  Μαΐου 03, 2022    Philippos Koutsakas

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

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






   / / / /

  No Comments

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

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

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

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

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

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

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

   / /

  No Comments

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

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

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

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

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

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




   / /

  No Comments

Σάββατο 3 Ιανουαρίου 2015

On-line περιβάλλοντα για εκμάθηση HTML (και όχι μόνο)

  Ιανουαρίου 03, 2015    Philippos Koutsakas

Τα παρακάτω on-line περιβάλλον(τα) προσφέρονται για τη διδασκαλία HTML, CSS (και όχι μόνο) στα πλαίσια του μαθήματος "Σχεδίαση και Διαχείριση Ιστοτόπων" (το παλιό  Προγραμματιστικά Εργαλεία για το Διαδίκτυο).

w3schools

test4u

Συνήθως κάνω τα πρώτα μαθήματα χρησιμοποιώντας κάποιο από τα παραπάνω και αφού πάρουν μια ιδέα οι μαθητές μεταβαίνω στο κλασικό notepad (για το editing του html αρχείου) σε συνδυασμό με firefox (για προβολή της ιστοσελίδας). Μετά από 1-2 μαθήματα βλέπουμε και το notepad++

Καλή μελέτη.


   / /

  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

Δευτέρα 16 Δεκεμβρίου 2013

Σχεδίαση και Υλοποίηση του δικτυακού τόπο του ΕΠΑΛ Πολυγύρου με το CMS Joomla

  Δεκεμβρίου 16, 2013    Philippos Koutsakas

Σκαλίζοντας στις σημειώσεις του παρελθόντος "έπεσα" πάνω στην παρουσίαση με την οποία συμμετείχαμε στο 30 μαθητικό συνέδριο πληροφορικής με θέμα: Σχεδίαση και Υλοποίηση του δικτυακού τόπο του ΕΠΑΛ Πολυγύρου με το CMS Joomla.

Έχει ενδιαφέρον και από σχεδιαστικής απόψεως ;-)





   /

  No Comments

Τετάρτη 4 Δεκεμβρίου 2013

Κυριακή 1 Δεκεμβρίου 2013

Προγραμματιστικά Εργαλεία για το Διαδίκτυο - Δραστηριότητα δημιουργίας ιστότοπου με HTML

  Δεκεμβρίου 01, 2013    Philippos Koutsakas

Πριν ξεκινήσετε ρίξτε μια ματιά στην παρουσίαση:



Δημιουργία Ιστότοπου με θέμα: «Τα νησιά των Σποράδων»

Ο ιστότοπος που θα δημιουργήσουμε αφορά στα τέσσερα νησιά των Σποράδων:
  1. Σκιάθος
  2. Σκόπελος
  3. Σκύρος
  4. Αλόνησος
Συνεπώς πρέπει ο ιστότοπος μας θα αποτελείται από πέντε ιστοσελίδες: μία για κάθε νησί και μία κεντρική που θα συνδέει τις ιστοσελίδες μεταξύ τους.

Βήμα 1ο 
Ξεκινήστε την εφαρμογή κατεβάζοντας το κενό αρχείο HTML από εδώ

Βήμα 2ο 
Δημιουργήστε έναν φάκελο μέσα στον φάκελο σας με όνομα sporades.
Μέσα στον φάκελο σποράδες δημιουργήστε τους φακέλους: pics, sopunds, etc.
Αντιγράψτε το αρχείο που κατεβάσατε (index.html) στον φάκελο sporades.

Βήμα 3ο 
Δημιουργήστε τις εξής πέντε ιστοσελίδες:
  1. sporades.html (η μορφή της ιστοσελίδας αυτής περιγράφεται στο αρχείο Πρώτη Ιστοσελίδα.pdf)
  2. skiathos.html (η μορφή της ιστοσελίδας αυτής περιγράφεται στο αρχείο Δεύτερη Ιστοσελίδα.pdf) 
  3. skopelos.html (η μορφή της ιστοσελίδας αυτής περιγράφεται στο αρχείο Τρίτη Ιστοσελίδα.pdf) 
  4. alonisos.html (η μορφή της ιστοσελίδας αυτής περιγράφεται στο αρχείο Τέταρτη Ιστοσελίδα.pdf) 
  5. skiros.html (η μορφή της ιστοσελίδας αυτής περιγράφεται στο αρχείο Πέμπτη Ιστοσελίδα.pdf) 
Εικόνες για τις ιστοσελίδες σας μπορείτε να βρείτε και να κατεβάσετε από το διαδίκτυο. Δεν είναι απαραίτητο να είναι ίδιες με αυτές τους παραδείγματος.
Αποθηκεύστε με προσοχή τις ιστοσελίδες.

Μικρή βοήθεια: η εντολή με την οποία εισάγουμε εικόνα:

  • στην περίπτωση που η εικόνα είναι στον ίδιο φάκελο με το αρχείο html
    • <IMG SRC = "όνομα_εικόνας.επέκταση"> 
  • στην περίπτωση που η εικόνα είναι στον φάκελο που βρίσκεται στο τέλος της διαδρομής
    • <IMG SRC = "διαδρομή/όνομα_εικόνας.επέκταση"> 

Βήμα 4ο
Αφού ολοκληρώσετε την δημιουργία των πέντε ξεχωριστών ιστοσελίδων ΣΥΝΔΕΣΤΕ τις μεταξύ τους.
  • <A HREF = "διαδρομή/όνομα σελίδας"> Κείμενο συνδέσμου </A>
  • <A HREF = "όνομα ιστοσελίδας"> Κείμενο συνδέσμου </A>
Παράδειγμα:
Κάντε κλικ <A HREF="mypage2.htm"> εδώ </A> για να πάτε στην άλλη σελίδα.
Κάντε κλικ <A HREF="/υποφάκελος/mypage2.htm"> εδώ <a> για να πάτε στην άλλη σελίδα.

Παράδειγμα:
<A HREF="http://www.google.com"> To Google </A> είναι το πιο δημοφιλές εργαλείο αναζήτησης.


Βήμα 5ο
Εισάγετε την διεύθυνση ηλεκτρονικού ταχυδρομείου σας στην πρώτη ιστοσελίδα, πίσω από τον σύνδεσμο «Επικοινωνήστε με τον δημιουργό της ιστοσελίδας»


Παράδειγμα:
<A HREF="mailto:gepiti@gepiti.com">Γράψτε μας</A>

Βήμα 6ο
Εισαγωγή ρολογιού στην αρχική σελίδα αντιγράφοντας κώδικα από την ιστοσελίδα clocklink

Βήμα 7ο
Εισαγωγή βίντεο από youtube στην σελίδα της Αλλονήσου αντιγράφοντας κώδικα από τη ιστοσελίδα του youtube.


















   /

  No Comments

Τετάρτη 20 Νοεμβρίου 2013

Προγραμματιστικά Εργαλεία για το Διαδίκτυο - Κεφάλαιο 4ο: H HTML.

  Νοεμβρίου 20, 2013    Philippos Koutsakas

Λίγη θεωρία και πολλές δραστηριότητες σε HTML.

Αρχικά διαβάστε την παρουσίαση που ακολουθεί και στη συνέχεια πειραματιστείτε με τις δραστηριότητες που ακολουθούν.
Καλή μελέτη.



   /

  No Comments

Δευτέρα 4 Νοεμβρίου 2013

Ειδική Θεματική Δραστηριότητα - Προγραμματισμός Ύλης

  Νοεμβρίου 04, 2013    Philippos Koutsakas



Οι μαθητές της της Β τάξης του τομέα Πληροφορικής του ΕΠΑΛ Πολυγύρου, μαζί με τους καθηγητές τους, αποφάσισαν, στα πλαίσια του μαθήματος "Ειδική Θεματική Δραστηριότητα" να σχεδιάσουν, να υλοποιήσουν αλλά κυρίως να συντηρούν το δικτυακό τόπο του σχολείου.

Ακολουθεί η παρουσίαση του προγραμματισμού της δουλειάς.

Η παρουσίαση θα εμπλουτίζεται κατά τη διάρκεια της χρονιάς.

 

   /

  No Comments

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