Μετάβαση στο κύριο περιεχόμενο

Αναρτήσεις

Προβολή αναρτήσεων από Δεκέμβριος, 2013

Υπερσύνδεσμοι ή αλλιώς links στην HTML

Καλησπέρα σε όλους τους φίλους, σήμερα θα δούμε πως μπορούμε να βάλουμε λινκ σε γλώσσα html. Τα links βοηθάνε να παραπέμπεται ο χρήστης σε μια άλλη σελίδα που ίσως θέλει πατώντας απλά ένα κλικ πάνω στον σύνδεσμο.

Για να βάλετε ένα λινκ ανοίγετε μια ετικέτα <a> κάπως έτσι <a href="εδώ βάζετε το λινκ που θέλετε">εδώ το κείμενο (text) που θα εμφανίζετε</a>. Τα λινκ μπορείτε να τα κάνετε να ανοίγουν σε νέα καρτέλα ή και στην ίδια, συγκεκριμένα μπορείτε να δώσετε τις πιο κάτω τιμές:
target="_blank" (ανοίγει την σελίδα σε νέο παράθυρο)target="_self" (ανοίγει την σελίδα στο ίδιο πλαίσιο)target="_top" (ανοίγει την σελίδα στην ίδια καρτέλα αγνοώντας τα πλαίσια που τυχόν υπάρχουν)target="_parent" (ανοίγει την σελίδα στην ίδια καρτέλα, είναι και το deafault αυτό μιας και αν δεν το γράψετε θα γίνει το ίδιο) Δείτε το παράδειγμα πιο κάτω όπου έβαλα ένα link που σας παραπέμπει σε μια άλλη ιστοσελίδα σε μια νέα καρτέλα και πειραματισ…

Φόρμα επικοινωνίας για το website μας στο adobe flash professional

Φτάσαμε στο δωδέκατο βίντεο για την κατασκευή του website στο adobe flash professional και σε αυτό θα δούμε πως να προσθέσουμε μια φόρμα επικοινωνίας για να επικοινωνούν οι επισκέπτες του website μας μαζί μας.


Ψηφιακό ρολόι για το blog/website

Παραμονή Χριστουγέννων λοιπόν και είπα να αναρτήσω ένα τελευταίο post πριν τα Χριστούγεννα για να σας ευχηθώ Καλά Χριστούγεννα και να περάσετε καλά όλοι με τις οικογένειες σας και με ανθρώπους που σας αγαπούν!!!!

Σε αυτό το άρθρο θα δούμε πως να προσθέσουμε στο blog μας ένα ψηφιακό ρολόι. Για όσους θέλουν να το βάλουν στο blogger ο τρόπος είναι πολύ απλός και τον έχουμε πει άπειρες φορές, απλά πάμε στην διάταξη, από εκεί πατάτε προθήκη gadget και στο παράθυρο που ανοίγει επιλέγουμε το HTML/JavaScript όπου εκεί μέσα θα βάλουμε τον κώδικα του ρολογιού που θέλουμε, το αποθηκεύουμε και είμαστε έτοιμοι.

Σημείωση: μπορείτε να αλλάξετε το μέγεθος με αυτό που θέλετε πειράζοντας το font-size προς τα κάτω ή πάνω ανάλογα με το αν θέλετε να μεγαλώσει ή να μικρύνει το μέγεθος. Επίσης μπορείτε να αλλάξετε και το χρώμα αν δεν σας ικανοποιούν τα πιο κάτω. Αν θέλετε κάποιο συγκεκριμένο χρώμα και δεν ξέρετε πως να το εφαρμόσετε αφήστε σχόλιο να το προσθέσω και αυτό!

Για να το προσθέσετε στο blog σας απ…

Ενσωμάτωση βίντεο και ήχου στο flash website

Σιγά σιγά φτάνουμε στο τέλος αυτής της σειράς βίντεο για την δημιουργία του website μας στο adobe flash professional cs5. Σήμερα θα δούμε το 10ο και 11ο βίντεο για να προσθέσουμε βίντεο και ήχους. Τους ήχους που έβαλα και εγώ μπορείτε να τους κατεβάσετε εδώ: https://docs.google.com/file/d/0B3fIJ7nZFI9idkhtT0o4M3RybnM/edit και εδώ https://docs.google.com/file/d/0B3fIJ7nZFI9id2lnRFRDQjJielU/edit

Προσθήκη βίντεο

Προσθήκη ήχων

Ρύθμιση των κουμπιών και ενσωμάτωση λινκ στα social buttons

Σε αυτό το άρθρο θα δούμε το 8ο και 9ο βίντεο όπου θα ρυθμίσουμε την λειτουργία των κουπιών και να βάλουμε λινκ στα 3 social κουμπιά, facebook, twitter, google+.



Επικεφαλίδες στην HTML

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

Υπάρχουν 6 επικεφαλίδες, από την <h1> έως και την <h6>, δείτε πιο κάτω το παράδειγμα όπου έχουμε και τις 6 αυτές επικεφαλίδες (μπορείτε να πειραματιστείτε αν θέλετε):

Πως να να δώσουμε κίνηση στα σύννεφα και να βάλουμε animation στο website μας στο flash

Συνεχίζουμε με το 6ο και 7ο βίντεο όπου θα προσθέσουμε στις φωτογραφίες και στα κείμενα μας animation, επίσης θα κάνουμε τα σύννεφα μας να φαίνονται πιο ζωντανά δίνοντας σε αυτά κίνηση.
Animation Κίνηση στα σύννεφα

Δομή ενός αρχείου HTML

Η HTML είναι μια γλώσσα σήμανσης και είναι η κυριότερη γλώσσα για τις ιστοσελίδες, χωρίς αυτή δεν μπορούμε να έχουμε μια ιστοσελίδα. Σε αυτό το άρθρο θα δούμε την βασική δομή της HTML.
Δείτε την βασική δομή ενός HTML κώδικα πιο κάτω (μέσα στο body έγραψα επίτηδες την φράση "Βασική δομή της HTML" για να δείτε πως αν κάποιος γράψει κάτι μέσα στο body, αυτό εμφανίζεται στην οθόνη του browser, επίσης πρέπει να ξέρουμε πως ότι και να γράφουμε στην html συνοδεύετε από ετικέτες μορφοποίησης):

Χρησιμοποιήση του timeline και προσθήκη frames στο adobe flash για το website

Στο 5ο βίντεο της σειράς θα δούμε πως να διαχειριστούμε το timeline και να προσθέσουμε τα frames όπως πρέπει για να συμμαζέψουμε το υλικό μας.

Προσθήκη κειμένου και εικόνες στο flash website

Έτοιμο το 3ο και 4ο βίντεο. Σε αυτά θα δούμε πως να εισάγουμε κείμενο και τις εικόνες που θέλουμε. Αν θέλετε μπορείτε να πάρετε τις εικόνες που βάζω και εγώ, τις έχω ακριβώς κάτω από τα βίντεο:



Την φωτογραφία με τα σύννεφα κατεβάστε την από αυτό το λινκ: http://1.bp.blogspot.com/-k1yv_0IftVQ/UrCt6X_logI/AAAAAAAAGMU/a0yYR5W8idk/s1600/sinefa.jpg

Η εικόνα για την αρχική: η εικόνα για την σελίδα "για μένα": και τέλος για την καρτέλα επικοινωνία:

Δημιουργία flash website από το μηδέν δωρεάν (Κουμπιά για το μενού)

Μπορείτε να δείτε και το 2ο βίντεο για να φτιάξετε τα κουμπιά του μενού

Δημιουργία flash website από το μηδέν δωρεάν (navbar menu)

Σήμερα ξεκίνησα την σειρά με τα βίντεο για την κατασκευή website με την βοήθεια του adobe flash professional. Στο πρώτο βίντεο θα δείξω πως θα δημιουργήσουμε το αρχείο μας και να προσθέσουμε την navbar μας.


Δείτε το πρώτο βίντεο:

Δωρεάν online html editor με προεπισκόπηση (free online html editor with preview)

Στο πρώτο πλαίσιο μπορείτε να γράφετε τον κώδικα που θέλετε, ενώ στο δεύτερο πλαίσιο από κάτω θα εμφανίζετε το αποτέλεσμα του κώδικα που γράψατε όπως φαίνεται και στο παράδειγμα.

Αντίστροφη μέτρηση για τα Χριστούγεννα στο blog μας

Σήμερα θα δούμε ένα ωραίο javascript που είναι ιδιαίτερα χρήσιμο αυτές τις μέρες που πλησιάζουν τα Χριστούγεννα. Δίνει μια άλλη αίσθηση στο blog μας και θυμίζει τις γιορτινές αυτές μέρες.

Το συγκεκριμένο script είναι σαν αυτό που βλέπετε στην διπλανή εικόνα δείχνει δηλαδή, τις μέρες, τις ώρες τα λεπτά και τα δευτερόλεπτα που απομένουν μέχρι τα Χριστούγεννα.

Πως να βάλετε την αντίστροφη μέτρηση Χριστουγέννων στο blogger (Μπορείτε να δείτε και το βίντεο στο τέλος του άρθρου που κάνω αυτή την διαδικασία στην πράξη σε 3 λεπτά):
Σύνδεση στο blogger, επιλογή του blog μας και από το μενού πατάμε "Διάταξη" και στο σημείο που θέλουμε να τοποθετηθεί ο μετρητής πατάμε "Προσθήκη gadget", στο παράθυρο που ανοίγει επιλέγουμε "HTML/JavaScript" και βάζουμε μέσα στο παράθυρο τον πιο κάτω κώδικα:

Απομένουν μέχρι τα Χριστούγεννα: Μέρες Ώρες Λεπτά Δεύτερα <script src='https://googledrive.com/host/0B3fIJ7nZFI9iaWxiX2hCMTI5S0U/' type='text/javascript'/&…

Πως να βάλω ένα αναλογικό ρολόι στο blog ή στο website μου

Καλησπέρα, σήμερα θα δούμε πως μπορούμε να ενσωματώσουμε στο blog μας κάτι που δημιουργήσαμε στο adobe flash professional δηλαδή κάτι που έχει την μορφή SWF. Συγκεκριμένα θα δείξω πως να ανεβάσουμε στο blog μας το αναλογικό ρολόι που φτιάξαμε σε ένα από τα προηγούμενα άρθρα, αν κάποιος δυσκολεύεται να το φτιάξει όπως αυτός θέλει μπορεί να προσθέσει το δικό μου που θα σας δώσω πιο κάτω.

Το μόνο που χρειάζεται είναι ένα host όπου θα ανεβάσουμε το αρχείο .swf και να το ενσωματώσουμε σε μια ετικέτα <embed>. Δείτε το παράδειγμα για να καταλάβετε καλύτερα:

<embed align="middle" allowscriptaccess="always" height="150" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://googledrive.com/host/0B3fIJ7nZFI9icF9PWnE3T0xpZHM/" type="application/x-shockwave-flash" width="150"></embed> Ο πιο πάνω κώδικας τώρα είναι έτοιμος για να τρέξει η εφαρμογή μας. Για να τον προσθ…

Αυτόματη αναφορά πηγής όταν κάνουν copy paste τα κείμενα σας

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

Σήμερα θα δούμε ένα "κόλπο" με το οποίο όταν πάει κάποιος να αντιγράψει τα κείμενα σας, μαζί θα αντιγράφετε και αυτόματα το link της προέλευσης του άρθρου, με αυτό το τρόπο τουλάχιστο θα μειωθεί αυτή η κακόβουλη ενέργεια από άλλους προς εσάς.

Για να το εφαρμόσετε αυτό το τρικ στο blog σας ακολουθήστε την εξής διαδικασία (επίσης έφτιαξα και ένα βίντεο που δείχνω την διαδικασία, μπορείτε να το δείτε στο τέλος του άρθρου):
Μπείτε στην σελίδα: http://www.tynt.com/ και δημιουργήστε ένα λογαριασμό.Από το account tools επιλέγετε τα settings για να προσαρμόσετε το script όπως εσείς θέλετε και μετά ξανά από το account tools διαλέγετε το install script και αντιγράφετε το javascript.Συνδέεστε στο blogger και επιλέγετε από το μενού το πρότυπο του blog σας, πατάτε επεξεργασία HTML, βάζετε μέσα …

Αναλογικό ρολόι με το adobe flash professional

Σήμερα θα δούμε πως μπορούμε να φτιάξουμε ένα δικό μας αναλογικό ρολόι με όποιο σχεδιασμό εμείς θέλουμε. Θα το δημιουργήσουμε στο adobe flash professional cs5. Αυτό που έφτιαξα και στον οδηγό βίντεο είναι αυτό που βλέπετε ακριβώς από κάτω (την ώρα την παίρνει από το λειτουργικό που το τρέχει):

Το αναλογικό ρολόι που θα φτιάξουμε μπορούμε να το ανεβάσουμε στην ιστοσελίδα μας ή στο blog μας στο blogger για να το βλέπουν οι επισκέπτες μας. Για το πως μπορεί κάποιος να το ενσωματώσει στο blogger θα σας το δείξω σε ένα από τα επόμενα βίντεο.



Στο βίντεο όπως θα δούμε θα χρειαστεί και το πιο κάτω script:
var now:Date; var ct:Timer = new Timer(1000); ct.addEventListener(TimerEvent.TIMER, onTick); ct.start(); function onTick(event:TimerEvent):void{ now = new Date(); var s:uint = now.getSeconds(); var m:uint = now.getMinutes(); var h:uint = now.getHours(); deuterolepta.rotation = 180 + (s * 6); lepta.rotation = 180 + (m * 6); wres.rotation = 180 + (h * 30) + (m * 0.5); }
Αν έχετε κάποι…

Βίντεο: Επίδειξη του NeoBux για χρήματα μέσω internet αξιόπιστα

ΑΠΑΤΗ ΚΑΙ ΤΟ NEOBUX. 

Μην κάνετε εγγραφή. Δεν έχω χρόνο να αναρτήσω τα σχετικά στοιχεία μου αλλά η κατάσταση είναι παρόμοια με το παρακάτω βίντεο που ανάρτησε κάποιος άλλος χρήστης του neobux:


Γεια σε όλους! Σήμερα θα δούμε το βίντεο που σας είπα ότι θα φτιάξω για να σας δείξω το neobux. Όσοι δεν ξέρετε τι είναι ρίξτε μια ματιά στο άρθρο: πως να βγάλω λεφτά στο ίντερνετ.

Στο βίντεο όπως θα δείτε παρουσιάζω ολόκληρο το website, αν μου διέφυγε κάτι μπορείτε να αφήσετε κάποιο σχόλιο με την απορία που έχετε για να σας απαντήσω.
Για να επισκεφθείτε το site:πατήστε εδώ. Όσοι δεν είστε γραμμένοι μπορείτε να γραφτείτε εντελώς δωρεάν. Για να μην σας κουράζω άλλο δείτε το βίντεο:
Παρουσίαση του Neobux για χρήματα μέσω ίντερνετ from panagiotis koursaris on Vimeo.

Google Page Rank Update Today - Αναβάθμιση pagerank 12/6/2013

Επιτέλους μετά από σχεδόν 1 χρόνο βλέπουμε μια αλλαγή στις βαθμολογίες του PageRank της Google, συγκεκριμένα η τελευταία ενημέρωση ήταν τον Φεβρουάριο του 2013. Με μια ματιά που είδα σε διάφορες σελίδες παρατήρησα ότι αρκετά website/blogs έπεσαν κατά 1 μονάδα κάτω. Όπως φαίνεται πλέον το PageRank βαθμολογείτε πιο αυστηρά, με λίγα λόγια είναι πιο δύσκολο να ανέβεις μονάδες. Όπως επίσης πολλά blogs μηδενίστηκαν που πάει να πει ότι η Google έχει κάνει μια σπουδαία δουλειά για να εντοπίσει όλα αυτά τα spammers.

Φυσικά από όσο ξέρουμε δεν πρέπει να δίνουμε και τόσο μεγάλη βαρύτητα σε αυτή την μέτρηση μιας και δεν είναι αυτός ο καθοριστικός παράγοντας που κατατάσσει τις ιστοσελίδες στο Google. Για παράδειγμα βλέπουμε ιστοσελίδες ή blogs με πολύ χαμηλότερα Page Rank να βρίσκονται πολύ πιο πάνω από άλλα που έχουν αρκετά υψηλότερο PR.
Μπορείτε να ελέγξετε και εσείς το PR της ιστοσελίδας ή του blog σας βάζοντας σε αυτή http://www.prchecker.info/ την σελίδα το URL σας.

Adobe flash professional cs5 (βασικά πραγματάκια για αρχάριους)

Καλησπέρα σε όλους, από σήμερα είπα να ξεκινήσω να σας δείχνω μερικά πραγματάκια στο adobe flash. Το adobe flash professional cs5 είναι ένα πρόγραμμα που παρέχει στους χρήστες ένα πλήρες περιβάλλον όπου μπορούν να δημιουργήσουν ψηφιακό υλικό για την κατασκευή διαδραστικών εφαρμογών και ιστοσελίδων αποτελούμενες από κινούμενα γραφικά, ήχο, βίντεο και κείμενα.

Στο πρώτο βίντεο που θα δείτε πιο κάτω δείχνω τα τελείως βασικά που πρέπει να ξέρεις κάποιος αρχάριους. Στα επόμενα θα δείξουμε πως θα φτιάξουμε ένα αναλογικό ρολόι και διάφορα άλλα ωραία πραγματάκια.

Πιο συγκεκριμένα στο πρώτο βίντεο θα δούμε, α) πως μπορούμε να δημιουργήσουμε το πρώτο μας αρχείο, β) τις διάφορες περιοχές που εμφανίζονται και μερικά εργαλεία, γ) τα επίπεδα (layer) και πως μπορούμε να δημιουργήσουμε ή να διαγράψουμε επίπεδα και να σχεδιάσουμε κάτι σε αυτά. Για να καταλάβετε καλύτερα αυτά που γράφω δείτε το βίντεο: