Learnings of the Week(Feb.23-27)
By: Frea Diane T. Bautista
This week, we were told about our new projects to be done. Group 6-10 were assigned to make an HTML about TCNHS(Tagum City National High School), while, WE,
Group 1-5 were assigned to make a program interfacing AC Load, Push Buttons and LED. Fortunately, some of the Group 1-4 members are helping us in making our assigned project about interfacing wth LED. However, Sir Ernie is checking the progress of our project everyday.
Saturday, February 28, 2009
February 23 - 27, 2009
Learnings of The Week
By: Cielito M. Cantero
IV - Rizal
This week, all the groups from group 1 to 10 were given all the time to finish there projects.
Also this week, Sir Ernie was always checking every progress and improvement in our project.
Eventhough making our project was very hard, we were still thankful because some of the groups (group 1 - 4) were helping us to do our task well.
Through this project, I learned many things about parallel port and its use in many fields.
We all hope that we will be able to accomplish the work that will give us great score!
Good Luck To Us!!!
-------------------------------------------------------------------------------------
ui sir!
ayo na baya amu blog..
dpat iAdd nimu amo grade sa blog sa 3rd grading sa grade namu sa 4th grading...
hehe,. atik lang Sir..
gmay ra jud bya amu grade sa 3rd grading Sir,.
murag kami na grupo ang pinakalowest...
huhuhu..
T_T
By: Cielito M. Cantero
IV - Rizal
This week, all the groups from group 1 to 10 were given all the time to finish there projects.
Also this week, Sir Ernie was always checking every progress and improvement in our project.
Eventhough making our project was very hard, we were still thankful because some of the groups (group 1 - 4) were helping us to do our task well.
Through this project, I learned many things about parallel port and its use in many fields.
We all hope that we will be able to accomplish the work that will give us great score!
Good Luck To Us!!!
-------------------------------------------------------------------------------------
ui sir!
ayo na baya amu blog..
dpat iAdd nimu amo grade sa blog sa 3rd grading sa grade namu sa 4th grading...
hehe,. atik lang Sir..
gmay ra jud bya amu grade sa 3rd grading Sir,.
murag kami na grupo ang pinakalowest...
huhuhu..
T_T
Sunday, February 22, 2009
Learnings (betinol)
Actually this week we had disscussed about our projects.
From group 1-5 it will be all about programming, and the rest will be html making.
Our group is task to do a Program which is interfacing LED.
It is hard we know but we have to try inorder for us to learn.
From group 1-5 it will be all about programming, and the rest will be html making.
Our group is task to do a Program which is interfacing LED.
It is hard we know but we have to try inorder for us to learn.
Saturday, February 21, 2009
Learnings of the Week(Feb.16-20)
By: Frea Diane T. Bauista
This week, we just continued finishing our new activity about CSS. In making our CSS, we used the Frameset. But what is Frameset?
The FRAMESET element is a frame container for dividing a window into rectangular subspaces called frames. In a Frameset document, the outermost FRAMESET element takes the place of BODY and immediately follows the HEAD.
The FRAMESET element contains one or more FRAMESET or FRAME elements, along with an optional NOFRAMES element to provide alternate content for browsers that do not support frames or have frames disabled. A meaningful NOFRAMES element should always be provided and should at the very least contain links to the main frame or frames.
The ROWS and COLS attributes define the dimensions of each frame in the set. Each attribute takes a comma-separated list of lengths, specified in pixels, as a percentage, or as a relative length. A relative length is expressed as i* where i is an integer. For example, a frameset defined with ROWS="3*,*" (* is equivalent to 1*) will have its first row allotted three times the height of the second row.
The values specified for the ROWS attribute give the height of each row, from top to bottom. The COLS attribute gives the width of each column from left to right. If ROWS or COLS is omitted, the implied value for the attribute is 100%. If both attributes are specified, a grid is defined and filled left-to-right then top-to-bottom.
The FRAMESET element also accepts ONLOAD and ONUNLOAD attributes to specify client-side scripting actions to perform when the frames have all been loaded or removed.
By: Frea Diane T. Bauista
This week, we just continued finishing our new activity about CSS. In making our CSS, we used the Frameset. But what is Frameset?
The FRAMESET element is a frame container for dividing a window into rectangular subspaces called frames. In a Frameset document, the outermost FRAMESET element takes the place of BODY and immediately follows the HEAD.
The FRAMESET element contains one or more FRAMESET or FRAME elements, along with an optional NOFRAMES element to provide alternate content for browsers that do not support frames or have frames disabled. A meaningful NOFRAMES element should always be provided and should at the very least contain links to the main frame or frames.
The ROWS and COLS attributes define the dimensions of each frame in the set. Each attribute takes a comma-separated list of lengths, specified in pixels, as a percentage, or as a relative length. A relative length is expressed as i* where i is an integer. For example, a frameset defined with ROWS="3*,*" (* is equivalent to 1*) will have its first row allotted three times the height of the second row.
The values specified for the ROWS attribute give the height of each row, from top to bottom. The COLS attribute gives the width of each column from left to right. If ROWS or COLS is omitted, the implied value for the attribute is 100%. If both attributes are specified, a grid is defined and filled left-to-right then top-to-bottom.
The FRAMESET element also accepts ONLOAD and ONUNLOAD attributes to specify client-side scripting actions to perform when the frames have all been loaded or removed.
February 16 - 20, 2009
LEARNINGS OF THE WEEK
By: Cielito M. Cantero
IV - Rizal
After programming, html, css, and etc..
This week, we were task to make our project to be passed before the finals
and this project will serve as our 4th grading project!
This project is all about the Parallel Port Interface for Groups 1 to 5 and HTML again for Groups 6 to 10..
By the way, do you know what parallel port interfacing is??
For you to know, read the following below...:
Parallel Port??
Parallel port is a simple and inexpensive tool for building computer controlled devices and projects. The simplicity and ease of programming makes parallel port popular in electronics hobbyist world. The parallel port is often used in Computer controlled robots, Atmel/PIC programmers, home automation, ...etc... Here a simple tutorial on parallel port interfacing and programming with some examples.
Everybody knows what is parallel port, where it can be found, and for what it is being used. the primary use of parallel port is to connect printers to computer and is specifically designed for this purpose. Thus it is often called as printer Port or Centronics port (this name came from a popular printer manufacturing company 'Centronics' who devised some standards for parallel port). You can see the parallel port connector in the rear panel of your PC. It is a 25 pin female (DB25) connector (to which printer is connected). On almost all the PCs only one parallel port is present, but you can add more by buying and inserting ISA/PCI parallel port cards.
Parallel port modes
The IEEE 1284 Standard which has been published in 1994 defines five modes of data transfer for parallel port. They are,
1) Compatibility Mode
2) Nibble Mode
3) Byte Mode
4) EPP
5) ECP
The programs, circuits and other information found in this tutorial are compatible to almost all types of parallel ports and can be used without any problems
Hardware: Parallel Port
The lines in DB25 connector are divided in to three groups, they are
1) Data lines (data bus)
2) Control lines
3) Status lines
As the name refers , data is transferred over data lines , Control lines are used to control the peripheral and of course , the peripheral returns status signals back computer through Status lines. These lines are connected to Data, Control And Status registers internally .
Parallel port registers
As you know, the Data, Control and status lines are connected to there corresponding registers inside the computer. So by manipulating these registers in program , one can easily read or write to parallel port with programming languages like 'C' and BASIC.
The registers found in standard parallel port are:
1) data register
2) Status register
3) Control register
As there names specifies, Data register is connected to Data lines, Control register is connected to control lines and Status register is connected to Status lines. (Here the word connection does not mean that there is some physical connection between data/control/status lines. The registers are virtually connected to the corresponding lines.). So what ever you write to these registers , will appear in corresponding lines as voltages, Of course, you can measure it with a multimeter. And What ever you give to Parallel port as voltages can be read from these registers(with some restrictions). For example , if we write '1' to Data register , the line Data0 will be driven to +5v. Just like this ,we can programmatically turn on and off any of the data lines and Control lines.
Where these registers are ?
In an IBM PC, these registers are IO mapped and will have unique address. We have to find these addresses to work with parallel port. For a typical PC , the base address of LPT1 is 0x378 and of LPT2 is 0x278. The data register resides at this base address , status register at baseaddress + 1 and the control register is at baseaddress + 2. So once we have the base address , we can calculate the address of each registers in this manner. The table below shows the register addresses of LPT1 and LPT2.
Programming Concepts
Almost all programming languages allow programmers to access parallel port using some library functions. For example , Borland C is providing "Inportb" and "Outportb" functions to read or write IO mapped peripherals. But the examples provided here in this tutorial is written VC++ and can be easily ported to other compilers like Borland C and Turbo C. Visual Basic does not have any functions or support to access parallel port directly, but it is possible to add such capabilities to your VB application by writing a dll in VC++ and calling its exported functions from VB. VC++ provides two functions to access IO mapped peripherals, '_inp' for reading and '_outp' for writing. These functions are declared in "conio.h".
How to Test The Program ?
Connect The assembled hardware shown above to your PC's parallel port. Open DOS command window Move to "C:\" and type "partest1 write 888 255" and press enter. If everything is correct , LED1 to LED8 in the hardware will glow. You may be doubtful about the command line parameters passed to the program. Here 888(0x378) is the address of the parallel port data register and 255 is the data to be written to parallel port data register. if you enter "partest1 read 888" to command line , the program will read parallel port data register and display it. This will blindly read the contents of parallel port data register , but not the data present on data lines. To read the data from the data lines , we will have to enable the bidirectional data transfer first. To enable Bidirectional data transfer just set the "Bidirectional" bit (bit 5) in control register. This is done by writing 32 to control register. The command "partest1 write 890 32" will do this. After entering this command you can read the status of switches in the hardware using the command "partest1 read 888"
NOTE: This sample program will not work on Windows NT/2000 or XP if you run the program on these machines , it will show an error. use new Inpout32.dll on NT/2000/XP machines
Me??
I belong to Group 5 and task to make a parallel port interface with LED or Light Emitting Diodes..
This project seems to be very hard for us especially because all of my groupmates
are girls and no one know how to do it well...
Even though Sir Ernie taught us already using some presentations, it's still
hard for us to do it right..
But we are still doing our best and hoping to have a good outcome...
That's All.
And good luck to us.
-------------------------------------------------------------------------------------
miskan baratuhon lang mga materials nOh, lisod man pud au..
huhuhu..
electric na man gud ni xa..
hehe,.
:]
By: Cielito M. Cantero
IV - Rizal
After programming, html, css, and etc..
This week, we were task to make our project to be passed before the finals
and this project will serve as our 4th grading project!
This project is all about the Parallel Port Interface for Groups 1 to 5 and HTML again for Groups 6 to 10..
By the way, do you know what parallel port interfacing is??
For you to know, read the following below...:
Parallel Port??
Parallel port is a simple and inexpensive tool for building computer controlled devices and projects. The simplicity and ease of programming makes parallel port popular in electronics hobbyist world. The parallel port is often used in Computer controlled robots, Atmel/PIC programmers, home automation, ...etc... Here a simple tutorial on parallel port interfacing and programming with some examples.
Everybody knows what is parallel port, where it can be found, and for what it is being used. the primary use of parallel port is to connect printers to computer and is specifically designed for this purpose. Thus it is often called as printer Port or Centronics port (this name came from a popular printer manufacturing company 'Centronics' who devised some standards for parallel port). You can see the parallel port connector in the rear panel of your PC. It is a 25 pin female (DB25) connector (to which printer is connected). On almost all the PCs only one parallel port is present, but you can add more by buying and inserting ISA/PCI parallel port cards.
Parallel port modes
The IEEE 1284 Standard which has been published in 1994 defines five modes of data transfer for parallel port. They are,
1) Compatibility Mode
2) Nibble Mode
3) Byte Mode
4) EPP
5) ECP
The programs, circuits and other information found in this tutorial are compatible to almost all types of parallel ports and can be used without any problems
Hardware: Parallel Port
The lines in DB25 connector are divided in to three groups, they are
1) Data lines (data bus)
2) Control lines
3) Status lines
As the name refers , data is transferred over data lines , Control lines are used to control the peripheral and of course , the peripheral returns status signals back computer through Status lines. These lines are connected to Data, Control And Status registers internally .
Parallel port registers
As you know, the Data, Control and status lines are connected to there corresponding registers inside the computer. So by manipulating these registers in program , one can easily read or write to parallel port with programming languages like 'C' and BASIC.
The registers found in standard parallel port are:
1) data register
2) Status register
3) Control register
As there names specifies, Data register is connected to Data lines, Control register is connected to control lines and Status register is connected to Status lines. (Here the word connection does not mean that there is some physical connection between data/control/status lines. The registers are virtually connected to the corresponding lines.). So what ever you write to these registers , will appear in corresponding lines as voltages, Of course, you can measure it with a multimeter. And What ever you give to Parallel port as voltages can be read from these registers(with some restrictions). For example , if we write '1' to Data register , the line Data0 will be driven to +5v. Just like this ,we can programmatically turn on and off any of the data lines and Control lines.
Where these registers are ?
In an IBM PC, these registers are IO mapped and will have unique address. We have to find these addresses to work with parallel port. For a typical PC , the base address of LPT1 is 0x378 and of LPT2 is 0x278. The data register resides at this base address , status register at baseaddress + 1 and the control register is at baseaddress + 2. So once we have the base address , we can calculate the address of each registers in this manner. The table below shows the register addresses of LPT1 and LPT2.
Programming Concepts
Almost all programming languages allow programmers to access parallel port using some library functions. For example , Borland C is providing "Inportb" and "Outportb" functions to read or write IO mapped peripherals. But the examples provided here in this tutorial is written VC++ and can be easily ported to other compilers like Borland C and Turbo C. Visual Basic does not have any functions or support to access parallel port directly, but it is possible to add such capabilities to your VB application by writing a dll in VC++ and calling its exported functions from VB. VC++ provides two functions to access IO mapped peripherals, '_inp' for reading and '_outp' for writing. These functions are declared in "conio.h".
How to Test The Program ?
Connect The assembled hardware shown above to your PC's parallel port. Open DOS command window Move to "C:\" and type "partest1 write 888 255" and press enter. If everything is correct , LED1 to LED8 in the hardware will glow. You may be doubtful about the command line parameters passed to the program. Here 888(0x378) is the address of the parallel port data register and 255 is the data to be written to parallel port data register. if you enter "partest1 read 888" to command line , the program will read parallel port data register and display it. This will blindly read the contents of parallel port data register , but not the data present on data lines. To read the data from the data lines , we will have to enable the bidirectional data transfer first. To enable Bidirectional data transfer just set the "Bidirectional" bit (bit 5) in control register. This is done by writing 32 to control register. The command "partest1 write 890 32" will do this. After entering this command you can read the status of switches in the hardware using the command "partest1 read 888"
NOTE: This sample program will not work on Windows NT/2000 or XP if you run the program on these machines , it will show an error. use new Inpout32.dll on NT/2000/XP machines
Me??
I belong to Group 5 and task to make a parallel port interface with LED or Light Emitting Diodes..
This project seems to be very hard for us especially because all of my groupmates
are girls and no one know how to do it well...
Even though Sir Ernie taught us already using some presentations, it's still
hard for us to do it right..
But we are still doing our best and hoping to have a good outcome...
That's All.
And good luck to us.
-------------------------------------------------------------------------------------
miskan baratuhon lang mga materials nOh, lisod man pud au..
huhuhu..
electric na man gud ni xa..
hehe,.
:]
Sunday, February 15, 2009
February 9 - 13, 2009
lEARNINGS OF THE WEEK
By: Cielito M. Cantero
IV - Rizal
This week, we are on HTML again...
But this second time around, we will do it with CSS or what we call as Cascading Style Sheet and Frames.
By the way, what do we mean by this things?? ahmm.. Well,
CSS or Cascading Style Sheet and Frames
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.
Making HTML with CSS is also fun but so confusing...
You know, CSS is different from HTML..
That's why I'm confused..
That's All.
The week is over now.
-------------------------------------------------------------------------------------
suko na pud blik aq papa kay gabie au ko uwi..
kinsa man gud dli magab-ihan na alangan ugma na dayon ipasa ang HTML with CSS??
ata au..
saba man mi bah..
huhuhu..
hapit na gud 2 hating-gabi ng nakauwi me tanan..
may gneh daghan me..
pero dako au aq byad sa time ouie..
sagdi lang.. that's part of schooling.
hehe,.
hay!! humana na jud..
By: Cielito M. Cantero
IV - Rizal
This week, we are on HTML again...
But this second time around, we will do it with CSS or what we call as Cascading Style Sheet and Frames.
By the way, what do we mean by this things?? ahmm.. Well,
CSS or Cascading Style Sheet and Frames
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.
Making HTML with CSS is also fun but so confusing...
You know, CSS is different from HTML..
That's why I'm confused..
That's All.
The week is over now.
-------------------------------------------------------------------------------------
suko na pud blik aq papa kay gabie au ko uwi..
kinsa man gud dli magab-ihan na alangan ugma na dayon ipasa ang HTML with CSS??
ata au..
saba man mi bah..
huhuhu..
hapit na gud 2 hating-gabi ng nakauwi me tanan..
may gneh daghan me..
pero dako au aq byad sa time ouie..
sagdi lang.. that's part of schooling.
hehe,.
hay!! humana na jud..
learnings of the week (lorebeth)
We had our new topic about cascading style sheets.
Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Tutorials, books, mailing lists for users, etc. can be found on the “learning CSS” page. For background information on style sheets, see the Web style sheets page. Discussions about CSS are carried out on the (archived) www-style@w3.org mailing list (and sometimes on the CSS blog) and on comp.infosystems.www.authoring.stylesheets.
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.
Use of CSS
Prior to CSS, nearly all of the presentational attributes of HTML documents were contained within the HTML markup; all font colors, background styles, element alignments, borders and sizes had to be explicitly described, often repeatedly, within the HTML. CSS allows authors to move much of that information to a separate stylesheet resulting in considerably simpler HTML markup.
Headings (h1 elements), sub-headings (h2), sub-sub-headings (h3), etc., are defined structurally using HTML. In print and on the screen, choice of font, size, color and emphasis for these elements is presentational.
Prior to CSS, document authors who wanted to assign such typographic characteristics to, say, all h2 headings had to use the HTML font and other presentational elements for each occurrence of that heading type. The additional presentational markup in the HTML made documents more complex, and generally more difficult to maintain. In CSS, presentation is separated from structure. In print, CSS can define color, font, text alignment, size, borders, spacing, layout and many other typographic characteristics. It can do so independently for on-screen and printed views. CSS also defines non-visual styles such as the speed and emphasis with which text is read out by aural text readers. The W3C now considers the advantages of CSS for defining all aspects of the presentation of HTML pages to be superior to other methods. It has therefore deprecated the use of all the original presentational HTML markup.
Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Tutorials, books, mailing lists for users, etc. can be found on the “learning CSS” page. For background information on style sheets, see the Web style sheets page. Discussions about CSS are carried out on the (archived) www-style@w3.org mailing list (and sometimes on the CSS blog) and on comp.infosystems.www.authoring.stylesheets.
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.
Use of CSS
Prior to CSS, nearly all of the presentational attributes of HTML documents were contained within the HTML markup; all font colors, background styles, element alignments, borders and sizes had to be explicitly described, often repeatedly, within the HTML. CSS allows authors to move much of that information to a separate stylesheet resulting in considerably simpler HTML markup.
Headings (h1 elements), sub-headings (h2), sub-sub-headings (h3), etc., are defined structurally using HTML. In print and on the screen, choice of font, size, color and emphasis for these elements is presentational.
Prior to CSS, document authors who wanted to assign such typographic characteristics to, say, all h2 headings had to use the HTML font and other presentational elements for each occurrence of that heading type. The additional presentational markup in the HTML made documents more complex, and generally more difficult to maintain. In CSS, presentation is separated from structure. In print, CSS can define color, font, text alignment, size, borders, spacing, layout and many other typographic characteristics. It can do so independently for on-screen and printed views. CSS also defines non-visual styles such as the speed and emphasis with which text is read out by aural text readers. The W3C now considers the advantages of CSS for defining all aspects of the presentation of HTML pages to be superior to other methods. It has therefore deprecated the use of all the original presentational HTML markup.
Friday, February 13, 2009
LEARNINGS OF THE WEEK(Feb.9-13)
By: Frea Diane T. Bautista
This week, we had a new lesson. And Sir Ernie taught us a new lesson about CSS.
But what does CSS really mean?
* CSS stands for Cascading Style Sheets
* Styles define how to display HTML elements
* Styles are normally stored in Style Sheets
* Styles were added to HTML 4.0 to solve a problem
* External Style Sheets can save you a lot of work
* External Style Sheets are stored in CSS files
* Multiple style definitions will cascade into one
Style Sheets Can Save a Lot of Work
Styles sheets define HOW HTML elements are to be displayed, just like the font tag and the color attribute in HTML 3.2. Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in your Web, just by editing one single CSS document!
CSS is a breakthrough in Web design because it allows developers to control the style and layout of multiple Web pages all at once. As a Web developer you can define a style for each HTML element and apply it to as many Web pages as you want. To make a global change, simply change the style, and all elements in the Web are updated automatically.
ultiple Styles Will Cascade Into One
Style sheets allow style information to be specified in many ways. Styles can be specified inside a single HTML element, inside the head element of an HTML page, or in an external CSS file. Even multiple external style sheets can be referenced inside a single HTML document.
Cascading Order
What style will be used when there is more than one style specified for an HTML element?
Generally speaking we can say that all the styles will "cascade" into a new "virtual" style sheet by the following rules, where number four has the highest priority:
1. Browser default
2. External style sheet
3. Internal style sheet (inside the head tag)
4. Inline style (inside an HTML element)
Anyway, HAPPY 42nd FOUNDATION DAY to all of you!
By: Frea Diane T. Bautista
This week, we had a new lesson. And Sir Ernie taught us a new lesson about CSS.
But what does CSS really mean?
* CSS stands for Cascading Style Sheets
* Styles define how to display HTML elements
* Styles are normally stored in Style Sheets
* Styles were added to HTML 4.0 to solve a problem
* External Style Sheets can save you a lot of work
* External Style Sheets are stored in CSS files
* Multiple style definitions will cascade into one
Style Sheets Can Save a Lot of Work
Styles sheets define HOW HTML elements are to be displayed, just like the font tag and the color attribute in HTML 3.2. Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in your Web, just by editing one single CSS document!
CSS is a breakthrough in Web design because it allows developers to control the style and layout of multiple Web pages all at once. As a Web developer you can define a style for each HTML element and apply it to as many Web pages as you want. To make a global change, simply change the style, and all elements in the Web are updated automatically.
ultiple Styles Will Cascade Into One
Style sheets allow style information to be specified in many ways. Styles can be specified inside a single HTML element, inside the head element of an HTML page, or in an external CSS file. Even multiple external style sheets can be referenced inside a single HTML document.
Cascading Order
What style will be used when there is more than one style specified for an HTML element?
Generally speaking we can say that all the styles will "cascade" into a new "virtual" style sheet by the following rules, where number four has the highest priority:
1. Browser default
2. External style sheet
3. Internal style sheet (inside the head tag)
4. Inline style (inside an HTML element)
Anyway, HAPPY 42nd FOUNDATION DAY to all of you!
Saturday, February 7, 2009
learnings of the week (betinol)
Actually we had our html making.
HTML, an initialism of HyperText Markup Language, is the predominant markup language for Web pages. It provides a means to describe the structure of text-based information in a document — by denoting certain text as links, headings, paragraphs, lists, and so on — and to supplement that text with interactive forms, embedded images, and other objects. HTML is written in the form of tags, surrounded by angle brackets. HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code (such as JavaScript) which can affect the behavior of Web browsers and other HTML processors.
Contents
We had to do this for one week.Though I'm not successful in doing this because, still I did my best.
HTML, an initialism of HyperText Markup Language, is the predominant markup language for Web pages. It provides a means to describe the structure of text-based information in a document — by denoting certain text as links, headings, paragraphs, lists, and so on — and to supplement that text with interactive forms, embedded images, and other objects. HTML is written in the form of tags, surrounded by angle brackets. HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code (such as JavaScript) which can affect the behavior of Web browsers and other HTML processors.
Contents
We had to do this for one week.Though I'm not successful in doing this because, still I did my best.
February 2 -6, 2009
LEARNINGS OF THE WEEK
By: Cielito M. Cantero
IV - Rizal
I'm very tired this week making our final HTML...
I added many applications in my work that I've learn from some sites.
For me, I think I've done my HTML well.
I've given my whole time, effort and money on it.
And also this week, we also have some sort of reviews about html...
In making html, first you have to make it in a notepad, like below:
‹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.
♦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.. =>
-------------------------------------------------------------------------------------
humana jud ang html..
hay!! kakapoy..
ma-alas onsehan sa internetan..
hadlok au..
at last..natapos din..
:-)
By: Cielito M. Cantero
IV - Rizal
I'm very tired this week making our final HTML...
I added many applications in my work that I've learn from some sites.
For me, I think I've done my HTML well.
I've given my whole time, effort and money on it.
And also this week, we also have some sort of reviews about html...
In making html, first you have to make it in a notepad, like below:
‹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.
♦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.. =>
-------------------------------------------------------------------------------------
humana jud ang html..
hay!! kakapoy..
ma-alas onsehan sa internetan..
hadlok au..
at last..natapos din..
:-)
Sunday, February 1, 2009
learnings of the week (lorebeth betinol)
Well, we had our new webpage already and everyone is really making their best to make thier work really special.
Each day our webpage is improving. Everytime we need help our mates are just there to help us.
We started it with heading and............................. everything comes next. All we have to do is to make it beautiful. We put some navigating buttons, pictures and background.
It is similar with making a program in the computer.
Each day our webpage is improving. Everytime we need help our mates are just there to help us.
We started it with heading and............................. everything comes next. All we have to do is to make it beautiful. We put some navigating buttons, pictures and background.
It is similar with making a program in the computer.
Januray 26 - 30, 2009
LEARNINGS OF THE WEEK
By: Cielito M. Cantero
IV - Rizal
Sir Ernie was not around this week.. =[
I think he had to go to a seminar or something chuva...
Last week, before the week end, he told us to make a html.
And also he give some Introduction about HTML and taught us some basic examples...
This week, we were so busy in making our very own HTML.
And also Sir told us to upload some HTML everyday to see some improvements.
Although making HTML was something fun,
making things like HTML requires more time, effort and especially money for those
students like me who don't have personal computers
at home...
HTML is amazing!!
That's all..
-------------------------------------------------------------------------------------
suko na ako mama & papa Sir kay cge ra daw me net...
gasto daw au ko.
cge ra ko balik net pra ma-improve ako HTML..
4 hours a day gud ko Sir..
grabeh nOh?? mahal au..
huhuhu... T_T
By: Cielito M. Cantero
IV - Rizal
Sir Ernie was not around this week.. =[
I think he had to go to a seminar or something chuva...
Last week, before the week end, he told us to make a html.
And also he give some Introduction about HTML and taught us some basic examples...
This week, we were so busy in making our very own HTML.
And also Sir told us to upload some HTML everyday to see some improvements.
Although making HTML was something fun,
making things like HTML requires more time, effort and especially money for those
students like me who don't have personal computers
at home...
HTML is amazing!!
That's all..
-------------------------------------------------------------------------------------
suko na ako mama & papa Sir kay cge ra daw me net...
gasto daw au ko.
cge ra ko balik net pra ma-improve ako HTML..
4 hours a day gud ko Sir..
grabeh nOh?? mahal au..
huhuhu... T_T
Subscribe to:
Posts (Atom)
