Learnings of the Week (ROLLORATA)

SCHOOL WEBSITE !

Projects for the final grading were already given to us by Sir Ernie. Groups 1 - 5's task involve PROGRAMMING while 6 - 10's are all about creating an html document.

We are the tenth group so we will be creating an html document about OUR SCHOOL. This consists of frames and CSS. Numerous links are needed such as the faculty line-up, alumni, school activities, curriculums and etc.

I find our task challenging and really time-consuming. Teamwork and patience are essential to fulfill this project. I hope we can make it on time and we can have a great rating. :))

Learnings of the Week (ROLLORATA)

FRAMES and CASCADING STYLE SHEET

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.

CSS can be used locally by the readers of web pages to define colors, fonts, layout, and other aspects of document presentation. It is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design). CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.

Frames allow for multiple ".html" documents to be displayed inside of one browser window at a time. This means that one page has no content on it, but rather tells the browser which web pages you would like to open. With the addition of CSS and PHP, frames have become outdated, but if you wish to use them, read on.

Frames are most typically used to have a menu in one frame, and content in another frame. When someone clicks a link on the menu that web page is then opened on the content page. Here is a classic example of a basic "index" frameset with a menu on the left and content on the right.

ul>

frameset - The parent tag that defines the characteristics of this frames page. Individual frames are defined inside it.

frameset cols="#%, *"- Cols(columns) defines the width that each frame will have. In the above example we chose the menu (the 1st column) to be 30% of the total page and used a "*", which means the content (the 2nd column) will use the remaining width for itself.

frame src="" -The location of the web page to load into the frame.

A good rule of thumb is to call the page which contains this frame information "index.html" because that is typically a site's main page.

CSS and Frames

LEARNINGS OF THE WEEK
BY: Sharra Mae S. Tagaro IV- Rizal

This week, we were tasked to make a web page again. But this time with CSS or Cascading Style Sheet and Frames.
What are these anyway? Well..

CSS
There are two kinds of Style sheets the external and internal style sheet.
♣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 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› ‹link› tag.

Frames

In HTML, frames enable you present multiple HTML documents within the same window. For example, you can have a left frame for navigation and a right frame for the main content.

Frames are achieved by creating a frameset page, and defining each frame from within that page. This frameset page doesn't actually contain any content - just a reference to each frame. The HTML frame tag is used to specify each frame within the frameset. All frame tags are nested with a frameset tag.

That's All!☺

Learnings of the Week (ROLLORATA)

ANOTHER HTML!

Now, we are again be making a new html document using frames and cascading style sheet. We are supposed to submit it on Friday, Feb 13, but because of hhm, our nasty actions that got into Sir Ernie's nerves (hehe.), he declared a new deadline which is the day after today. haha.

urgh. frames. hmm. CSS.

but I and Rg has some appointment (math quiz bee) to attend to, Sir told us to submit our html on Monday, Feb 16. Yey! :]

Review..

LEARNINGS OF THE WEEK
BY: Sharra Mae S. Tagaro IV- Rizal

This week, we were tasked to upload our final web page. I am so tired making it and I am

proud that I made it myself. And I think, I had done well.

We also reviewed about HTML this week.

The first step in making a webpage is by using a notepad and type the following:

‹html›

‹head›

‹title›Title of the page‹/title›

‹/head›

‹body›

This is my first homepage. ‹b›This text is bold ‹/b›

‹/body›

‹/html›

♦When you save an HTML file, you can use either the .htm or the .html extension. We have used .htm in our examples. It might be a bad habit inherited from the past when some of the commonly used software only allowed three letters extensions.
♦You can easily edit files using a WYSIWYG (what you see is what you get) editor like Frontpage, Claris Home Page or Adobe PageMill instead of writing your markup tags in a plain text file.

n♦But if you want to be skillful Web developer, we strongly recommend that you use a plain text editor to learn your primer HTML.
♦HTML documents are text files made up of HTML elements.
♦HTML elements are defined using HTML tags.
♦HTML tags are used to mark-up HTML elements
♦HTML tags are surrounded by the two characters <>

♦The surroundings characters are called angle brackets

♦HTML tags normally come in pairs like ‹b›and‹/b›
♦The first tag in a pair is the start tag, the second tag is the end tag
♦The text between the start and end tags is the element content.

♦HTML tags are not case sensitive, ‹b› means the same as ‹B›

That's all!

Learnings of the Week (Rollorata)

H T M L !

After a week long creation of our very first webpage, we already uploaded the final one and let Sir Ernie check them.

This morning, we tackled about all the basics of webpage design especially the most common HTML tags.

What is an HTML File?

HTML stands for Hyper Text Markup Language

An HTML file is a text file containing small markup tags

The markup tags tell the Web browser how to display the page.

An HTML file must have an htm or html file extension

An HTML file can be created using a simple text editor.

file Upload!

LEARNINGS OF THE WEEK
BY: Sharra Mae S. Tagaro IV- Rizal

We are very exhausted making our very first web page. But I find it very interesting because I like making such. This week we were tasked to improve our own web page and upload it in the server. As usual I still learned a lot this week because I searched in the web about making HTML.☻