just the way i do

Sabado, Hulyo 16, 2011

i learned for this week

Hello, the things I learn last time in school are the tags in HTML MINIMAL DOCUMENTS. Like meta tag, div id tag, and how to do the HTML DOCUMENTS in notepad directly. The DOCTYPE, HTML, HEAD, TITLE, CLOSE TITLE, META TAG, CLOSE HEAD, BODY STYLE, DIV ID CONTAINER, DIV CLOSE, CLOSE BODY, AND CLOSE HTML.

EXAMPLE;

<!DOCTYPE>

<html>

<head>

</head>

</div>

</body>

</html>

The things I learned form Sir Ernani. The kind of teacher good in all student. He can bond to all students and also he’s a kind of teacher close to the student. He’s my favorite teacher in computer. He can do a simple lesson for us to get it. Sir Ernani is one of the stick teacher in school but only in class. Teacher has, his own lesson plan. He can do a very hard work in terms of HTML DOCUMENTS in a short time.

By: julina de guzman

Things I learned for the week of july 11-15, 2011.

Linggo, Hulyo 10, 2011

What I learned?

Hi? I’m here to say the things I learned for the week of june 3-7 last week. The thing I should learned is the lesson discuss by Mr. Ennani our computer teacher are crap principles.

The C.R.A.P. Principles are contrast, repetition, alignment, and proximity. These principles of design help you to combine the various design elements into an effective page layout.

Contrast is what pulls you in. in other words, it draws your eyes to the page. It allows you to move around the page and find things.

§ Contrast must be strong

§ Contrast creates a hierarchy of information

§ Contrast allows you to skim more easily to pick out needed information

Repetition is a conscious effort and willingness to to unite, join, fuse, the entire page together. There is a need to repeat all elements consistently. If there are multiple pages in a publication, or multiple publications in a project, each page or publication should have a similar "look and feel." Repetition is also referred to as consistency.

Repetition will:

§ Allow for consistency and continuity

§ Unifies all parts of a design and multiple pages

§ Help organize information

§ Help guide the reader through the page(s)

Alignment is how things are lined up on a page with each other. It is always best to pick one alignment and to stay with it. It is not a wise idea to mix alignments.

Hints for better alignment:

§ Move text away from left edge

§ Keep text out of the right edge, easier to see text and word

§ Use the same alignment throughout the entire document (right justify, left justify, or center align)

§ Do not place anything on the page arbitrarily

§ Do not center align everything. Center aligning should be done consciously, not because you cannot think of anything else to do

Proximity refers to the relationship that items develop when they are close together. Two items that are close appear to have a belonging to each other. Related items get grouped together. Elements become visually disconnected from each other if they are apart. Do not orphan items/objects.

Proximity helps:

§ Increase organization

§ Create visual connections

§ Define a beginning and ending

Is your web design CRAP? please don't be offended. CRAP is actually an acronym for a design principle that was first coined by author Robin Williams. Her design principle can be applied to a number of different media forms. I first learned about CRAP design in a Business Writing class in college; this design principle can be applied to web design and many other aspects of digital and paper print. Before I get too ahead of myself, I should define what CRAP stands for. CRAP is an acronym that describes the Contrast, Repetition, Alignment, and Proximity of your designs.

Contrast

Contrast is the differences that make an object distinguishable from the background and any other objects. That means that your graphs, illustrations and anything else that you want to stand out should be different or contrast with the print to make them more noticeable. Elements that are not supposed to be communicated in the same light should be different because making things slightly different might confuse the viewer into thinking there might be a relation between two things when the relationship really does not exist. Contrast in your design livens things up and makes things easier for people to understand.

Repetition

If there is a relation between two points, the style should repeat for a consistent feel. Repetition means keeping design for similar themes consistent. Many people often skim text and graphics, repetition can help communicate your points when people only want to skim the message that you want to communicate. It reinforces communication and ultimately helps the reader understand. Just remember to repeat things in a consistent manner and don't overdo it. You want to make your repetition readable and effective.

Alignment

You need to align things in an organized fashion. Everything needs to visually connect with something else that the viewer is looking at. This means that your headings and subheadings should follow the same alignment and you don't want things placed where viewers will not look. Nothing should be out of place or disconnected, if it is then it probably doesn't belong.

Proximity

Proximity is used to create relative meaning in your web design. Related elements should be grouped together; while separate design elements should have enough spacing between them to communicate they are different. You should use your document's white space to separate key points. Everything should look professional.

Good design is always CRAP. I use this design principle for all my professional documents and it is always a handy design principle. Remember to check contrast, repetition, alignment and proximity before you publish any of your content and designs. Ensure that your web design and any other media you produce is effective by double-checking your work for these design principles before publishing, it will really pay off in the long run. Just make sure that you do not tell someone that his or her work is CRAP unless you want to explain why. I'm sure people will not take it as compliment.

Sabado, Hulyo 9, 2011

For this week of learning...

For this week I learn how to constract an HTML document simple and minimal.. and I also apply the thing I learn last weeek like page layouts.

And for this week we tackle the STATIC WEBSITES, DYNAMIC WEBSITES, CONTENT MANAGED WEBSITES, ECOMMERCE WEBSITES, FLASH WEBSITES.

Here is the meaning each of its.

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.

The main limitation of static websites is that they cannot provide complex user interactivity because they cannot either gather information from the user or serve content which is dependent on user actions. Large static sites are also time consuming to develop and more difficult to update because changes need to be implemented individually on each page of the site. However, if a business does not require a large website or advanced interactivity, a static site which is developed using XHTML and CSS will provide clean, compact coding and good search engine performance.

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.

Generating website pages on the fly, using a database to store and deliver content, is an efficient way of managing a large site, with maintenance and updating generally much easier than for a comparable static site. The disadvantage of dynamic websites is that Search Engine Optimisation (SEO) techniques are more difficult to implement, particularly if the site’s SEO needs are not taken into account at the development stage.

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. A content management system is particularly useful in the case of large sites which have numerous contributors, some of whom may be working from remote locations.

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. Many eCommerce sites also include a content management system, so that product details can be added or updated, and some include advanced features such as automated stock control.

Flash websites

Flash is proprietary software developed by Macromedia which is used to generate complex animations. The programme 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. However, it is almost impossible to carry out any meaningful form of SEO on a Flash site and so it should, generally, be avoided.

What I learned for this week?

I learned so many thing about website like page layouts, browser compatibility, navigation, color and graphics, multimedia, content presentation, functionality and accessibility.

All of this showed in webpage or specific in websites and common to their functions and structures to form an html and xhtml.

For this html and xhtml have their own meaning... HTML, which stands for HyperText Markup Language, is the predominant markup languagefor web pages. HTML is the basic building-blocks of webpages.

HTML is written in the form of HTML elements consisting of tags, enclosed in angle brackets(like <html>), within the web page content. HTML tags normally come in pairs like <h1> and </h1>. The first tag in a pair is the start tag, the second tag is the end tag (they are also calledopening tags and closing tags). In between these tags web designers can add text, tables, images, etc..

The purpose of a web browser is to read HTML documents and compose them into visual or audible web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page. And for the XHTML (

And some meaning for the functioning of website or web page:

Page Layout

Appealing to target audience
Consistent site header/logo
Consistent navigation area
Informative page title that includes the company/organization/site name
Page footer area — copyright, last update, contact e-mail address
Good use of basic design principles: repetition, contrast, proximity, and alignment
Displays without horizontal scrolling at 1024x768 and higher resolutions
Balance of text/graphics/white space on page
Good contrast between text and background
Repetitive information (header/logo and navigation) takes up no more than one-quarter to one-third of the top portion of the browser window at 1024x768 resolution
Home page has compelling, interesting information above the fold (before scrolling down) at 1024x768
Home page downloads within 10 seconds on dial-up connection

Browser Compatibility

Displays on popular versions of Internet Explorer (7+)
Displays on popular versions of Firefox (3+)
Displays on popular versions of Opera (9+)
Display on popular versions of Safari (both Mac and Windows)

Navigation

Main navigation links are clearly and consistently labeled
Navigation is easy to use for target audience
If images, Flash, or DHTML is the main navigation, clear text links are in the footer section of the page (accessibility)
Navigation is structured in an unordered list (accessibility)
Navigation aids, such as site map, skip navigation link, or breadcrumbs are used (accessibility)
All navigation hyperlinks "work" — are not broken

Color and Graphics

Use of different colors in page backgrounds/text is limited to a maximum of three or four colors plus neutrals
Color is used consistently
Color has good contrast with associated text
Color is not used alone to convey meaning (accessibility)
Use of color and graphics enhances rather than distracts from the site
Graphics are optimized and do not significantly slow download
Each graphic used serves a clear purpose
Image tags use the alt attribute to configure alternate text to display if the browser or user agent does not support images (accessibility)
Animated images do not distract from the site and either do not repeat or only repeat a few times

Multimedia

Each audio/video/Flash file used serves a clear purpose
The audio/video/Flash files used enhance rather than distract from the site
Captions are provided for each audio or video file used (accessibility)
Download times for audio or video files are indicated
Links to downloads for media plug-ins are provided

Content Presentation

Common fonts such as Arial or Times New Roman are used
Techniques of writing for the Web are used: headings, bullet points, short sentences in short paragraphs, use of white space, etc.
Fonts, font sizes, and font colors are consistently used
Content provides meaningful, useful information
Content is organized in a consistent manner
Information is easy to find (minimal clicks)
Timeliness: The date of the last revision and/or copyright date is accurate
Content does not include outdated material
Content is free of typographical and grammatical errors
Content provides links to other useful sites
Avoids the use of "Click here" when writing text for hyperlinks
If standard link colors are not used, hyperlinks use a consistent set of colors to indicate visited/nonvisited status
If graphics and/or media is used to convey meaning, the alternate text equivalent of the content is provided (accessibility)

Functionality

All internal hyperlinks work
All external hyperlinks work
All forms function as expected
No JavaScript errors are generated

Accessibility

If images, Flash, or DHTML is the main navigation, clear text links are in the footer section of the page
Navigation is structured in an unordered list
Navigation aids, such as site map, skip navigation link, or breadcrumbs are used
Color is not used alone to convey meaning
Image tags use the alt attribute to configure alternate text to display if the browser or user agent does not support images
If graphics and/or media is used to convey meaning, the alternate text equivalent of the content is provided
Captions are provided for each audio or video file used
Use attributes designed to improve accessibility such as title and summary when appropriate
Use the id and headers attributes to improve the accessibility of table data
If the site uses frames, use frame titles and place meaningful content in the noframes area
To assist screen readers configure the html element's lang and xml:lang attribute to indicate the spoken language of the page.

Martes, Hulyo 5, 2011

Hello!!

I'm Julina De Guzman 15 years old... I live in #43 Bonifacio st., Dinalupihan, Bataan..

I study in SJA (Saint John Academy) 3rd year Highschool..

I love to wrote a story about myself, something i do and the thing i want to know..

The things that happened last days to me being so alone but something crazy to feel..

Crazy because i want to be happy but I'm still lonely right now...
Happy to be alone funny thing like EMO? "CRAZY EMO GIRL..."
Hey! By the way the thing happen last days is my 2nd Dad or daddy past away last June 09, 2011..
Yeah, my Daddy.. hey, friendz love your dad as well as they here for you.. They loving and caring for you..Giving a chance to bond each other. Cause when they leave you the chance will be a bad memory that you miss in your life..

OK!! stop the emoting time go to the things in the future..

I want to be a seawoman cause for the money.. HEHE funny college life...
But the true course I want is to be a doctor someday, to be a good personality doctor in Philippines...

Yeah, friendz see my photos here to know me better..