Making a website is not that easy.There are things that we must follow like the CRAP design for our website to be pleasing and organize.What is CRAP design?
C-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.
R-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.
A-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.
P-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.
CRAP design is use by professionals and amateurs blogger.They use that CRAP design as I've said before in order for their website to be organize.CRAP is a handy design principle in doing a website.It's easy for us to remember it and makes a good benefit.
Saturday, 16 July 2011
Saturday, 9 July 2011
usage of DIv and SPAN in HTML:)
Do you want your website to be more attractive and organize?If you want to,then use div and span.
First and foremost ,what is div?The div tag defines a division or a section in an HTML document.The div tag is often used to group block-elements to format them with styles.The div tag gives you the ability to name certain sections of your documents so that you can affect them with style sheets or Dynamic HTML.It also gives you the chance to define the style of whole sections of HTML. You could define a section of your page as a call out and give that section a different style from the surrounding text.
What is span?Do you know what is it?For me div and span are similar.But what are their differences?One of its differences is that div is a block element while span is an inline element. Now ,what is span?The span tag is used to group inline-elements in a document.The span tag provides no visual change by itself.
The span tag provides a way to add a hook to a part of a text or a part of a document.When the text is hooked in a span element you can add styles to the content, or manipulate the content with for example JavaScript.Now that you know what are their functions.Can you decide what to use?
First and foremost ,what is div?The div tag defines a division or a section in an HTML document.The div tag is often used to group block-elements to format them with styles.The div tag gives you the ability to name certain sections of your documents so that you can affect them with style sheets or Dynamic HTML.It also gives you the chance to define the style of whole sections of HTML. You could define a section of your page as a call out and give that section a different style from the surrounding text.
What is span?Do you know what is it?For me div and span are similar.But what are their differences?One of its differences is that div is a block element while span is an inline element. Now ,what is span?The span tag is used to group inline-elements in a document.The span tag provides no visual change by itself.
The span tag provides a way to add a hook to a part of a text or a part of a document.When the text is hooked in a span element you can add styles to the content, or manipulate the content with for example JavaScript.Now that you know what are their functions.Can you decide what to use?
different types of websites and their description:)
Another thing that we tackle in computer are the different types of websites.
I'll start with 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.
Another one ,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.
The third one is 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.
Next one is 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.
Last one is FLASH websites, Flash is proprietary software developed by Macro media 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.That's all about websites..
I'll start with 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.
Another one ,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.
The third one is 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.
Next one is 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.
Last one is FLASH websites, Flash is proprietary software developed by Macro media 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.That's all about websites..
HTML and its elements:)
First of all,allow me to introduce you to my teacher Mr. Ernani Mañalac.He's the one who's giving us knowledge about HTML and its elements.
First is the HTML tag,all the other tags must be in HTML to work.For me it works like a container that has different elements and all of its elements are important.
Second is the head tag it must have an opening tag and closing tag in order to work.the title of the page the you are doing goes in here.
Third is the title tag as well as the head it should have opening and closing tag to work or it will not do it's job to produce your title in your page..All page must have its title ,remember.So don't forget to put your title tag.
Fourth and the last,the body.the body contains the content of the document.All of your thoughts about your page goes here.This is where you put them,like in letters that we sent to our love ones ,this is important because without the body your page is worthless.Well,that's all for the week.
First is the HTML tag,all the other tags must be in HTML to work.For me it works like a container that has different elements and all of its elements are important.
Second is the head tag it must have an opening tag and closing tag in order to work.the title of the page the you are doing goes in here.
Third is the title tag as well as the head it should have opening and closing tag to work or it will not do it's job to produce your title in your page..All page must have its title ,remember.So don't forget to put your title tag.
Fourth and the last,the body.the body contains the content of the document.All of your thoughts about your page goes here.This is where you put them,like in letters that we sent to our love ones ,this is important because without the body your page is worthless.Well,that's all for the week.
Tuesday, 5 July 2011
madness in the air:)
The only way to have a friend is to be one.So if you want to have a friend,start acting like one now.
True friends are my greatest treasure besides my family.They're the one I consult when I have problems that I know my family can't handle.Sometimes friends are better in giving advices than family,well let's face it there the one who understands our deepest thoughts than
our family.Let me tell you something about my friends.
My friends are jolly like me,understand me as I've said before and most of all always by my side and never let me fall.How can I say that?Well,something happened between me and my mom I don't want to talk about it,it's very personal.Now back to my friends, that incident happened and that incident made me despise my mom and almost made me renounce her.The next day,I went to school as usual I talked to a friend and cry on her shoulder.Talking to her made me feel good and not alone.That conversation made me realize that my mom just did that because she's caring for me.
That proves that true friends are good influence and will not make us hate our family.
When it comes to happy moments with them..There are lots of happy moments.One is hanging out with them and laughing with them.i think when I'm with them I feel safe.I prefer hanging out with them than my family because I'm having much fun with them than with my family even if it's difficult to admit but it's true.Well,that's it.Hope to be your friend someday.
True friends are my greatest treasure besides my family.They're the one I consult when I have problems that I know my family can't handle.Sometimes friends are better in giving advices than family,well let's face it there the one who understands our deepest thoughts than
our family.Let me tell you something about my friends.
My friends are jolly like me,understand me as I've said before and most of all always by my side and never let me fall.How can I say that?Well,something happened between me and my mom I don't want to talk about it,it's very personal.Now back to my friends, that incident happened and that incident made me despise my mom and almost made me renounce her.The next day,I went to school as usual I talked to a friend and cry on her shoulder.Talking to her made me feel good and not alone.That conversation made me realize that my mom just did that because she's caring for me.
That proves that true friends are good influence and will not make us hate our family.
When it comes to happy moments with them..There are lots of happy moments.One is hanging out with them and laughing with them.i think when I'm with them I feel safe.I prefer hanging out with them than my family because I'm having much fun with them than with my family even if it's difficult to admit but it's true.Well,that's it.Hope to be your friend someday.
Subscribe to:
Comments (Atom)