LinuxFanClub Wiki

Υπηρεσίες, Προγραμματισμός, Εκπαίδευση ..

User Tools

Site Tools


el:school:lessons:html:askiseis_various

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

Εργαστηριακή Ασκηση 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 γραμμών με τίτλο
  • Προσθήκη επιπλέον γραμμών
  • Προσθήκη στήλης υγρασίας, ηλιοφάνειας κλπ
  • (Για την επόμενη φορά) Να αποφασίσει κάθε ομάδα να δημιουργήσει έναν πίνακα που να αφορά την εργασία που κάνει.

Πηγές

Πίνακες - Ασκηση 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>
el/school/lessons/html/askiseis_various.txt · Last modified: Y/m/d H:i (external edit)