2013-09-29 22:39:21 +04:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
2015-03-05 01:48:59 +03:00
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
2013-09-29 22:39:21 +04:00
< title > ΞΕΚΙΝΩΝΤΑΣ Μ Ε Τ Ο < / title >
< meta name = "description" content = "An interactive getting started guide for Brackets." >
< link rel = "stylesheet" href = "main.css" >
< / head >
< body >
< h1 > ΞΕΚΙΝΩΝΤΑΣ Μ Ε Τ Ο < / h1 >
< h2 > Αυτός είναι ο < / h2 >
<!--
MADE WITH < 3 AND JAVASCRIPT
-->
< p >
Καλώς ήρθατε σε μια πρώιμη προεπισκόπηση του Brackets, ένας νέος επεξεργαστής κειμένου ανοιχτού-κώδικα γ ι α
2017-02-10 00:31:47 +03:00
διαδικτύου. Είμαστε μεγάλοι οπαδοί των προτύπων και θέλουμε ν α γ ι α
2013-09-29 22:39:21 +04:00
και σχετικές ανοιχτές τεχνολογίες του διαδικτύου. Αυτό είναι το ταπεινό μας ξεκίνημα.
< / p >
<!--
WHAT IS BRACKETS?
-->
< p >
< em > Τ ο < / em >
Μία αξιοσημείωτη διαφορά είναι ότι αυτός ο
Αυτό σημαίνει ότι ο ι ν α ν α
Στην πραγματικότητα, χρησιμοποιούμε το Brackets κάθε μέρα γ ι α ν α
το Live Preview και άλλες που μπορεί ν α
Για ν α γ ι α ν α
< / p >
< h2 > Δοκιμάζουμε μερικά νέα πράγματα< / h2 >
<!--
THE RELATIONSHIP BETWEEN HTML, CSS AND JAVASCRIPT
-->
< h3 > Γρήγορη Επεξεργασία γ ι α < / h3 >
< p >
Όχι πια εναλλαγή μεταξύ των αρχείων και απόσπαση της προσοχής. Όταν επεξεργάζεστε HTML, χρησιμοποιήστε
την συντόμευση < kbd > Cmd/Ctrl + E< / kbd > γ ι α ν α
Κάντε την αλλαγή στον κώδικα CSS, πατήστε < kbd > ESC< / kbd > και είστε πίσω στην επεξεργασία HTML, ή απλά αφήστε τους
CSS κανόνες ανοιχτούς και αυτοί θα γίνουν μέρος του επεξεργαστή HTML. Α ν < kbd > ESC< / kbd > έξω από
έναν γρήγορο ενσωματωμένο επεξεργαστή, θα κρυφτούν όλα.
< / p >
< samp >
Θέλετε ν α <!-- <samp> --> tag από πάνω και πάτησε
2013-11-23 04:27:09 +04:00
< kbd > Cmd/Ctrl + E< / kbd > . Πρέπει ν α ν α
που σχετίζετε με αυτό το tag. Η γ ι α
Μπορείτε ν α <!-- <p> --> από πάνω και πατήστε
< kbd > Cmd/Ctrl + E< / kbd > . Δεν υπάρχουν κανόνες γ ι α ν α
γ ι α ν α γ ι α <!-- <p> --> .
2013-09-29 22:39:21 +04:00
< / samp >
< a href = "screenshots/quick-edit.png" >
< img alt = "A screenshot showing CSS Quick Edit" src = "screenshots/quick-edit.png" / >
< / a >
< p >
Μπορείς ν α γ ι α γ ι α ν α
το ν α ο ι
ν α ν α ο
< / p >
<!--
LIVE PREVIEW
-->
< h3 > Προεπισκόπηση αλλαγών HTML και CSS ζωντανά στον browser< / h3 >
< p >
Ξέρεις αυτό το «χορό save/reload» που κάνουμε τόσα χρόνια; Αυτό που κάνεις αλλαγές στον
επεξεργαστή σ ο υ γ ι α ν α
Με το Brackets, δεν χρειάζεται ν α
< / p >
< p >
Τ ο < em > ζωντανή σύνδεση< / em > στον τοπικό σ ο υ
πληκτρολογείς! Μπορεί ήδη ν α
δεν υπάρχει ανάγκη ν α ν α Ο σ ο υ
browser, αλλά ζει στον επεξεργαστή σ ο υ
< / p >
< h3 > Ζωντανή επισήμανση στοιχείων HTML και κανόνων CSS< / h3 >
< p >
Τ ο ν α ο ι ο
είναι σε έναν κανόνα CSS, το Brackets θα επισημάνει όλα τα στοιχεία στον browser που επηρεάζονται. Παρόμοια, όταν επεξεργάζεστε
ένα αρχείο HTML, το Brackets θα επισημάνει τα αντιστοιχούμενα στοιχεία HTML στον browser.
< / p >
< samp >
2017-02-10 00:31:47 +03:00
Α ν ν α σ ο υ
2013-09-29 22:39:21 +04:00
στην πάνω δεξιά γωνία του παραθύρου του Brackets ή πατήστε < kbd > Cmd/Ctrl + Alt + P< / kbd > . Όταν
το Live Preview ενεργοποιηθεί σε ένα έγγραφο HTML, όλα τα συνδεόμενα αρχεία CSS μπορούν ν α
Τ ο
Τώρα, τοποθέτησε τον κέρσορα του στο από πάνω <!-- <img> --> tag. Παρατηρήστε την μπλε επισήμανση που εμφανίζετε
γύρω από την εικόνα στον Chrome. Έπειτα, χρησιμοποιήστε το < kbd > Cmd/Ctrl + E< / kbd > γ ι α ν α
Δοκιμάστε ν α
από "dimgray" σε "hotpink". Α ν ν α
τις αλλαγές ν α
< / samp >
< p class = "note" >
Σήμερα, το Brackets υποστηρίζει το Live Preview μόνο γ ι α ο ι
σε αρχεία JavaScript ανανεώνονται αυτόματα όταν κάνετε αποθήκευση. Προς το παρόν δουλεύουμε τη υποστήριξη του Live Preview
γ ι α ο ι
ν α
< / p >
< h3 > Γρήγορη Προβολή< / h3 >
< p >
Για όσους από εμάς δεν απομνημονεύσει ακόμα τις αντιστοιχίες χρωμάτων γ ι α
γρήγορο και εύκολο το ν α
τα τιμές του χρώματος ή τις διαβαθμίσεις χρώματος και το Brackets θα εμφανίσει μια προβολή αυτού του χρώματος ή της διαβάθμισης αυτόματα. Τ ο
ίδιο συμβαίνει και με τις εικόνες: απλά περάστε πάνω από τον σύνδεσμο της εικόνας στο Brackets και αυτό θα προβάλει μια
μικρογραφία αυτής της εικόνας.
< / p >
< samp >
Για ν α <!-- <body> --> στην κορυφή αυτού του
αρχείου και πατήστε < kbd > Cmd/Ctrl + E< / kbd > γ ι α ν α
τιμή χρώματος μέσα στο αρχείο CSS. Επίσης, μπορείτε ν α
στο tag <!-- <html> --> και πηγαίνοντας το βελάκι πάνω από οποιαδήποτε τιμή χρώματος του φόντου. Για ν α
εικόνας, βάλτε τον κέρσορα πάνω από το screenshot που συμπεριλήφθηκε προηγουμένως σε αυτό το έγγραφο.
< / samp >
2013-11-23 04:27:09 +04:00
< h3 > Χρειάζεστε κάτι άλλο; Δοκιμάστε μία επέκταση!< / h3 >
< p >
Εκτός από όλα τα καλά που έχει το Brackets, η μεγάλη και αυξανόμενη κοινότητα των
developers επεκτάσεων έχει φτιάξει πάνω από εκατό επεκτάσεις που προσθέτουν χρήσιμες λειτουργίες. Α ν
κάτι που χρειάζεστε και το Brackets δεν το προσφέρει, είναι πολύ πιθανό κάποιος ν α
2017-02-10 00:31:47 +03:00
γ ι α ν α ν α < strong > Αρχείο > Διαχειρηστής
2013-11-23 04:27:09 +04:00
Επεκτάσεων< / strong > και κάντε κλικ στην καρτέλα «Διαθέσιμες». Όταν βρείτε μια επέκταση που θέλετε, απλά κάντε κλικ
στο κουμπί της εγκτάστασης δίπλα του.
< / p >
2013-09-29 22:39:21 +04:00
<!--
LET US KNOW WHAT YOU THINK
-->
< h2 > Συμμετάσχετε< / h2 >
< p >
2017-02-10 00:31:47 +03:00
Τ ο γ ι α ν α
2013-09-29 22:39:21 +04:00
έναν καλύτερο επεξεργαστή κώδικα. Πολλοί περισσότεροι φτιάχνουν επεκτάσεις που επεκτείνουν τις δυνατότητες του Brackets.
2017-02-10 00:31:47 +03:00
Πείτε μας τι πιστεύετε, μοιραστείτε τις ιδέες σας ή συνεισφέρετε άμεσα στο
2013-09-29 22:39:21 +04:00
project.
< / p >
< ul >
< li > < a href = "http://brackets.io" > Brackets.io< / a > < / li >
< li > < a href = "http://blog.brackets.io" > Brackets Team Blog< / a > < / li >
< li > < a href = "http://github.com/adobe/brackets" > Brackets στο GitHub< / a > < / li >
< li > < a href = "https://github.com/adobe/brackets/wiki/Brackets-Extensions" > Επεκτάσεις Brackets< / a > < / li >
< li > < a href = "http://github.com/adobe/brackets/wiki" > Brackets Wiki< / a > < / li >
< li > < a href = "http://groups.google.com/group/brackets-dev" > Brackets Developer Mailing List< / a > < / li >
< li > < a href = "https://twitter.com/#!/brackets" > @Brackets στο Twitter< / a > < / li >
< li > Συνομιλήστε με τους προγραμματιστές του Brackets στο IRC κανάλι #brackets στο Freenode (κυρίως στα Αγγλικά)< / li >
< / ul >
< / body >
< / html >
<!--
2015-03-26 23:41:19 +03:00
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
[:::::::::::::: ::::::::::::::]
[:::::::::::::: ::::::::::::::]
[::::::[[[[[[[: :]]]]]]]::::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ CODE THE WEB ]:::::]
[:::::[ http://brackets.io ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[::::::[[[[[[[: :]]]]]]]::::::]
[:::::::::::::: ::::::::::::::]
[:::::::::::::: ::::::::::::::]
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
2013-09-29 22:39:21 +04:00
2017-02-10 00:31:47 +03:00
-->
