HTML-Navarra

we don`t have a new topic....,

it is still the Html...,


we have our group project...,


we need to make a website for our school using html or css....

the deadline of this project is before or on the finals...

good luck to all of us....

PROJECT is a BLAST!! (SISON)

OUR next TASK:

GROUP 1-5 was assigned to have PC PArallel Port or making a program in using different device such as BUZZER, LED (LigHt EmmiTing DioDes), Push ButtoNS and Etc... WATever..

Their task is difficult as well as GROUPs 6-10:

THey were assigned to have HTML's or making WEBPAGES that Contains inFormations about OUR SCHOOL!! :))

yeS, it is faRther quite Simple oF what the other group's TASK! but it is reALLY, VERRryy LENGthY... when encODIng DATA and inFo's About OUr SchOOl!!

we can do it GUYZ!!

GOODLUCK to DELPi! BReaK a LEG!!

CSS (SISON)

CSS! (CASCADING sTYlE sHEEt!) tHis contains all the format for your HTML.

External Style Sheet
An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the link tag. The link goes inside the head section.

☼Internal Style Sheet☼
An internal style sheet should be used when a single document has a unique style. You define internal styles in the head section with the style tag.

☼Features of External Style Sheet☼

By using the Link Tag to load a basic external style sheet (CSS), it's possible to control the look n feel of multiply WebPages by making changes to one style sheet.
This means that it is easy to change font, bgcolor, background.

⌂Types of external CSS☼
There are three types of external style sheets
♥Persistent
♥Preferred
♥Alternate
The most common external style sheet is the persistent link.
To use special definitions, such as the .note shown at the end of the example, just use the Span tag to set the format around a section. For example, the .note defined in the example can be used for all footnotes on ALL pages by using this code.

HTML(FRAMESET) **SISON**

We learn that with Frames, we can display more than one Web page in the same browser window.


Each HTML document is called a frame, and each frame is independent of the others.
The disadvantages of using frames are the Web developer must keep track HTML documents and it is difficult to print the entire page.

p The frameset tag defines how to divide the window into frames
p Each frameset defines a set of rows or columns
p The values of the rows/columns indicate the amount of screen area each row/column will occupy



TAG
DESCRIPTION
(frameset)_Defines a set of frames
(frame)_Defines a sub window (a frame)
(noframes)_Defines a noframe section for browsers that do not handle frames.
(iframe)_Defines an inline sub window (frame)

v Frameborder=No or Yes defines whether to make the frameborder dividing the windows become visible or not.

v border-=“n” – when the value for frameborder is YES, you can set the thickness of the border in pixels by entering a number to the value.

v Framespacing=“n” defines the spacing between the 2 framesets in the window. The expected value here is a number.

v Bordercolor=“rrggbb” applies color to the border when it is turned on. Replace “rrggbb” with hexadecimal color value.

v Name=“anyname” assigns a name to the frame on the left (if vertical) or top frame (if horizontal) in the frameset definition.

v Noresise tells the browser to lock the border.

v Scrolling=“YES or NO” controls whether the scrollbar is turned on or not. The default is NO. When turned on, and if the page of the document is long, the scrollbar will become visible.

v Scr=“file.html” – the document you’re calling to load in the window. SRC is short for source file.

HYPERTEXT MARKUP LANGUAGE (Sison)

"""HTML is one of those interesting LeSSOn we ever had. It'S muCh pReferably than PROGRAMMING!! and QUITE EnjoyAbLe when u DO the TAsk!"""


THe Hard Part Of HTML is when u will/ u sHoULd memorize or have The Codes with its corresponding aBbreviated words!! Or else You cAnt unDersTand what u are really DOIN!!

HTML or Hyper Text Markup Language is a text file containing small markup tags .The markup tags tell the Web browser how to display the page. HTML file can be created using a simple text editor.

♣We can easily edit files using a WYSIWYG (what you see is what you get) editor like:
⌂Frontpage
⌂Claris Home Page
⌂Adobe PageMill
instead of writing your markup tags in a plain text file. But if we want to be skillful Web developer, we should use a plain text editor to learn your primer HTML.

♣HTML documents are text files made up of HTML elements and HTML elements are defined using HTML tags.

♣HTML tags are used to mark-up HTML elements and surrounded by the two characters <> called angle brackets . The text between the start and end tags is the element content.

♣The World Wide Web Consortium(W3C) recommends lowercase tags in their HTML 4 recommendation, and XHTML (the next generation HTML) demands lowercase tags.

♣Tag attributes can provide additional information about the HTML elements in your page.
nThis tag defines the body of your HTML page:.With an added bgcolor attribute, you can tell the browser that the background color of your page should be red.

external style sheet (CSS) -Joannacel Paraiso

STYLES

External Style Sheet

• An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the "link" tag. The "link" goes inside the head section.

Internal Style Sheet

• An internal style sheet should be used when a single document has a unique style. You define internal styles in the head section with the "style" tag.

Features of External Style Sheet

>By using the Link Tag to load a basic external style sheet (CSS), it's possible to control the look n feel of multiply WebPages by making changes to One style sheet. (Alternate: Advanced CSS Generator)
This means that it is easy to change font, bgcolor, background, etc on ALL pages - just by changing one external style sheet (CSS).

Types of external CSS

• The three types of external style sheets (persistent, preferred, or alternate) are explained in Detail at The World Wide Web Consortium (W3C) (section 14.3). The most common external style sheet is the persistent link. The 'link' is always added to the Head Section .

Special Elements

• To use special definitions, such as the .note shown at the end of the example, just use the Span tag to set the format around a section.

Summary:

• An external style sheet (CSS) is perfect - when the same style / format / look n feel is required on numerous pages. With an external style sheet, the webmaster can change the look of the entire site - by changing one file.

HTML FRAMES - Joannacel Paraiso

HTML FRAMES

• With Frames, you can display more than one Web page in the same browser window.

FRAMES

• Each HTML document is called a frame, and each frame is independent of the others.
• The disadvantages of using frames are:
  *The Web developer must keep track HTML documents
  *It is difficult to print the entire page.

THE FRAMESET TAG

• The "frameset" tag defines how to divide the window into frames
• Each frameset defines a set of rows or columns
• The values of the rows/columns indicate the amount of screen area each row/column will occupy
• The "frame" tag defines what HTML document to put into each frame.
• In the example below we have a frameset with two columns. The first column is set to 25% of the width of the browser window.
• The second column is set to 75% of the width of the browser window.
• The HTML document document “frame_a.htm” is put into the first column, and the HTML document “frame_b.htm” is put into the second column.

BASIC NOTES-USEFUL TIPS

• If a frame has visible borders, the user can resize it by dragging the border. To prevent a user from doing this, you can add noresize-“noresize” to the frame tag.
• Add the "no frames" tag for browser that do not support frames.
• You cannot use the "body""/body" tags together with the "frameset""/frameset" tags.
• However, if you will add "noframes" tag for browser that do not support frames, you will enclose the text in body /body tags.

Frameset Attributes Explained

• Cols-“150,150” – it tells the browser to create columns (vertical setup) of 2. The left column’s width is 150 pixels, while the other is 850 pixels.
• Frameborder-No or Yes – defines whether to make the frameborder dividing the windows become visible or not.
• border-“n” – when the value for frameborder is YES, you can set the thickness of the border in pixels by entering a number to the value.
• Framespacing-“n” – defines the spacing between the 2 framesets in the window. The expected value here is a number.
• Bordercolor-“rrggbb” – applies color to the border when it is turned on. Replace “rrggbb” with hexadecimal color value.
• Name-“anyname” – assigns a name to the frame on the left (if vertical) or top frame (if horizontal) in the frameset definition.
• Noresise – tells the browser to lock the border.
• Scrolling-“YES or NO” – controls whether the scrollbar is turned on or not. The default is NO. When turned on, and if the page of the document is long, the scrollbar will become visible.
• Scr-“file.html” – the document you’re calling to load in the window. SRC is short for source file.