Κατασκευή ιστοσελίδας - Σχεδιασμός και δημιουργία

Δωρεάν εικονίδια από το IconSeeker

2011-09-10T10:02:00.000-07:00

Ψάχνετε εικονίδια για την ιστοσελίδα σας; Διαλιέχτε από την βιβλιοθήκη του iconseeker και κατεβάστε τα εντελώς δωρεάν:

www.iconseeker.com

Έλεγχος φιλοξενίας - hosting

2011-09-01T09:50:00.000-07:00

Γνωρίζετε πότε κάνει το website σας διακοπές; Γνωρίζετε την απόδοση του στο εξωτερικό;

Πραγματοποιήστε δωρεάν μετρήσεις με tracert, ping, HTTP, HTTPS, FTP, SSH, SMTP, DNS, POP3, IMAP, MySQL, και οποιεσδήποτε άλλες που υπηρεσίες τρέχουν σε TCP/IP από 16 διαφορετικές χώρες του πλανήτη.

www.serverdesk.eu

Προώθηση ιστοσελίδας

2011-09-01T09:42:00.000-07:00

Ψάχνετε να βρείτε σε ποια σελίδα του Google βρίσκεται η ιστοσελίδα σας σε συγκεκριμένες λέξεις κλειδιά;

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

Εικόνες και γραφικά από την freeiconsweb.com

2011-09-01T09:34:00.001-07:00

Δωρεάν εικονίδια και γραφικά στοιχεία ιστοσελίδας από την ιστοσελίδα: www.freeiconsweb.com

free icons web

2011-09-01T09:33:00.000-07:00

Δωρεάν εικονίδια και γραφικά στοιχεία ιστοσελίδας από την ιστοσελίδα: www.freeiconsweb.com

Pop Up με Link

2011-08-27T14:42:00.000-07:00

Θέλετε με το άνοιγμα μιας σελίδας σας να εμφανίζεται ένα Pop Up με Link;

Βάζουμε τον παρακάτω κώδικα λίγο πριν το </HEAD>. Επιλέγουμε ποια χαρακτηριστικά θέλουμε να εμφανίζονται με το YES ή το NO. Επίσης ρυθμίζουμε και τις διαστάσεις.

<script language=javascript> function popup() { window.open("","My_Popup","toolbar=yes, location=yes, directories=yes, status=yes, menubar=yes, scrollbars=yes, resizable=yes, copyhistory=yes, width=150, height=180") }</script>

Μετά προσθέτουμε την παρακάτω γραμμή εκεί που θέλουμε να εμφανίζεται το κέιμενο του Link
<a href=openweb.gr onclick="popup('')">Μεταφορά στο OpenWeb</a>

κι αν θέλουμε να μην είναι υπογραμμισμένο προσθέτουμε πριν το κείμενο το τμήμα


Για το χρώμα το και για μια πλήρη ρύθμιση της γραμματοσειράς το τμήμα


Σε πλήρη μορφή ολη η γραμμή έχει τη μορφή
<a href=openweb.gr onclick="popup('')">Μεταφορά στο OpenWeb</a>

www.openweb.gr

Δωρεάν scripts

2011-08-27T14:20:00.000-07:00

Δωρεάν script από όλες τις γλώσσες, είναι όλα εδώ:

hotscripts.com

Δωρεάν javascript

2011-08-27T14:07:00.000-07:00

Δωρεάν Javascript εργαλεία

Σελίδα με πληθώρα εργαλείων Javascript να διαλέξετε για την σελίδα σας. Ρολόγια, ημερολόγια και χρονόμετρα, αντίστροφη μέτρηση, ειδικά εφέ στο φόντο και σε εικόνες, scrollers, εφέ στη μουσική, κουτιά επιλογής, slideshows εικόνας και άλμπουμ, προστασία και αποθήκευση των cookies και πολλά άλλα:

javascriptkit.com

Κατασκευή φόρμας επικοινωνίας

2011-08-27T13:58:00.000-07:00

Αυτό το δωρεάν βοηθητικό πρόγραμμα σας επιτρέπει να δημιουργήσετε φόρμες επικοινωνίας email scripts σε ASP, PHP ή Perl για το web site σας χωρίς να χρειάζονται γνώσεις προγραμματισμού.

Απλά επιλέξτε τις επιλογές που θέλετε και τα domain για την φόρμα σας, την κατεβάζετε σε HTML, ASP, PHP ή Perl script τα οποία δημιουργούνται αμέσως.

hotscripts.com

Ταχύτητα ιστοσελίδας με το GTmetrix

2011-08-27T04:45:00.000-07:00

Το GTmetrix μπορεί να σας βοηθήσει να αναπτύξετε μια πιο γρήγορη, πιο αποτελεσματική, και ολοκληρωμένη βελτιωμένη εμπειρία χρηστών στην ιστοσελίδας για τους επισκέπτες σας.

Οι χρήστες σας θα σας αγαπήσουν για αυτό και θα το εκτιμήσουν ιδιαίτερα.

www.gtmetrix.com

Πως φτιάχνουμε μια ιστοσελίδα

2011-08-02T18:41:00.000-07:00

Για να ξεκινήσουμε την παρουσία μας στο διαδίκτυο χρειάζονται 3 πράγματα:

Το όνομα χώρου,
Ο χώρος φιλοξενίας και
Η ιστοσελίδα

Όνομα χώρου - DOMAIN
Ένα όνομα χώρου μπορούμε να αγοράσουμε από εδώ. Το όνομα χώρου είναι αυτό που πληκτρολογούμε πάνω στην γραμμή διευθύνσεων για να δούμε την εκάστοτε ιστοσελίδα, π.χ. www.pathfinder.gr . Ρίξτε μια ματιά στα κριτήρια επιλογής ενός καλού ονόματος εδώ. Όταν κατοχυρώσουμε ένα όνομα χώρου, το μόνο που πρέπει να κάνουμε είναι να δηλώσουμε τους name servers. Δηλαδή σε ποιο χώρο φιλοξενίας θα κοιτάει το domain μας (βλ. πιο κάτω).

Φιλοξενία - HOSTING

Μετά την κατοχύρωση του ονόματος, πρέπει να βρείτε έναν άριστο hosting server, ο οποίος θα "σερβίρει" την ιστοσελίδα σας. Όπως και εσείς, όταν είστε σε μια ταβέρνα και ο σερβιτόρος αργεί, ή κάνει λάθη, ή τα "παίζει" από την κούραση και τον φόρτο εργασίας, έτσι και ο επισκέπτης του site σας θέλει να δει το site γρήγορα και χωρίς προβλήματα. Επιλέξτε έναν καλό χώρο φιλοξενίας από εδώ.

Ιστότοπος - WEBSITE

Αφού και ολοκληρώσετε τα παραπάνω, ξεκινάτε την κατασκευή της ιστοσελίδας σας. Οι ιστοσελίδες στο διαδίκτυο χωρίζονται σε δύο μεγάλες κατηγορίες: τις στατικές και τις δυναμικές. Για να δημιουργήσετε μια στατική ιστοσελίδα δεν έχετε παρά να κάνετε τα εξής:

1. Ανοίγετε το σημειωματάριο των WINDOWS ή κατεβάζετε, εγκαθιστάτε και ανοίγετε το notepad++.

2. Γράφετε τις εξής γραμμές κώδικα:

<HTML>
<HEAD>
<TITLE>Η πρώτη μου ιστοσελίδα</TITLE>
</HEAD>
<BODY>
Γεια σου κόσμε και ντουνιά!
</BODY>
</HTML>

3. Αποθηκεύετε το έγγραφο με όνομα index.html

4. Ανεβάζετε το αρχείο στον χώρο φιλοξενίας σας, όπου οδηγίες θα σας δώσει αναλυτικά και συγκεκριμένα ο πάροχος από τον οποίο αγοράσατε τον χώρο φιλοξενίας.

5. Πληκτρολογείτε στην γραμμή διευθύνσεων το όνομα που αγοράσατε.

Για όποια ερώτηση, πληροφορία ή απορία παρακαλώ ρωτήστε μας εδώ μέσω της ακόλουθης φόρμας.

Τα χρώματα στην HTML

2011-07-16T13:26:00.000-07:00

Τα βασικά χρώματα είναι:

Χρώμα	Χρώμα HEX	Χρώμα RGB
	#000000	rgb(0,0,0)
	#FF0000	rgb(255,0,0)
	#00FF00	rgb(0,255,0)
	#0000FF	rgb(0,0,255)
	#FFFF00	rgb(255,255,0)
	#00FFFF	rgb(0,255,255)
	#FF00FF	rgb(255,0,255)
	#C0C0C0	rgb(192,192,192)
	#FFFFFF	rgb(255,255,255)

Web ασφαλή χρώματα;

Πριν από μερικά χρόνια, όταν οι υπολογιστές υποστήριζαν max 256 διαφορετικά χρώματα, μια λίστα με 216 "Safe Web Χρώματα» προτάθηκε ως πρότυπο Web, επιφυλάσσοντας 40 σταθερά χρώματα του συστήματος.

Η 216 cross - browser χρωματική παλέτα δημιουργήθηκε για να εξασφαλίσει ότι όλοι οι υπολογιστές θα εμφανίσουν τα χρώματα σωστά κατά την εκτέλεση παλέτας με 256 χρώματα.

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

000000	000033	000066	000099	0000CC	0000FF
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
00FF00	00FF33	00FF66	00FF99	00FFCC	00FFFF
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
FF0000	FF0033	FF0066	FF0099	FF00CC	FF00FF
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
FFFF00	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

16 εκατομμύρια διαφορετικά χρώματα

Ο συνδυασμός του κόκκινου, του πράσινου και του μπλε με τιμές από 0 έως 255, δίνει πάνω από 16 εκατομμύρια διαφορετικά χρώματα (256 x 256 x 256).

Αν κοιτάξετε τον παρακάτω πίνακα χρωμάτων, θα δείτε το αποτέλεσμα των ποικιλιών στο κόκκινο φως από 0 έως 255, διατηρώντας ταυτόχρονα το πράσινο και μπλε φως στο μηδέν.

Κόκκινο φως	Χρώμα HEX	Χρώμα RGB
	#000000	rgb(0,0,0)
	#080000	rgb(8,0,0)
	#100000	rgb(16,0,0)
	#180000	rgb(24,0,0)
	#200000	rgb(32,0,0)
	#280000	rgb(40,0,0)
	#300000	rgb(48,0,0)
	#380000	rgb(56,0,0)
	#400000	rgb(64,0,0)
	#480000	rgb(72,0,0)
	#500000	rgb(80,0,0)
	#580000	rgb(88,0,0)
	#600000	rgb(96,0,0)
	#680000	rgb(104,0,0)
	#700000	rgb(112,0,0)
	#780000	rgb(120,0,0)
	#800000	rgb(128,0,0)
	#880000	rgb(136,0,0)
	#900000	rgb(144,0,0)
	#980000	rgb(152,0,0)
	#A00000	rgb(160,0,0)
	#A80000	rgb(168,0,0)
	#B00000	rgb(176,0,0)
	#B80000	rgb(184,0,0)
	#C00000	rgb(192,0,0)
	#C80000	rgb(200,0,0)
	#D00000	rgb(208,0,0)
	#D80000	rgb(216,0,0)
	#E00000	rgb(224,0,0)
	#E80000	rgb(232,0,0)
	#F00000	rgb(240,0,0)
	#F80000	rgb(248,0,0)
	#FF0000	rgb(255,0,0)

Φανταστείτε τι γίνεται και με τα άλλα χρώματα.

Αποχρώσεις του γκρι

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

Για να καταστεί ευκολότερο για εσάς να επιλέξετε τη σωστή απόχρωση, έχουμε δημιουργήσει έναν πίνακα του γκρι αποχρώσεις για σας:

Γκρι αποχρώσεις	Χρώμα HEX	Χρώμα RGB
	#000000	rgb(0,0,0)
	#080808	rgb(8,8,8)
	#101010	rgb(16,16,16)
	#181818	rgb(24,24,24)
	#202020	rgb(32,32,32)
	#282828	rgb(40,40,40)
	#303030	rgb(48,48,48)
	#383838	rgb(56,56,56)
	#404040	rgb(64,64,64)
	#484848	rgb(72,72,72)
	#505050	rgb(80,80,80)
	#585858	rgb(88,88,88)
	#606060	rgb(96,96,96)
	#686868	rgb(104,104,104)
	#707070	rgb(112,112,112)
	#787878	rgb(120,120,120)
	#808080	rgb(128,128,128)
	#888888	rgb(136,136,136)
	#909090	rgb(144,144,144)
	#989898	rgb(152,152,152)
	#A0A0A0	rgb(160,160,160)
	#A8A8A8	rgb(168,168,168)
	#B0B0B0	rgb(176,176,176)
	#B8B8B8	rgb(184,184,184)
	#C0C0C0	rgb(192,192,192)
	#C8C8C8	rgb(200,200,200)
	#D0D0D0	rgb(208,208,208)
	#D8D8D8	rgb(216,216,216)
	#E0E0E0	rgb(224,224,224)
	#E8E8E8	rgb(232,232,232)
	#F0F0F0	rgb(240,240,240)
	#F8F8F8	rgb(248,248,248)
	#FFFFFF	rgb(255,255,255)

πηγή: www.w3schools.com/html/html_colors.asp

περισσότερα: www.google.gr/

Με ποιο τρόπο γίνεται η αναδίπλωση κειμένου γύρω από μια εικόνα

2011-05-02T04:29:00.000-07:00

Με την ιδιότητα ALIGN στην εντολή <IMG> μπορούμε να αναδιπλώσουμε το κείμενο γύρω από μια εικόνα. Όταν θα χρησιμοποιήσουμε την ιδιότητα ALIGN να βάλουμε τιμή ή LEFT ή RIGHT αυτό καθορίζει πως θα είναι η αναδίπλωση κείμενου γύρω από μια εικόνα.Μπορούμε όμως να αναδιπλώσουμε μόνο ένα μέρος του κειμένου με την ιδιότητα CLEAR αλλά θα πρέπει στο τέλος του κειμένου (εκεί που θέλουμε να σταματήσουμε δηλαδή να έχει το κείμενο αναδίπλωση) θα πληκτρολογήσουμε την εντολή .

Π.χ.
<ΙΜG SRC="eikona.jpeg" ALIGN="LEFT">
Αυτό είναι ένα Blog για τη γλώσσα HTML. Έχει ότι πληροφορίες χρειάζεστε για να σχεδιάσετε μια ιστοσελίδα με τη γλώσσα HTML.

Μ'αυτη την εντολή όλο το κείμενο έχει αναδίπλωση.

Π.χ.
<ΙΜG SRC="eikona.jpeg" ALIGN="LEFT">
Αυτό είναι ένα Blog για τη γλώσσα HTML. Έχει ότι πληροφορίες χρειάζεστε για να σχεδιάσετε μια ιστοσελίδα με τη γλώσσα HTML. 

Μ'αυτη την εντολή το κείμενο από το κι μετά έχει αναδίπλωση.

Η ιδιότητα ALIGN μπορεί να αναδιπλώσει κι δυο εικόνες.
<ΙΜG SRC="eikona1.jpeg" ALIGN="LEFT">
<ΙΜG SRC="eikona2.jpeg" ALIGN="RIGHT">
<Ρ>Αυτό είναι ένα Blog για τη γλωσσα HTML. Έχει ότι πληροφορίες χρειάζεστε για να σχεδιασετε μια ιστοσελιδα με τη γλώσσα HTML.</Ρ>

Η μια εικόνα θα είναι στο αριστερό μέρος της ιστοσελίδας,η άλλη εικόνα στο δεξιο μέρος της ιστοσελίδας κι στη μέση θα είναι το κείμενο.

Πως μπορώ να προσθέσω περίγραμμα σε μια εικόνα

2011-05-02T04:28:00.000-07:00

Το περίγραμμα το χρησιμοποιούμε για να βελτιώσουμε την εμφάνιση μιας ιστοσελίδας είτε είναι σε μια εικόνα είτε σ'ένα κείμενο. Για να προσθέτω περίγραμμα σε μια εικόνα χρησιμοποιώ την ιδιότητα BORDER στην εντολή <IMG>.

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

Π.χ.
<ΙΜG SRC="eikona.jpeg" BORDER="10">

To πάχος του περιγράμματος της εικόνας είναι 10.Εάν θέλουμε να αφαιρέσουμε το περίγραμμα απλά βάζουμε 0 στη θέση του 10

Πως μπορώ να προσθέσω μια εικόνα για φόντο

2011-05-02T04:24:00.001-07:00

Εκτός από το να βάλουμε σαν φόντο ένα χρώμα μπορούμε να βάλουμε μια εικόνα. Για να προσθέσουμε μια εικόνα σαν φόντο χρησιμοποιούμε την ιδιότητα BACKGROUND στην εντολή <BODY>.

Π.χ.
<BODY BACKGROUND="eikona.jpeg"> </BODY>

Τώρα το φόντο θα έχει την εικόνα που βάλαμε.

Πως να προσθέσω μια εικόνα

2011-05-02T04:23:00.000-07:00

Στις περισσότερες ιστοσελίδες υπάρχουν εικόνες, κι ανάλογα με το θέμα έχουν κι την ανάλογη φωτογραφία. Οι εικόνες καθυστερούν να φορτωθεί μια ιστοσελίδα, γι αυτό το λόγο καλό θα ήτανε να υπάρχουν μικρές εικόνες. Τη μορφή που θα έχει μια εικόνα είναι JPEG , GIF.

Η εντολή που χρησιμοποιούμε για να εισάγουμε μια εικόνα είναι <IMG>

Π.χ.
<IMG SRC="eikona.jpeg">
Επειδή υπάρχει περίπτωση να μην εμφανιστεί σε κάποιο χρήστη μια εικόνα καλό θα ήτανε να γράφουμε ένα κείμενο που να λέει τι περιέχει η εικόνα. Η ιδιότητα για να έχει κάποιο κείμενο είναι ΑLT.

Π.χ.
<IMG SRC="eikona.jpeg" ΑLT="είναι η ετικέτα της εικόνας" >

Πως να δημιουργήσω μια λίστα ορισμών

2011-05-02T04:21:00.000-07:00

Η λίστα ορισμού εμφανίζει κάποιους ορισμούς κι τους ορισμούς τους.Μια τέτοια λίστα τη χρησιμοποιούμε σένα λεξικό για να βρίσκουμε εύκολα τη σημασία μιας λέξης.

Για να δημιουργήσουμε μια λίστα ορισμού χρησιμοποιούμε την εντολή <DL> , <DT> , <DD>.

Η εντολή <DL> σημειώνει την αρχή μιας λίστας. Την εντολή <DL> τη πληκτρολογούμε πριν από τη λίστα που θέλουμε να φτιάξουμε.

Η εντολή <DΤ> σημειώνει την αρχή κάθε όρου της λίστας. Την εντολή <DΤ> τη πληκτρολογούμε πριν από κάθε στοιχειό που θέλουμε να καταχωρήσουμε στη λίστα.

Η εντολή <DD> σημειώνει την αρχή κάθε ορισμού της λίστας.Την εντολή <DD> τη πληκτρολογούμε πριν από κάθε ορισμό που θέλουμε να έχει η λίστα.

Π.χ.
<DL><DΤ> HTML </DΤ>
<DD> HTML (HYPERTEXT MARKUP LANGUAGE> Είναι μια γλώσσα υπολογιστών που χρησιμοποιείται για τη δημιουργία ιστοσελίδων. </DD></DL>

Πως να δημιουργήσω μια μη αριθμημένη λίστα

2011-05-02T04:19:00.000-07:00

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

Για να δημιουργήσουμε μια μη αριθμημένη λίστα τότε θα πρέπει να χρησιμοποιήσουμε τις εντολές <UL> & <LI>. Η μόνη διάφορα στον κώδικα HTML από μια αριθμημένη λίστα είναι ότι στην αρχή της βάζουμε <UL> αντι για <ΟL>.

Π.χ.

<UL> ><Β>ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.<ΒR>ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:</Β>
< LI> ΗΤΜL</LI>
<LI> HEAD </LI>
<LI> TITLE </LI>
<LI> BODY </LI> </UL>

Αυτή η λίστα θα εμφανίζεται:
ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.
ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:

ΗΤΜL
HEAD
TITLE
BODY

Για να αλλάξουμε το στυλ της λίστας μπορούμε να χρησιμοποιήσουμε την ιδιότητα ΤΥΡΕ.

Τα στυλ λίστας που υπάρχουν είναι: CIRCLE , DISC , SQUARE .

Π.χ.

<UL TYPE="SQUARE"> ><Β>ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.<ΒR>ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:</Β>
< LI> ΗΤΜL</LI>
<LI> HEAD </LI>
<LI> TITLE </LI>
<LI> BODY </LI> </UL>

Αυτή η λίστα θα εμφανίζεται:
ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.
ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:

ΗΤΜL
HEAD
TITLE
BODY

Πως να δημιουργήσω μια αριθμημένη λίστα

2011-05-02T04:15:00.000-07:00

Ακόμα κι στη καθημερινή μας ζωή φτιάχνουμε λίστες,η αριθμημένη λίστα είναι αυτή που έχει στην αρχή καθε στοιχείου της ένα νούμερο 1,2,3... σε μια ιστοσελίδα τη χρησιμοποιούμε τις περισσότερες φορές όταν θέλουμε να δείξουμε ποια είναι τα 10 καλύτερα τραγούδια ή για κάποιες ερωτήσεις.

Για να δημιουργήσουμε μια αριθμημένη λίστα χρησιμοποιούμε τις εντολές <OL> & <LI>.

Tην εντολή <OL> τη χρησιμοποιούμε όταν θέλουμε να ξεκινήσουμε μια αριθμημένη λίστα ενώ την εντολή <LI> τη χρησιμοποιούμε σε κάθε στοιχειό της λίστας.

Π.χ.

< OL><Β>ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.<ΒR>ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:</Β>< LI> ΗΤΜL</LI>

<LI> TITLE </LI>

Αυτή η λίστα θα εμφανίζεται:

ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.

ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:

1.       ΗΤΜL
2.       HEAD
3.       TITLE
4.       BODY

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

Πιο αναλυτικά για να αλλάξει η αρίθμηση θα χρησιμοποιήσουμε την ιδιότητα ΤΥΡΕ.

Το στυλ αρίθμησης που υπάρχει είναι: Α , a , I , I , 1 .

Π.χ.

< OL ΤΥΡΕ=’’Α’’><Β>ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.<ΒR>ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:</Β>< LI> ΗΤΜL</LI>

<LI> TITLE </LI>

Αυτή η λίστα θα εμφανίζεται:

ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.

ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:

A.      ΗΤΜL
B.      HEAD
C.      TITLE
D.      BODY

Για να ξεκινήσουμε με έναν αριθμό εκτός από το ένα χρησιμοποιούμε την ιδιότητα START .

Π.χ.

< OL START =’’3’’><Β>ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.<ΒR>ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:</Β>< LI> ΗΤΜL</LI>

<LI> TITLE </LI>

Αυτή η λίστα θα εμφανίζεται:

ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.

ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:

3.       ΗΤΜL
4.       HEAD
5.       TITLE
6.       BODY

Για να προσπεράσουμε έναν αριθμό στα στοιχεία της λίστας τότε χρησιμοποιούμε την ιδιότητα VALUE.

Π.χ.

< OL START =’’3’’><Β>ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.<ΒR>ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:</Β>< LI> ΗΤΜL</LI>

<LI VALUE=’’6”> TITLE </LI>

Αυτή η λίστα θα εμφανίζεται:

ΑΥΤΗ ΕΙΝΑΙ Η ΛΙΣΤΑ ΜΟΥ.

ΟΙ ΕΝΤΟΛΕΣ ΤΙΣ ΗΤΜL ΕΙΝΑΙ:

3. ΗΤΜL

4. HEAD

6. TITLE

7. BODY

Πως μπορώ να δημιουργήσω ένα κείμενο αναφοράς

2011-05-02T04:13:00.000-07:00

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

Για να δημιουργήσουμε ένα κείμενο αναφοράς χρησιμοποιούμε την εντολή BLOCKQUOTE.

Π.χ.

< BLOCKQUOTE> Αυτό είναι ένα Blog για τη γλώσσα HTML.Έχει ότι πληροφορίες χρειάζεστε για να σχεδιάσετε μια ιστοσελίδα με τη γλώσσα HTML .</ BLOCKQUOTE>

Το κείμενο: Αυτό είναι ένα Blog για τη γλώσσα HTML.Έχει ότι πληροφορίες χρειάζεστε για να σχεδιάσετε μια ιστοσελίδα με τη γλώσσα HTML. Έχει γίνει τώρα κείμενο αναφοράς.

Εάν θέλουμε να εμφανίσουμε σύντομες αναφορές σε μια παράγραφο τότε θα χρησιμοποιήσουμε την εντολή <Q> αλλά θα πρέπει να είναι το κείμενο που θέλουμε να τροποποιήσουμε μέσα σε εισαγωγικά <‘’ ‘’>.

Π.χ.

< Ρ> Αυτό είναι ένα Blog για τη <Q> ‘’γλωσσα HTML’’</ Q> .Έχει ότι πληροφορίες χρειάζεστε για να <Q> ‘’σχεδιασετε μια ιστοσελιδα’’ </ Q> με τη γλώσσα HTML .</ Ρ>

Το κείμενο ‘’γλωσσα HTML’’ και ‘’σχεδιασετε μια ιστοσελιδα’’ είναι κείμενο αναφοράς.

Πως μπορώ να αλλάξω τα περιθώρια

2011-05-02T04:11:00.001-07:00

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

Οι εντολές LEFTMARGIN,RIGHTMARGIN,TOPMARGIN & BOTTOMMARGIN υποστηρίζονται μόνο από τον INTERNET EXPLORER.Με αυτές τις εντολές μπορούμε να αλλάξουμε τα περιθώρια της ιστοσελίδας.

Π.χ.

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

Π.χ.

Πως μπορώ να αλλάξω το χρώμα του φόντου

2011-05-02T04:10:00.001-07:00

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

Για να βάλουμε φόντο στην ιστοσελίδα χρησιμοποιούμε στην ιδιότητα BGCOLOR στον κωδικά <BODY>.

Π.χ

Το χρώμα του φόντου θα είναι κόκκινο.

Πως μπορώ να αλλάξω το χρώμα κειμένου

2011-05-02T04:09:00.000-07:00

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

Για να αλλάξουμε χρώμα σ’ολο το κείμενο χρησιμοποιούμε την ιδιότητα TEXT στο <BODY> .

Π.χ.

To κείμενο θα βγει όλο κόκκινο.

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

Π.χ.

Αυτό είναι ένα blog για τη γλώσσα HTML

Δηλαδή το κείμενο θα φαίνεται: Αυτό είναι ένα blog για τη γλώσσα HTML

Μόνο το κείμενο που είναι μέσα σε θα είναι με κόκκινα γράμματα.

Τα χρώματα μπορούμε να τα γράψουμε με δυο τρόπους.

Είτε με την αγγλική τους ονομασία είτε με τις δεκαδικές τους τιμές.

ΕΛΛΗΝΙΚΗ ΟΝΟΜΑΣΙΑ ΑΓΓΛΙΚΗ ΟΝΟΜΑΣΙΑ ΔΕΚΑΔΙΚΗ ΤΙΜΗ

Μαύρο Black #000000

Άσπρο White #FFFFFF

Μπλε Blue #0000FF

Κόκκινο Red #FF0000

Κίτρινο Yellow #FFFF00

Πράσινο Green #008000

Φούξια Fuchsia #FF00FF

Γκρι Gray #808080

Βυσσινή Maroon #800000

Λαδι Olive #808000

Βιολετί Purple #800080

Ασημί Silver #C0C0C0

Τυρκουαζ Aqua #00FFFF

Ανοιχτό Πράσινο Lime #00FF00

Γαλαζοπράσινο Teal #008080

Μπλε Ραφ Navy #000080

Υ.Γ. Η ιδιότητα ΤΕΧΤ δε θα επηρεάσει το χρώμα των συνδέσεων στην ιστοσελίδα.

Με ποιον τρόπο θα αλλάξω την γραμματοσειρά μου

2011-05-02T03:59:00.000-07:00

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

Υπάρχουν πολλά είδη γραμματοσειράς που μπορεί να χρησιμοποιήσει κάποιος. Όταν σχεδιάζουμε μια ιστοσελίδα καλό θα ήταν να χρησιμοποιήσουμε πάνω από δυο γραμματοσειρές γιατί κάποιοι υπολογιστές δεν εμφανίζουν όλες τις γραμματοσειρές, αλλά καλό θα ήταν η μια γραμματοσειρά που να χρησιμοποιούμε πάντα να είναι η Arial . Γιατί τη διαβάζουν όλοι οι υπολογιστές.

Η εντολή για να αλλάξουμε γραμματοσειρά είναι η  κι συντάσσεται μαζί με την ιδιότητα FACE.

Π.χ.
<Ρ> Αυτό είναι ένα blog για την HTML. </Ρ> Το κείμενο θα βγει με Arial μορφή.

Όμως μπορούμε να αλλάξουμε κι το μέγεθος της γραμματοσειράς. Με την ιδιότητα SIZE με τον κωδικό <BASEFONT> για να αλλάξετε το μέγεθος όλου του κειμένου της ιστοσελίδας σας.Υπάρχουν 7 μεγέθη που μπορείτε να χρησιμοποιήσετε, Το μικρότερο μέγεθος είναι το 1 ενώ το μεγαλύτερο είναι το 7.

Π.χ
<Ρ> Αυτό είναι ένα blog για την HTML. </Ρ>Το κείμενο θα βγει με Arial μορφή κι μεγέθους 5.

Υ.Γ. Μπορεί κάποιο μέγεθος της γραμματοσειράς να μη το διαβάσει κάποιος υπολογιστής.

Πως να δημιουργήσω μια νέα παράγραφο

2011-05-02T03:56:00.000-07:00

Οι παράγραφοι σ' ένα κείμενο μας βοηθάνε για να βελτιώσουμε τη διάταξη κι την αναγνωρισιμότητα της σελίδας, ορίζοντας μεγάλες ενότητες κειμένου.

Για να δημιουργήσουμε σ' ένα κείμενο μια παράγραφο, γράφουμε μπροστά από το κείμενο την εντολή  κι στο τέλος του κειμένου 

Π.χ.
 Αυτό είναι ένα blog για την ΗΤΜL 

Εάν θέλετε να υπάρχει στοίχιση στην παράγραφο (αριστερά,δεξιά,κέντρο) τότε γράφετε μέσα στην εντολή την ιδιότητα ALIGN

Η σύνταξη της είναι:  που το ερωτηματικό είναι: ή left ή center ή right ή justify.Ανάλογα πως θέλετε να είναι η παράγραφος σας.

Π.χ.
 Αυτό είναι ένα blog για την ΗΤΜL .
Η παράγραφος θα είναι στο κέντρο.

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

Π.χ
 Αυτό είναι ένα blog για την ΗΤΜL. Η ΗΤΜL ειναι μια γλώσσα υπολογιστών που χρησιμοποιείται για τη δημιουργία ιστοσελίδων..
Το κείμενο "μια γλώσσα υπολογιστών" θα είναι στην ίδια γραμμή.

Υ.Γ. Δεν έχει σημασία αν είναι κεφαλαία ή μικρά τα γράμματα.

Πως θα ξεκινήσω μια νέα γραμμή

2011-05-02T03:54:00.001-07:00

Σ' ένα κείμενο είναι χρήσιμη η νέα γραμμή γιατί χωρίζει τις σύντομες γραμμές κειμένου.

Το   είναι εντολή που δε χρειάζεται να έχει τελικό κωδικό όπως π.χ. το 
Π.χ.
Αυτό είναι ένα blog για την ΗΤΜL Κι εδώ ξεκινάει η νέα γραμμή.
Το κείμενο "Κι εδώ ξεκινάει η νέα γραμμή" θα παει από κάτω που είναι η νέα γραμμή.

Υ.Γ. Μπορείτε να βάλετε πολλούς κωδικούς   μέσα στο κείμενο.

Πως θα εισαγω κενα σ' ενα κείμενο

2011-05-02T03:53:00.001-07:00

Σε κάποιες περιπτώσεις εάν βάλουμε πολλά κενά μπορεί να τα αγνοήσει η ιστοσελίδα.Η εισαγωγή κενού χώρου τις περισσότερες φορές χρησιμοποιείται στην πρώτη γραμμή μιας παραγράφου για να έχει εσοχή.
Σ' αυτή τη περίπτωση χρησιμοποιούμε τον κωδικό &NBSP;

Όταν πληκτρολογήσουμε το &NBSP; μεταξύ δυο λέξεων στην ιστοσελίδα θα εμποδίσει τις λέξεις να χωριστούν.

Κάθε &NBSP; είναι κι ένα κενό.

Π.χ.
 &NBSP;&NBSP;&NBSP;&NBSP;&NBSP; Πως θα εισάγω κενά σ' ένα κείμενο. .Το κείμενο θα έχει εσοχή. Είναι σαν να έχουμε πληκτρολογήσει πέντε κενά.

Υ.Γ. Μπορείτε να γράψετε πολλά κενά μαζί.

Πως θα εισάγω σ' ένα κείμενο έναν έκθετη ή ένα δείκτη

2011-05-02T03:51:00.000-07:00

Οι έκθετες κι οι δείκτες μας βοηθάνε σε μαθηματικές εξισώσεις,χημικούς τύπους κλπ.

Για να εισάγουμε στο κείμενο ένα δείκτη χρησιμοποιούμε την εντολή 

Π.χ.
<Ρ> Αυτό είναι ένα Blog για την HTML. </Ρ> Το Blog θα είναι ο δείκτης.

Για να εισάγουμε στο κείμενο έναν έκθετη χρησιμοποιούμε την εντολή <SUΡ>.
Π.χ.
<Ρ> Αυτό είναι ένα <SUΡ>Blog </SUΡ> για την HTML. </Ρ>
Το Blog θα είναι ο έκθετης.

Υ.Γ. Όταν θέλετε να βάλετε κάποιον εκθέτη ή δείκτη μη χρησιμοποιείται μικρά γράμματα γιατί δε θα μπορούν να διαβαστούν.

Με ποιο τρόπο θα δώσουμε έμφαση σ' ένα κείμενο

2011-05-02T03:50:00.000-07:00

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

Πιο αναλυτικά οι εντολές που δίνουν στο κείμενο έμφαση είναι:

Η εντολή <Β> κάνει το κείμενο έντονο.

Π.χ.
<Β> Αυτό είναι ένα blog για την HTML </Β>.
Θα φαίνεται " Αυτό είναι ένα blog για την HTML."

Η εντολή κάνει το κείμενο πλάγιο.
Π.χ. <Ι> Αυτό είναι ένα blog για την HTML </Ι>." Θα φαίνεται Αυτό είναι ένα blog για την HTML."

Η εντολή κάνει το κείμενο υπογραμμισμένο.
Π.χ. Αυτό είναι ένα blog για την HTML ." Θα φαίνεται Αυτό είναι ένα blog για την HTML."
Η εντολή <STRIKE> βάζει στο κείμενο μια γραμμή.
Π.χ. <STRIKE> Αυτό είναι ένα blog για την HTML </STRIKE>.
" ~~Θα φαίνεται Αυτό είναι ένα blog για την HTML."~~
Y.Γ. Θα πρέπει να προσέχετε όταν βάζετε την υπογράμμιση γιατί κάποιος χρήστης μπορεί να το περάσει σε σύνδεσμο που δε λειτουργεί.

Ποιοι είναι οι ειδικοί χαρακτήρες κι πως εισάγονται

2011-05-02T03:47:00.000-07:00

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

Για να εισάγουμε ένα ειδικό χαρακτήρα πηγαίνουμε εκεί που θέλουμε να είναι κι γράφουμε τον ειδικό χαρακτήρα.

Π.χ.
<Ρ> αυτό είναι ένα blog για την γλώσσα ¯ κώδικα HTML. </Ρ>

Το κείμενο στην ιστοσελίδα θα φαίνεται έτσι: αυτό είναι ένα blog για την γλώσσα-κώδικα HTML.

Μερικοί ειδικοί χαρακτήρες είναι:

Χαρακτήρας Αριθμητικός κώδικας Όνομα κώδικα

" " "
& & &
< < <
> > >
: &#166 ¦
<< « «
μ µ µ
. · ·
>> » »

Με ποιο τρόπο μπορώ να βάλω σχόλιο στον κώδικα HTML

2011-05-02T03:45:00.001-07:00

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

Π.χ.
<Ρ> ΑΥΤΟ ΕΙΝΑΙ ΕΝΑ blog ΓΙΑ ΤΗΝ HTML,  ΚΙ ΕΙΝΑΙ Η ΕΝΟΤΗΤΑ ΜΕ ΤΟ ΠΩΣ ΕΙΣΑΓΟΥΜΕ ΕΝΑ ΣΧΟΛΙΟ. </Ρ>

Στην ιστοσελίδα θα φαίνεται μόνο το κείμενο: ΑΥΤΟ ΕΙΝΑΙ ΕΝΑ blog ΓΙΑ ΤΗΝ HTML, ΚΙ ΕΙΝΑΙ Η ΕΝΟΤΗΤΑ ΜΕ ΤΟ ΠΩΣ ΕΙΣΑΓΟΥΜΕ ΕΝΑ ΣΧΟΛΙΟ.

Τι χρειάζεται για να προμορφοποιήσουμε ένα κείμενο

2011-05-02T03:44:00.000-07:00

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

Με τον κωδικό <PRE> μπορούμε να προμορφοποιήσουμε το κείμενο που θέλουμε. Η σύνταξη του <PRE> είναι: <PRE> το κείμενο που θέλετε να προμορφοποιήσετε κι κλείνει πάλι με το </PRE>.

Π.χ <PRE> ΑΥΤΌ ΕΙΝΑΙ ΕΝΑ BLOG ΓΙΑ ΤΗΝ HTML.
ΕΙΝΑΙ ΕΝΑ ΠΑΡΑΔΕΙΓΜΑ ΓΙΑ ΤΟ ΠΩΣ ΠΡΟΜΟΡΦΟΠΟΙΟΥΜΕ ΕΝΑ ΚΕΙΜΕΝΟ
ΤΟ ΚΕΙΜΕΝΟ ΜΠΟΡΕΙ ΝΑ ΕΙΝΑΙ ΟΣΟ ΜΕΓΑΛΟ ΘΕΛΕΙ. </PRE>.

Από την στιγμή που το κείμενο είναι μέσα στην εντολή <PRE> τότε μπορούμε να βάλουμε όσα κενά ή κενές γραμμές θέλουμε κι θα φαίνεται στην ιστοσελίδα όπως ακριβώς το φτιάξαμε στην HTML.

Υ.Γ. Μέσα στην γλώσσα HTML μπορούμε να βάλουμε όσες φορές θέλουμε την εντολή <PRE>.

Πως να προσθέσω επικεφαλίδα σε μια ιστοσελίδα

2011-05-02T03:42:00.000-07:00

Οι επικεφαλίδες βοηθούν τον χρήστη να βρει εύκολα τις πληροφορίες που θέλουν σε μια ιστοσελίδα.
Υπάρχουν έξι επίπεδα επικεφαλίδων.Η πρώτη επικεφαλίδα που είναι κι η πιο μεγάλη είναι η <H1>. Οι επικεφαλίδες είναι με αριθμητική σειρά δηλαδή <Η1>,<Η2>,<Η3>,<Η4>,<Η5>,<Η6>.Η <Η6> είναι η μικρότερη επικεφαλίδα.

Π.χ.
<Η1> Πως να προσθέσω επικεφαλίδα. </Η1>.
Η πρόταση θα είναι ως εξής:
Πως να προσθέσω επικεφαλίδα.
Ενώ εάν βάλουμε την επικεφαλίδα <Η6> τότε τα γράμματα θα φαίνονται κάπως έτσι: Πως να προσθέσω επικεφαλίδα.

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

Π.χ.
<Η1 ALIGN="center"> Πως να προσθέσω επικεφαλίδα. </Η1>. H επικεφαλίδα θα είναι στο κέντρο με μεγάλα κι έντονα γράμματα όπως το παραπάνω παράδειγμα.

Υ.Γ. Κι στην εντολή <Η? ALIGN=" " βάζουμε left,center,right,justify.

Επικοινωνία

2011-03-29T05:11:00.001-07:00

Για οποιοδήποτε πρόβλημα, ή απορία ή αν ψάχνετε κάτι το οποίο δεν το βρήκατε, μην διστάσετε να επικοινωνήσετε μαζί μας στο kavurihotel@hotmail.com

Πως μπορώ να ορίσω τις διαστάσεις μιας εικόνας

2011-03-29T05:06:00.000-07:00

Ο λόγος που αλλάζουμε τις διαστάσεις μιας εικόνας είναι για αν έχει πάντα το ικανοποιητικό αποτέλεσμα κι να είναι σωστά εμφανίσιμη η εικόνα με το κείμενο αν υπάρχει. Δεν μπορεί να είναι ωραία μια ιστοσελίδα που έχει όλες τις εικόνες της μεγάλες γιατί αν υπάρχουν εικόνες σ' ένα κείμενο τότε δε θα είναι ωραίο εμφανισιακά γιατί θα είναι μεγάλε οι εικόνες κι θα υπάρχει μεγάλο κενό στο κείμενο.

Για να ορίσουμε τις διαστάσεις μιας εικόνας χρησιμοποιούμε την ιδιότητα WIDTH , HEIGHT στην εντολή <IMG>.Η WIDTH ορίζει το πλάτος της εικόνας ενώ η HEIGHT ορίζει το ύψος της εικόνας.

Π.χ.
<IMG SRC="eikona.jpeg" WIDTH="159" HEIGHT="196">Το πλάτος της εικόνας μειώθηκε κατά 159 κι το ύψος της 196.

Πως μπορούμε να χρησιμοποιήσουμε μια εικόνα σε μια λίστα

2011-03-29T04:57:00.000-07:00

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

Π.χ.
<UL> <IMG SRC="eikona.jpeg" HSPACE="10"> HTML
 <IMG SRC="eikona.jpeg" HSPACE="10">HEAD
 <IMG SRC="eikona.jpeg" HSPACE="10"> TITLE
 <IMG SRC="eikona.jpeg" HSPACE="10"> BODY
</UL>

Εάν θέλουμε να καθορίσουμε τη στοίχιση της εικόνας θα χρησιμοποιήσουμε την ιδιότητα ALIGN στην εντολή <IMG> με τιμές το TOP , MIDDLE , BOTTOM.

Π.χ.
<UL> <IMG SRC="eikona.jpeg" HSPACE="10" ΑLIGN="MIDDLE"> HTML
 <IMG SRC="eikona.jpeg" HSPACE="10" ΑLIGN="MIDDLE">HEAD
 <IMG SRC="eikona.jpeg" HSPACE="10" ΑLIGN="MIDDLE"> TITLE
 <IMG SRC="eikona.jpeg" HSPACE="10" ΑLIGN="MIDDLE"> BODY
</UL>

Oι εικόνες στη λίστα έχουν στοίχιση στο μέσον του κείμενου.

Πως μπορώ να προσθέσω οριζόντια γραμμή

2011-03-29T04:53:00.001-07:00

Με μια οριζόντια γραμμή μπορούμε να χωρίσουμε το κείμενο σε ενότητες κι έτσι είναι πιο εύκολο για το χρήστη. Η εντολή για να προσθέσουμε μια οριζόντια γραμμή είναι η <ΗR>.Μπορούμε όμως να κάνουμε κι τροποποιήσεις στην οριζόντια γραμμή.

Πιο αναλυτικά μπορούμε να προσθέσουμε κενό μεταξύ της οριζόντιας γραμμής με την εντολή <Ρ>.

Π.χ.
Αυτό είναι ένα Blog για την HTML
<Ρ> <ΗR> 
Αυτό είναι ένα παράδειγμα για την οριζόντια γραμμή.
Oι φράσεις θα έχουν κάποιο κενό από την οριζόντια γραμμή.

Μπορούμε να αλλάξουμε το πάχος της γραμμής με την ιδιότητα SIZE στην εντολή <HR>.

Π.χ. <HR SIZE="10">
Το πάχος της οριζόντιας γραμμής είναι 10.

Μπορούμε να αλλάξουμε το πλάτος της οριζόντιας γραμμής με την ιδιότητα WIDTH στην εντολή <HR> αλλά μπορούμε να επιλέξουμε την στοίχιση της.

Π.χ. <HR WIDTH="40%" ALIGN="CENTER">
Το μέγεθος της οριζόντιας γραμμής είναι 40% με στοίχιση στο κέντρο.

Μπορούμε να βάλουμε στη θέση μιας απλής γραμμής μια εικόνα με την ιδιότητα NOSHADE στην εντολή <HR>.

Πως μπορώ να προσθέσω κενά γύρω από μια εικόνα

2011-03-29T04:52:00.001-07:00

Όταν προσθέτουμε κενά γύρω από μια εικόνα αυτό βελτιώνει την ολική εμφάνιση της ιστοσελίδας εκτός αυτού κάνουν πιο εύκολο το διάβασμα αλλά κι δείχνουν πιο ωραίες δυο ή παραπάνω εικόνες όταν έχουν κενά γιατί δεν φαίνονται σαν μια.Για να προσθέσουμε κενά σε μια εικόνα χρησιμοποιούμε την ιδιότητα HSPACE στην εντολή <IMG>, αυτή η ιδιότητα μας επιτρέπει να προσθέσουμε κενό χώρο αριστερά κι δεξια από μια εικόνα, ενώ για να προσθέσουμε κενό χώρο πάνω κι κάτω από μια εικόνα χρησιμοποιούμε την ιδιότητα VSPACE.

Π.χ.
<Ρ><ΙΜG SRC="eikona.jpeg" ALIGN="LEFT" HSPACE="20" VSPACE="20"> Αυτό είναι ένα παράδειγμα για το πως μπορούμε να βάλουμε κενά σε μια εικόνα.</Ρ>

Αυτό προσθέτει σε μια εικόνα κενό χώρο.

Πως μπορώ να στοιχίσω μια εικόνα με κείμενο

2011-03-29T04:51:00.000-07:00

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

Για να στοιχίσουμε ένα κείμενο με μια εικόνα χρησιμοποιούμε την ιδιότητα ALIGN στην εντολή <IMG>.

Ποιο συγκεκριμένα για να επιλέξουμε τι είδους στοίχιση θα έχει το κείμενο θα πρέπει στον κώδικα να εισάγουμε μια συγκεκριμένη τιμή. Οι τιμές είναι TOP , MIDDLE , BOTTOM. Η τιμή TOP έχει στοίχιση προς τα πάνω, η τιμή MIDDLE έχει στοίχιση στο κέντρο, η τιμή BOTTOM έχει στοίχιση προς τα κάτω.

Π.χ.
<ΙΜG SRC="eikona.jpeg" ALIGN="TOP">Αυτό είναι ένα παράδειγμα για το πως γίνετε η στοίχιση κειμένου </Ρ>
Το κείμενο θα βγει δίπλα στην εικόνα με στοίχιση προς τα πάνω.

Υπάρχουν όμως κι οι τιμές TEXTTOP , ADSMIDDLE , ABSBOTTOM που κάνουν την ίδια δουλειά με τις τιμές TOP , MIDDLE , BOTTOM απλά δεν υποστηρίζονται απ όλους τους αναγνώστες ιστοσελίδων.