el:school:lessons:html:askiseis

Διάφορες Ασκήσεις

Διάφορες Ασκήσεις

Εργαστηριακή Ασκηση 9

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

Εργαστηριακή Ασκηση 10

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

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

Δημιουργία ενός αρχείου 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">

Πίνακες - Ασκηση 11

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

Πηγές

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

Πίνακες - Ασκηση 12

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

Πίνακες - Ασκηση 13

Μια αναλυτική παρουσίαση των δυνατοτήτων μορφοποίησης πινάκων μέσω 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>

Table of Contents