Week8-Count on Me ( July 21-25)

Finally, I'm done encoding!We have an activity this week which is hard for me because I really don't know what to do. Why computer subject is hard?. By the way these are the pictures that we must do:

1

    

 

2

                     

3

                   

         It's really hard to do all that activities  because like what I said I dont know what to do. But I believe that nothing is Impossible. I can do this! Oops I have a good news, sir Peralta leave us because he has an important meeting. And there's more, we dont have Araling Panlipunan which is our next subject. Because of all that good news. I grab the opportunity to finish the three activities. I finished all that activities by the help of CSS Java Script and by the help of my classmates. And I also grab the opportunity to finish all of my requirements and to do my blog.

    ID Selector

1.           In an HTML document, CSS ID selectors match an element based on the contents of that element's ID attribute, which must match exactly the value given in the selector.
2. Link: https://developer.mozilla.org/en-US/docs/Web/CSS/ID_selectors
3. Class Selector
4.         CSS selectors allow you to select and manipulate HTML element(s).

   CSS selectors are used to "find" (or select) HTML elements based on their id, classes, types, attributes, values of attributes and much more.
5. 
   
6. Link: http://www.w3schools.com/css/css_selectors.asp
7. Syrell Calabag, signing off..

Week7-Done (July 14-18)

These are the topics that we discussed in this week:

Contextual Selector

Contextual selectors have an inheritance basis. When you create a contextual selector, the last element in the selector list is the one that is affected by the style when it is used in the context of the elements preceding it.

table td em { color : blue ; }

... then the em element, the last in the list, will be affected by the style only when it is inside a table cell, td, at which point the table cell will contain two italic text.

The <div> tag

One of the most important containers is the <div> tag. It serves as a computer where you can put other elements, give them colors, borders, margins, etc. It allows you to create a paragraph style independent of the <p> tag. Within the block, the <span> tags can be used to introduce other styles.

Relative Positioning

Relative positioning places the element in a position relative to the element where it is defined in the document. An example is the .Parastyle class which could be positioned relatively to where it should be placed within its container, a div block.

The ID Selector

The ID selector is another way of creating a style that is independent of a specific HTML tag. By using the ID selector, you can choose the style for the element by assigning it a unique ID. The name of the ID selector is usually preceded by a hash mark (#). The declaration block consisting of properties and values, follows the ID selector and is enclosed in curly braces.

The z-index and Three Dimensions

The last type of position sets the precedence of a stack of overlapping elements. The absolute position properties include three coordinates: x, y, and z, where x is the left side of an element, y is the right side, and z is the value of the stacking position. If you have three containers layered on top of each other, the z position of the bottom layer is 0; the next layer, 1; and the top layer in the stack is layer 2. In the next section, the JavaScript will allow us to move these objects around, rearranging the stacking order dynamically, by manipulating the z-position.

Absolute Positioning

Absolute positioning places an element in a specific location on the page and can be used to full animation. It is used to specify the absolute coordinates (x, y) of an element in terms of the browser window itself.

Sorry, they're not in their position. I mean disarranged.

Syrell Calabag, signing off..

Week6-Quiz (July 7-11)

 

         We have a quiz today. During our lunch time I am reviewing and asking my classmates if what will I do. When it's our time to enter the room I felt nervous, I don't want to get zero but atlast I got zero. My heart felt bad in my score but I'am not the one who got zero, I think that there's few of my classmates got the score of 5 and above and I think that 80% got zero, I don't think so.. But the important is to study well.. 

               

css hands-on quiz 1

a. inline css for background(20pts)

bgcolor - 5

bg image - 5

bg repeat - 5

bg position - 5

b. external css for heading text border & background(20pts)

border - 5

background color (cyan) - 5

bg image - 5

bg position - 5

c. embedded css for heading text font properties(25pts)

font family (verdana) - 5

font color (red) - 5

font size (48) - 5

text alignment - 5

texts - 5

And these are the guidelines:

 1. background style specs are defined using inline css type.

     background style specs:

     background color: linen

     background image:(given image)

     see screenshot

  2. heading texts border and background style specs are defined using external css type.

  3. heading texts font properties are defined using embedded css type                        

  4. files are all saved inside your "csshoq" folder.

  5. given images' filenames are not renamed.

  6. web page filename is csshoq1.

  7. external css filename is externalcsshoq1.

total points: 65

      Very disappointed in my score. Tomorrow is another day!

Syrell Calabag, signing off..

Week5-A little bit (June 30- July 4)

                                      
       

             Another activity again, well I got 2 points because I am the first 5 to finished the activity. I do it but there's some part of my work that is wrong so I need to ask Herica which she is the second who finished the activity. Oops! I'm not a cheater I am just asking. So when she correct my mistake I called sir to check my work then I got the first 5 to finished the activity in our batch.
         I am hoping and praying that next time I will do it  with my own.     

There are three types of CSS styles:

• inline styles
  Inline styles are styles that are written directly in the tag on the document. Inline styles affect only the tag they are applied to.

  <a href="" style="text-decoration: none;">

• embedded styles
  Embedded styles are styles that are embedded in the head of the document. Embedded styles affect only the tags on the page they are embedded in.

  <style type="text/css">
  p { color: #00f; }
  </style>

• external styles
  External styles are styles that are written in a separate document and then attached to various Web documents. External style sheets can affect any document they are attached to.

  <link rel="stylesheet" type="text/css" href="styles.css" />

Link: http://webdesign.about.com/od/css/qt/aatypesofcss.htm

Syrell Calabag, signing off..

Week4-Activity?! (June 23-27)

                                     

         We have an activity again which is hard because I dont know what to do again. Gesh! I really hate activity! Patience Syrell, next time.. next time.. hmm. Hayy! I pray and I wish that I can do it next time and I can clearly understand. :(

Inline Styles

          An inline style can be used if a unique style is to be applied to one single occurrence of an element.

        To use inline styles, use the style attribute in the relevant tag. The style attribute can contain any CSS property. The example below shows how to change the text color and the left margin of a paragraph:

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

         
Link: http://www.w3schools.com/html/html_css.asp

Syrell Calabag, signing off..

Week3-Online Quiz (June 16-20)

We just continue typing css and sir asking a question to us. Sir Peralta gave us a online quiz, it is hard for me to answer those questions because I am not reading the css,  I am just typing. Huhu. I think that I have many mistake on that. Geez! I need to review!  

Ooops before I forget, we have an output, we need to do that. That output is hard because I really don't understand if what will I do and where will I start. 

Sampaguita 2014-2015

                                

    And the picture below is our online assignment. 

?

                                  


Syrell Calabag, signing off..

Week2-Encoding again? (June 9-13)

                           

          Oh! We just continue encoding and listened to sir's discussion. While we are encoding Sir asking a question which is hard because I need to find the answer by scrolling down/up and after that I will type again.
         Until now I'm still asking my seatmate Herica if what will I do.
         I really love this subject even it is so hard because if I dont know what to do,  sir is alert to teach us and I know that sir Peralta is kind.

Syrell Calabag, signing off..

Week 1-My Blog (June 2-6)

It's my first week in computer subject. I'm so very nervous because I am not familiar in the parts of computer and I think that it would be hard for me to start this subject because last year our T.L.E subject is food technology.

They arrange us in our number in compter. Thankful that Herica and Myra is my seatmate. I know that Herica is good in computer so she can teach me if I dont know what to do.

CSS Part I

             We did the first part of CSS. I learned that CSS is stands for Cascading Style Sheet. And this is a style sheet language used for describing the look and formatting a document written in a mark-up language.

         HTML or HyperText Markup Language is the standard markup language used to create web pages.

HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>). HTML tags most commonly come in pairs like <h1> and </h1>, although some tags represent empty elements and so are unpaired, for example<img>. The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags).

Link: http://en.wikipedia.org/wiki/HTML

       Thank God that I survived in the first week. :)

Syrell Calabag, signing off.