1. Shlomi Fish
  2. HTML-Tutorial


Shlomi Fish  committed 10cec4e

Add more.

  • Participants
  • Parent commits 0e17522
  • Branches default

Comments (0)

Files changed (4)

File hebrew-html-tutorial/Makefile

View file
 upload: html-xsl
 	rsync -a -v --progress $(DEST_DIR) Summary.txt $${HOMEPAGE_SSH_PATH}/hebrew-html-tutorial-brk800/
+upload_remote: html-xsl
+	rsync -a -v --progress $(DEST_DIR) Summary.txt $${__HOMEPAGE_REMOTE_PATH}/hebrew-html-tutorial-brk800/
 	gvim $(DOC).xml.tt style.css Summary.txt
 			   images/bold-and-italics-sample.png \
 			   images/complete-example-1.png \
 			   images/validates-screenshot.png \
-			   images/h1-h2-example.png
+			   images/h1-h2-example.png \
+			   images/with-head-style-tag.png
 IMAGES = $(patsubst images/%,%,$(IMAGES_PROTO))

File hebrew-html-tutorial/hebrew-html-tutorial.xml.tt

View file
-        </section>
+         </section>
+         <section xml:id="head-style-element">
+             <info>
+                 <title>תגית ה-style</title>
+             </info>
+             <para>
+             ניתן גם לכלול הוראות CSS נפרדות באמצעות תגית ה-style שבאה
+             בתוך תגית ה-head, לדוגמה באופן הבא:
+             </para>
+             [% embed_xhtml_sample("with-style-tag") %]
+             <para>
+             כפי שניתן לראות מצילום המסך, הטקסט במסמך הוא ירוק:
+             </para>
+             <mediaobject>
+             <alt>דוגמה עם תגיות h1 ו-h2</alt>
+             <imageobject>
+                <imagedata fileref="images/with-head-style-tag.png" format="PNG"/>
+                </imageobject>
+             </mediaobject>
+             <para>
+             ראוי לציין שבעוד ששימוש בתגית style טוב להתנסות, רצוי שלא
+             לעשות בה שימוש בקוד הסופי. זאת מפני ששימוש בגליון סגנון נפרד
+             מאפשר יותר בקלות להחיל עיצוב אחיד לכל העמודים באתר, וכן חוסך
+             בתעבורה וגורם לטעינת הדפים הבאים באתר להיות מהירה יותר.
+             </para>
+             <para>
+             בכל מקרה, אם ברצונכם עדיין להשתמש בתגית זאת, זכרו לכלול את
+             התכונה <code xml:lang="en">type="text/css"</code>, או אחרת
+             הדף לא יעבור אימות.
+             </para>
+         </section>

File hebrew-html-tutorial/images/with-head-style-tag.png

New image

File hebrew-html-tutorial/samples/with-style-tag.xhtml

View file
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
+<title>This title was intentionally left blank.</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+    body { color: green; }
+    <h1>Excerpt from the Three Musketeers</h1>
+    <p>
+A young man--we can sketch his portrait at a dash. Imagine
+to yourself a Don Quixote of eighteen; a Don Quixote without
+his corselet, without his coat of mail, without his cuisses;
+a Don Quixote clothed in a woolen doublet, the blue color of
+which had faded into a nameless shade between lees of wine
+and a heavenly azure; face long and brown; high cheek bones,
+a sign of sagacity; the maxillary muscles enormously
+developed, an infallible sign by which a Gascon may always
+be detected, even without his cap--and our young man wore a
+cap set off with a sort of feather; the eye open and
+intelligent; the nose hooked, but finely chiseled. Too big
+for a youth, too small for a grown man, an experienced eye
+might have taken him for a farmer's son upon a journey had
+it not been for the long sword which, dangling from a
+leather baldric, hit against the calves of its owner as he
+walked, and against the rough side of his steed when he was
+on horseback.
+    </p>
+    <p>
+    Taken from <a
+        href="http://www.gutenberg.org/etext/1257">the
+    Project Gutenberg page</a>.
+    </p>