(Βπλ) Σχεδιασμος και Ανάπτυξη Ιστοτόπων by ΔΗΜΗΤΡΗΣ ΚΟΥΚΛΙΑΤΗΣ https://padlet.com/dkoukliatis/lapo18s82ppiju8y en-us 2025-09-18 14:01:33 UTC 2025-09-22 15:01:02 UTC hello@padlet.com https://padlet.net/icons/png/1f4f0.png ΒΙΒΛΙΟ dkoukliatis https://padlet.com/dkoukliatis/lapo18s82ppiju8y/wish/3591829258 https://www.dropbox.com/scl/fi/5m0gl6hzmptm8d9a6gvl0/.pdf?rlkey=1h4f490nv6kcoqab5v5m05w26&st=js1ymqa0&dl=0

]]> 2025-09-18 10:54:24 UTC https://padlet.com/dkoukliatis/lapo18s82ppiju8y/wish/3591829258 Εισαγωγική Περίληψη dkoukliatis https://padlet.com/dkoukliatis/lapo18s82ppiju8y/wish/3591928231

Το Α΄ μέρος του βιβλίου έχει τίτλο «Δημιουργία ιστοσελίδων με HTML, CSS και JavaScript, μέσα από παραδείγματα εφαρμογών» . Σκοπός του είναι να εισαγάγει τα βασικά εργαλεία, στις μεθόδους εργασίας και στις πρώτες έννοιες σχεδίασης ιστοσελίδων.


1. Εισαγωγή Α΄ μέρους

Παρουσιάζονται οι στόχοι: να αποκτήσουν οι μαθητές πρακτική εμπειρία με τον πηγαίο κώδικα και να γνωρίσουν βασικές τεχνικές σχεδίασης ιστοσελίδων.


2. Εργαλεία λογισμικού

Δίνονται οι βασικές εφαρμογές που απαιτούνται:


Συντάκτης κειμένου (π.χ. Notepad++),


Φυλλομετρητής (browser) για την εμφάνιση και έλεγχο της σελίδας,


Εργαλεία ανάπτυξης (π.χ. Chrome Developer Tools).


3. Τρόπος εργασίας

Επισημαίνεται η σημασία της αποθήκευσης των αρχείων με σωστή επέκταση (.html), η χρήση φακέλων για οργάνωση και η τακτική προβολή των αποτελεσμάτων στον browser.


4. Σχεδίαση

Δίνονται οδηγίες για το πώς σχεδιάζεται μια ιστοσελίδα:


απλή,

κατανοητή,

λειτουργική.


Υπογραμμίζεται ότι η αισθητική και η εργονομία είναι εξίσου σημαντικές με τον κώδικα.


5. Εφαρμογή 1 – Μια πρώτη, μινιμαλιστική ιστοσελίδα :

Παρουσιάζεται ο ελάχιστος απαραίτητος κώδικας HTML για τη δημιουργία μιας ιστοσελίδας. Ο μαθητής μαθαίνει:


τη βασική δομή (<!DOCTYPE html>, <html>, <head>, <body>),


πώς εμφανίζεται απλό κείμενο στην οθόνη,


πώς να αποθηκεύσει και να «τρέξει» το αρχείο στον browser.




]]> 2025-09-18 12:13:44 UTC https://padlet.com/dkoukliatis/lapo18s82ppiju8y/wish/3591928231 Εφαρμογή 1 (p01.1) dkoukliatis https://padlet.com/dkoukliatis/lapo18s82ppiju8y/wish/3591954065

https://www.dropbox.com/scl/fi/0kze5t9bv0hufmk475zqs/p01.1.html?rlkey=baq42qaezk31jkinkmy53h9mi&st=ubm1xhrc&dl=0





]]> 2025-09-18 12:30:59 UTC https://padlet.com/dkoukliatis/lapo18s82ppiju8y/wish/3591954065