LinuxFanClub Wiki

• Να καταγράψουμε στο τετράδιο τα ονόματα 3-5 αρχείων ιστοσελίδων (από την εργασία που κάνει κάθε ομάδα)
• Δημιουργία ενός αρχείου menou.html
• Εκφώνηση της ετικέτας <a> με την παράμετρο href και το κείμενο πριν κλείσει </a>
  • Να αφήσουμε 5-6 γραμμές για να συμπληρώσουμε ύστερα την target, την mailto και τους εσωτερικούς συνδέσμους
• Δημιουργία υπερσυνδέσμου για το 1ο αρχείο (έστω arxiki.html)
• Δοκιμή του υπερσυνδέσμου
• Δημιουργία του 1ου αρχείου ιστοσελίδας (έστω arxiki.html)
  • Τίτλος όπως και στον υπερσύνδεσμο στο menou.html
  • Και στο body ο τίτλος μέσα σε h1

(Να γίνει μετά από αρκετό καιρό)

Δημιουργία πλαισίων

Δημιουργία ενός αρχείου frames.html ή index.html με τον παρακάτω κώδικα

  <html>
  <head>
  <title>Πλαίσια</title>
  </head>
  <FRAMESET Cols="20%,80%" border="0">
  <FRAME SRC="menou.html" scrolling=auto>
  <FRAME SRC="arxiki.html" name="right" noresize scrolling=auto>
  </FRAMESET>
  </html>

• Εμφανίζουμε
• Δοκιμάζουμε τον υπερσύνδεσμο που κάναμε στην προηγούμενη άσκηση. Θα ανοίξει στο ίδιο frame
• Εκφώνιση της ιδιότητας target της ετικέτας <a>

Εναλλακτικά και καλύτερα, μπορούμε να χρησιμοποιήσουμε 200px ή περισσότερα αριστερά ώστε να φαίνονται όλα τα μενού μας. Δεξιά αφήνουμε * ώστε όλος ο υπόλοιπος χώρος να διατίθενται στο δεξί πλαίσιο

  <FRAMESET Cols="200,*" border="0">
 

• Δημιοργία ενός πίνακα με στοιχεία θερμοκρασιών 2 γραμμών με τίτλο
• Προσθήκη επιπλέον γραμμών
• Προσθήκη στήλης υγρασίας, ηλιοφάνειας κλπ
• (Για την επόμενη φορά) Να αποφασίσει κάθε ομάδα να δημιουργήσει έναν πίνακα που να αφορά την εργασία που κάνει.

• http://www.meteoclub.gr/meteoclubencyclopedia/1145-2009-01-21-12-10-08

• Υλοποιήση του πίνακα στην τάξη

Μια αναλυτική παρουσίαση των δυνατοτήτων μορφοποίησης πινάκων μέσω html βρίσκεται εδώ, από όπου και το παρακάτω παράδειγμα

<TABLE BORDER=1 CELLPADDING=2 CELLSPACING=4>
	<TR BGCOLOR="#000080" align="center">
		<TD COLSPAN=3 >
			<H2>ΕΝΔΙΑΦΕΡΟΝΤΑ ΒΙΒΛΙΑ </H2>
		</TD>
	</TR>
	<TR align="left" BGCOLOR="#008000">
		<TH>
			Συγγραφέας
		</TH>
		<TH align="center">
			Τίτλος
		</TH>
		<TH align="right">
			Είδος
		</TH>
	</TR>
	<TR>
		<TD ROWSPAN=2 BGCOLOR="#996633">
			Μπελλ Χ. 			
		</TD>
		<TD align="center">
			Οι Απόψεις ενός Κλόουν
		</TD>
		<TD align="right">
			Μυθιστόρημα
		</TD>
	</TR>
	<TR>
		<TD align="center">
			Το Τρένο Έρχεται
			Πάντοτε στην Ώρα του
		</TD>
		<TD align="right">
			Μυθιστόρημα
		</TD>
	</TR>
	<TR>
		<TD ROWSPAN=2 BGCOLOR="#996633">
			Πρατολίνι Β.
		</TD>
		<TD align="center">
			Το Χρονικό των Φτωχών
			Εραστών
		</TD>
		<TD align="right">
			Μυθιστόρημα 
		</TD>
	</TR>
	<TR>
		<TD align="center">
			Οικογενειακό
			Χρονικό
		</TD>
		<TD align="right">
			Διήγημα
		</TD>
	</TR>
 
</TABLE>