Things to remember:

If you like to put a text in your web page you should also create a div or a box, which inside this box you can type all the text you want to see in your web page.

I also learned using a span. It is used to change the color, size and style of a certain word example:

<span style="color:yellow; font-size: 2em;">O</span>ne day

It will look like these:

One day

HOW TO MAKE A BEAUTIFUL WEBPAGE?

Last week, I learned about abbreviation, strong and emphasized.

If we like to use an abbreviation in a word we should follow this format:

<abbr title="the abbreviation of the word">the word which will want to have an abbreviation</abbr>

Example:  <abbr title="SJA">SAINT JOHN ACADEMY</abbr>

If we like to use strong in a word we should follow this format:

<strong>the word which we want to be in boldface</strong>

Example: <strong>ADVENIAT REGNUM TUUM</strong>

Then it will looks like these: ADVENIAT REGNUM TUUM

If we like that some words will have emphasized we should follow this format:

<em>the word which we want to be in italics</em>

Example: <em>(In English, Your King Come)</em>

Then it will looks like these:  (In English, Your King Come)

I hope you learned some tips so you’re webpage will become more organize.

The C.R.A.P. Design

Contrast

Ø Elements that aren’t the same should be very different so they stand out; making them “slightly different” confuses the user into seeing a relation that doesn’t exist.

Repetition

Ø Repetition in your text is bad; repetition of your design elements is not only good but necessary.

Alignment

Ø Alignment is a crucial not just to the cohesive appearance of your document but to the creation of contrast for elements like bulleted lists or double-indented quotes.

Proximity

Ø Pieces of information that are meant to complement each other should be near each other.


..If I do or if I follow this my web page will be beautiful..

Site Map, div and span

A site map is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for web design, or a web page that lists the pages on a web site, typically organized in hierarchical fashion. This helps visitors and search engine bots find pages on the site.

SPAN

  The tag defining the style of any in-line element

Example of span:

     <span style="color:yellow; font-size: 2em;">O</span>

In-line Element

  An HTML element that does not cause the addition of preceding and the following line feeds in the client browser

Ex: <strong> or <i>

DIV

  The tag defining the style of any block element

Example of div:

   <div style=”background-color: red”>

Block Element

  An HTML element that is automatically preceded and followed by a line feed in the client browser

Ex: <p> or <h1>




FOR ME DIV AND SPAN IS SIMILAR..:)

Different Types of Website

Static websites

A static website is the simplest form of website, in which the site’s content is delivered without the use of server side processing. Static websites are used principally for brochure sites and can include complex graphics, animations and JavaScript driven features.

 

Dynamic websites

Dynamic websites rely on server side scripting to provided advanced interactivity and usually use a database to deliver the content for individual pages. A dynamic approach is appropriate for developing large websites with content which is formulaic, for example, catalogues, photograph albums and complex series of data. A dynamic website will be required to allow users to sort and search records, or to restrict access to parts of the website using a log-in procedure.

Content managed websites

A content managed website is a further refinement of the database driven dynamic site. The content management system provides a password protected interface through which users can add, edit and remove content from the site.

eCommerce websites

An eCommerce website is a dynamic website which has the functionality to process financial transactions. Most eCommerce websites are built to mimic a bricks and mortar store and use the model of stock pages, shopping basket system and checkout, using a secure online payment system.

Flash websites

Flash is proprietary software developed by Macromedia which is used to generate complex animations. The program me is sophisticated enough for entire websites to be constructed using Flash technology. Flash websites can be visually stunning and provide otherwise unachievable levels of user interactivity

 Personal web sites

With tons of tools and services available, creating a web site is no longer "rocket science" (actually, it never was; but for some...). The astronomical number of personal web sites one finds on the web is mind-blowing! Personal web sites and blogs would probably be the fastest growing types of web site.

Minimal HTML Document

An HTML document has two main parts:

1. head. The head element contains title and meta data of a web document.
2. body. The body element contains the information that you want to display on a web page.

This is the minimum that a HTML 4 document should contain: all of these are important so our web page will be pretty cool and organize.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

<title></title>

</head>

<body>

</body>

</html>

Remember the syntax only controls the presentation or structure of a web page. The most fundamental piece of building block of HTML is the elements.

Elements of structure of a document functions:

html= indicates that this webpage is written in HTML

head= contains the information about web

body= it contains the content of the web page

title= contains the web page title

p= element defines a paragraph

h1= level one in heading

br= element forcibly (ends) the corner line of the text, line break

Examples of elements of structure of a document	head	body	p
Examples of elements as tags	<head>	<body>	<p>

Tags= always in pairs

Dhe-Dhe, Daddy, Oh My Papa!..

Father is one of the important persons in humanize because we owe our lives from him.  Without him we will not in this world or we will not exist, so we should love our FATHER.

I’m so lucky to have a loving Father like him, because he didn’t abandon me, like other fathers do to their children. He does everything just for our sake. I’m proud that I am his daughter. He loves me very much, because I’m the only girl in his siblings so he is so very protective to me. He is the first person says to me that I should have a boyfriend after college. So I promise to him that I will do what he wants.

------

MESSAGE FOR MY FATHER ----

Daddy, Belated Happy Father’s Day to you. You know how much I love you, even though sometimes I’m a naughty girl (“haha”). I will sure to you that promise is a promise so I will do what I promised to you. I love you daddy, for me you’re the BEST and no one can change that.

------

We should value all the good things that our father did to us, to show them how much we love them. Also we should respect, care and love him every day.

Love your father like what I did to Felix C. Salopesa (my father). 

Who is this Girl?..

    I am the youngest and the only girl in our family, so my brothers and my parents are very protective to me.

They want that I should have a boyfriend after college. I also agreed them because I know that 

the only one thing they want is that my life will be okay. And also they do not want that I will neglect 

my studies because of having a boyfriend. And I agreed because I believe that "No Boyfriend, No Problem". 

That I think it's totally correct.

   
 I'm a talkative person everywhere I go, in school, in my cousin's house also in our house. And 

I love to laugh every time but I'm not crazy like what you think I'm just a happy person. Being a talkative 

person is not bad we should know when should talk and should not. In my case I know that, so I'm very 

talkative when I'm at home because I know that it is the best way of bonding with my brothers. 

    My hobbies are eating, playing computer games, talking and watching television. I love to eat 

like chocolates, cakes, cookies something sweet. But not always they sweetest one also fruits like 

ripe mango and ripe banana and also I like the unripe mango with salt and red pepper. My favorite 

is ice cream , any flavor.

    I love playing computer games like Sims when I will start playing at 7:00 pm until 11:00 pm,

 so sometimes my mother will remind me that I should sleep because it's already 11:00 pm. As I said a 

while ago I love talking because I know that is the best way of bonding with my family. 

I love watching television and movies specially if it's Saturday, 

because I know it is the best way of relaxing myself to prevent stress.

    I'm Liza Marie C. Salopesa. I live in Blk. 2 lot 16 Hermosa Heights Subdivision Culis,

 Hermosa, Bataan. I am 14 years of age and my birthday is February 16, 1997. I have two brothers 

their names are John Patrick and John Arvin. And my parents are Elizabeth and Felix. 

This web page is all about me. This is me whether you like it or not.

..hello there..

., Hey guys it's me .. Liza ..