Bootstrap εικόνες, βίντεο

Σχήματα

Μπορούμε να αλλάξουμε πολύ εύκολα τα σχήματα από τις εικόνες μας με το Bootstrap(στρογγυλεμένες γωνίες, κύκλοι, μικρογραφίες).

 

Δοκιμάστε!

 

Responsive

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

 

Δοκιμάστε!

 

Συλλογή εικόνων

Μπορούμε επίσης να χρησιμοποιήσουμε το Bootstrap για να δημιουργήσουμε εύκολα μια συλλογή εικόνων.

 

Δοκιμάστε!

 

CSS3 εικόνες

CSS3 εικόνες

Σε αυτή την ανάρτηση θα δούμε πως μπορούμε με CSS3 να αλλάξουμε εύκολα την μορφή των εικόνων.

 

Δοκιμάστε!

 

HTML χρώματα, σύνδεσμοι, εικόνες.

flower-302889_1280

HTML Χρώματα

Οι τηλεοράσεις και οι οθόνες υπολογιστών εμφανίζουν τα χρώματα συνδυάζοντας το κόκκινο, πράσινο και μπλε.
Τα χρώματα μπορούν να καθοριστούν με τους παρακάτω τρόπους:

1. Με τη χρήση των ονομάτων τους(π.χ. Red, Orange, Yellow, Cyan, Blue).

2. Με τη χρήση του τύπου: RGB (red, green, blue ). Κάθε παράμετρος (red, green, blue ) ορίζει την ένταση του χρώματος μεταξύ 0 και 255 .
Για παράδειγμα ,  rgb ( 255,0,0 ) εμφανίζεται ως κόκκινο , γιατί το κόκκινο έχει την υψηλότερη τιμή ( 255) ενώ το πράσινο και το μπλε είναι 0.

3. Με τη χρήση δεκαεξαδικών τιμών χρώματος σε μορφή : #RRGGBB , όπου RR (κόκκινο ) , GG ( πράσινο) και ΒΒ ( μπλε) είναι οι δεκαεξαδικές τιμές μεταξύ 00 και FF.
Για παράδειγμα , #FF0000 εμφανίζεται ως κόκκινο , γιατί το κόκκινο είναι στην υψηλότερη τιμή του ( FF) ενώ το πράσινο και το μπλε είναι 0.

Δοκιμάστε!

 

HTML Σύνδεσμοι

Ένας σύνδεσμος είναι ένα κείμενο ή μια εικόνα που μπορείτε να κάνετε κλικ για να πάτε σε ένα άλλο έγγραφο.
Οι σύνδεσμοι ορίζονται με την ετικέτα <a>.

Δοκιμάστε!


HTML Εικόνες

Στην HTML , οι εικόνες δηλώνονται  με την < img> .

Δοκιμάστε!

Καλή επιτυχία.

Μαθήματα προγραμματισμού και σχεδιασμού ιστοσελίδων – HTML αρχεία, επικεφαλίδες, παράγραφοι, σύνδεσμοι, εικόνες.

website-647013_1920

Θα ξεκινήσουμε μία σειρά μαθημάτων προγραμματισμού και σχεδιασμού ιστοσελίδων για ηλικίες από 6 μέχρι 106 ετών. Ο προγραμματισμός είναι για όλους, όχι μόνο για αυτούς που τελειώσαν μία σχολή πληροφορικής. Τα παιδιά μας πρέπει να ξεκινήσουν να μαθαίνουν γλώσσες προγραμματισμού από το δημοτικό. Κατά την έναρξη του σχολικού έτους το 2014 τα κρατικά σχολεία της Αγγλίας άρχισαν να διδάσκουν στους μαθητές τους αλγορίθμους. Αποφάσισαν ότι το πρόγραμμα σπουδών του κρατικού σχολείου πρέπει να εμπλουτισθεί με την εκμάθηση προγραμματισμού. Πιστεύουν ότι τα παιδιά δεν πρέπει μόνο να καταναλώνουν την τεχνολογία, αλλά να τη δημιουργούν. Να σταματήσουν να χάνουν το χρόνο τους στα κοινωνικά δίκτυα αλλά να δημιουργούν τα δικά τους προγράμματα. Τα πρώτα μαθήματα μας  είναι στις γλώσσες HTML, CSS και Javascript που είναι απαραίτητες για την δημιουργία ιστοσελίδων.

Τί είναι η HTML;
Η HTML είναι μια γλώσσα σήμανσης(markup) για την περιγραφή των ιστοσελίδων.
HTML σημαίνει Hyper Text Markup Language.
Μια γλώσσα σήμανσης είναι ένα σύνολο από ετικέτες σήμανσης.
Τα έγγραφα HTML περιγράφονται με ετικέτες HTML.
Κάθε ετικέτα HTML περιγράφει διαφορετικό περιεχόμενο του εγγράφου.

HTML Αρχεία
Τα HTML αρχεία ξεκινάνε με <html> και τελειώνουν με </html>.
Τα ορατά μέρη του HTML κειμένου βρίσκονται μεταξύ του <body> και </body>.

Δοκιμάστε!

 

HTML Επικεφαλίδες
Οι επικεφαλίδες HTML ορίζονται με τις ετικέτες < h1 > έως < h6 >.

Δοκιμάστε!

 

HTML παράγραφοι
Οι παράγραφοι HTML ορίζονται με την ετικέτα < p >.

Δοκιμάστε!

 

HTML Σύνδεσμοι
Οι παράγραφοι HTML ορίζονται με την ετικέτα < a >.

Δοκιμάστε!

 

HTML Εικόνες
Οι παράγραφοι HTML ορίζονται με την ετικέτα < img>.
Το αρχείο προέλευσης ( src ) , το εναλλακτικό κείμενο ( ALT ) και το μέγεθος ( πλάτος και ύψος) είναι τα χαρακτηριστικά τους.

Δοκιμάστε!

 

Καλή επιτυχία!!
Σε επόμενη ανάρτηση θα συνεχίσουμε με άλλα χαρακτηριστικά της HTML.