﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Παναγιώτης «thePrince» Βελισαράκος &#187; Tutorial</title>
	<atom:link href="http://www.prince.gr/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.prince.gr</link>
	<description>Το προσωπικό μου ιστολόγιο, με θέματα για web developers κια άλλα.</description>
	<lastBuildDate>Fri, 25 Jun 2010 20:40:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Πρώτα βήματα στην HTML: form</title>
		<link>http://www.prince.gr/article/first_steps_in_html-form/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-form/#comments</comments>
		<pubDate>Sun, 16 May 2010 09:44:42 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=90</guid>
		<description><![CDATA[Θα κλείσουμε αυτή την σύντομη ξενάγηση στα βασικότερα tags της <abbr title="HyperText Markup Language">HTML</abbr> με τα <code>form</code>, <code>label</code>, <code>input</code> και τα υπόλοιπα tags που μας επιτρέπουν να σχεδιάσουμε κάθε είδους φόρμας. Δυστυχώς, οι φόρμες της HTML, χρειάζονται είτε Javascript είτε κάποια τεχνολογία στον server για την επεξεργασία τους, είτε <em>και</em> τα δύο. Ωστόσο, μπορούμε να ξεκινήσουμε από τα βασικά.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-form/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: table</title>
		<link>http://www.prince.gr/article/first_steps_in_html-table/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-table/#comments</comments>
		<pubDate>Sat, 15 May 2010 08:40:15 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=76</guid>
		<description><![CDATA[Τα tables (πίνακες) είναι ίσως τα πιο κακομεταχειρισμένα tags της <abbr title="HyperText Markup Language">HTML</abbr>. Τα περισσότερα sites που υπάρχουν στο διαδίκτυο και είναι φτιαγμένα μέχρι πριν από 4-5 χρόνια χρησιμοποιούν πίνακες για το design ενώ <strong>δεν</strong> είναι αυτή η δουλειά για την οποία προορίζονται &#8212; τα tables είναι για την πληροφορία εκείνη που πρέπει να παρουσιαστεί σε πίνακα για να είναι ευανάγνωστη: αριθμοί, στατιστικές, σύγκριση χαρακτηριστικών κ.α.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-table/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: body και τα πρώτα tags</title>
		<link>http://www.prince.gr/article/first_steps_in_html-body/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-body/#comments</comments>
		<pubDate>Fri, 14 May 2010 07:54:32 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=74</guid>
		<description><![CDATA[Φτάσαμε στο <code>body</code>. Τώρα αρχίζουν τα δύσκολα διότι, ότι γράψουμε από εδώ και πέρα θα εμφανιστεί στο διαδίκτυο και θα μείνει για πάντα! Εδώ θα μπει το βιογραφικό μας σημείωμα, η φόρμα επικοινωνίας, οι σκέψεις μας σχετικά με το ασφαλιστικό και την πορεία της ομάδας μας στα γήπεδα της ευρώπης. Αλλά πρώτα, λίγη θεωρία&#8230;]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-body/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: html και head</title>
		<link>http://www.prince.gr/article/first_steps_in_html-head/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-head/#comments</comments>
		<pubDate>Thu, 13 May 2010 12:16:51 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=71</guid>
		<description><![CDATA[Αφού <a href="/article/first_steps_in_html-doctype/">αποφασίσαμε</a> τι είδους/version &#171;γλώσσα&#187; θα χρησιμοποιήσουμε για το site μας, ώρα να ξεκινήσουμε! Θα υποθέσω προς το παρόν οτι φτιάχνουμε ένα site σε <a href="http://www.w3.org/TR/html4/">HTML Strict 4.01</a> και, σε κάποιο επόμενο άρθρο, <del>θα αναφερθώ στις διαφορές με την <abbr title="Extensible HyperText Markup Language">XHTML</abbr></del>. Τώρα που το σκέφτομαι, δε νομίζω πως έχει νόημα να αναφερθώ στην XHTML πλέον &#8212; η αφορμή για το ξεσκόνισμα των παλιών αυτών άρθρων είναι η <a href="http://www.w3.org/TR/html5/">HTML5</a> και η XHTML, καλώς ή κακώς, θα περάσει στην ιστορία. Μπορείτε βέβαια να γράψετε HTML5 κώδικα με <abbr title="Extensible Markup Language">XML</abbr> σύνταξη αλλά γιατί να το κάνετε;]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-head/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: το DOCTYPE</title>
		<link>http://www.prince.gr/article/first_steps_in_html-doctype/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-doctype/#comments</comments>
		<pubDate>Wed, 12 May 2010 15:08:24 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=69</guid>
		<description><![CDATA[Αυτό είναι το πρώτο από μια σειρά άρθρων που ολοκλήρωσα στα τέλη του 2007 και πλέον πρέπει να επικαιροποιηθούν. Πρόκειται για τα πρώτα βήματα στην <abbr title="HyperText Markup Language">HTML</abbr> και θα προσθέσω πληροφορίες για την HTML5 που φάνηκε στον ορίζοντα. Θα ξεκινήσω λοιπόν με μια σύντομη εισαγωγή στην HTML και θα δούμε κιόλας την πρώτη γραμμή που θα πρέπει να υπάρχει στον κώδικα: την δήλωση <code>DOCTYPE</code>.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-doctype/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Breadcrumb navigation και άλλες ιστορίες!</title>
		<link>http://www.prince.gr/article/breadcrumb_navigation/</link>
		<comments>http://www.prince.gr/article/breadcrumb_navigation/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 23:21:02 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Προγραμματισμός]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=386</guid>
		<description><![CDATA[Μετά από 6 δύσκολους, σε προσωπικό αλλά και επαγγελματικό επίπεδο, επιστρέφω στην ενεργό &#171;δράση&#187;, με ένα σύντομο tutorial και τις καλύτερες ευχές για τη νέα χρονιά που μόλις πριν από 1 μήνα ξεκίνησε!]]></description>
		<wfw:commentRss>http://www.prince.gr/article/breadcrumb_navigation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στα CSS: hacks και bugs</title>
		<link>http://www.prince.gr/article/first_steps_in_css-hacks_and_bugs/</link>
		<comments>http://www.prince.gr/article/first_steps_in_css-hacks_and_bugs/#comments</comments>
		<pubDate>Thu, 17 Jan 2008 11:19:44 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=109</guid>
		<description><![CDATA[Τα <abbr title="Cascading Style Sheets">CSS</abbr> hacks ανακαλύφθηκαν επειδή ο κάθε browser -ασχέτως με το πόσο κοντά στα standards βρίσκεται- έχει δική του άποψη για το πως θα ερμηνεύσει τον κώδικα <abbr title="Cascading Style Sheets">CSS</abbr>. Περίεργο, αλλά συμβαίνει, και τις περισσότερες φορές οφείλεται σε bugs, με πρωταθλητή τον Internet Explorer.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_css-hacks_and_bugs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στα CSS: μενού</title>
		<link>http://www.prince.gr/article/first_steps_in_css-menus/</link>
		<comments>http://www.prince.gr/article/first_steps_in_css-menus/#comments</comments>
		<pubDate>Tue, 15 Jan 2008 03:34:48 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=106</guid>
		<description><![CDATA[Έχοντας <a href="/article/first_steps_in_css-float/">ολοκληρώσει</a> τα <code>header</code> και <code>container</code>, μπορούμε να δούμε το μενού πλοήγησης του <a href="http://www.prince.gr/lessons/01/index.html">site</a>. Η λίστα <code>ul</code> (<a href="http://www.w3.org/TR/html4/struct/lists.html#edef-UL">unordered list</a>) είναι το καταλληλότερο tag για την δημιουργία του βασικού μας μενού και με την βοήθεια των <abbr title="Cascading Style Sheets">CSS</abbr> θα την φέρουμε στα μέτρα μας.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_css-menus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στα CSS: float</title>
		<link>http://www.prince.gr/article/first_steps_in_css-float/</link>
		<comments>http://www.prince.gr/article/first_steps_in_css-float/#comments</comments>
		<pubDate>Fri, 11 Jan 2008 03:55:50 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=104</guid>
		<description><![CDATA[Τώρα που <a href="/article/first_steps_in_css-units/">μάθαμε</a> μερικά ακόμα πράγματα για τα blocks, μπορούμε πλέον να διαμορφώσουμε τις σελίδες μας. Σήμερα θα δούμε μερικές ακόμα δυνατότητες που μας παρέχουν τα <abbr title="Cascading Style Sheets">CSS</abbr> και θα γεμίσουμε επιτέλους τα κουτιά μας!]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_css-float/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στα CSS: em, px και %</title>
		<link>http://www.prince.gr/article/first_steps_in_css-units/</link>
		<comments>http://www.prince.gr/article/first_steps_in_css-units/#comments</comments>
		<pubDate>Thu, 10 Jan 2008 05:17:48 +0000</pubDate>
		<dc:creator>thePrince</dc:creator>
				<category><![CDATA[Μαθήματα CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=102</guid>
		<description><![CDATA[Όλα τα elements της <abbr title="HyperText Markup Language">HTML</abbr> έχουν συγκεκριμένες διαστάσεις, είτε πρόκειται για <a href="http://www.webdesignfromscratch.com/css-block-and-inline.cfm"><em>block</em> είτε για <em>inline</em></a>. Ειδικά τα blocks, καταλαμβάνουν εξ ορισμού όλο το διαθέσιμο πλάτος και έχουν όσο ύψος χρειάζεται για το περιεχόμενο τους. Μέσω <abbr title="Cascading Style Sheets">CSS</abbr> όμως μπορούμε να αλλάξουμε τα μεγέθη τους κατά το δοκούν &#8212; λαμβάνοντας υπόψιν το <a href="/article/first_steps_in_css-introduction/">box model</a>.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_css-units/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
