After learning the types of Websites, and CRAP . Here we are, making our own Personal Website. Personal web pages are World Wide Web pages created by an individual to contain content of a personal nature rather than on behalf of an employer or institution. Personal web pages are often used solely for informative or entertainment purposes.
The content of personal web pages varies. Many contain biographical information, résumés, and blog posts. Many personal pages will include information about the author's hobbies, interests and information of interest only to friends and family of the author.
Many people maintain personal web pages because they are the most effective medium to express their opinions or creative endeavours that, otherwise, simply would not have an outlet. This type of site may contain short fiction such as short stories or samples of artwork. Other netizens view the concept of a personal web page with a more metaphysical bent, placing value in the concept of owning space in and "residing" in cyberspace and on the World Wide Web. Some people also make a website in hopes of becoming famous on the internet. This can also extend to the ownership of personal domain names and the associated personal web pages and e-mail addresses connected to those domains, although with the advent of affordable web hosting fewer people own or manage their own personal servers.
In the past, a personal home page would usually be hosted on free web space included with an ISP account, or on a free hosting service such as Geocities. These services would typically include web-based site management and pre-configured scripts to easily integrate a contact form or guestbook into the user's site. Since the early 2000s, the rise of blogging eased the creation of personal web pages further, with blogging platforms like LiveJournal and Blogger providing an attractive and easy-to-use CMS. While blogging remains popular, today many casual internet users tend to rely on free services provided by social networking sites such as Twitter, Facebook, or MySpace to perform the same functions they used to maintain a personal web page for.
Sunday, July 24, 2011
Sunday, July 17, 2011
The CRAP Design Principle: Contrast, Repetition, Alignment, and Proximity
Is your web design CRAP? Please don't be offended. CRAP is actually an acronym for a design principle. I first learned about CRAP design in our Computer class this highschool while we are preparing in making our own website; this design principle can be applied to web design. 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 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.
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 if 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 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 will surely use this design principle for my soon website 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 is effective to your viewers before publishing, it will really pay off in the long run.
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.
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 if 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 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 will surely use this design principle for my soon website 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 is effective to your viewers before publishing, it will really pay off in the long run.
Sunday, July 10, 2011
. . :What Makes Them Differ?: . .
Many are confused on what is the difference between Inline and Block Elements. Also the
difference between HTML and XHTML. What makes them differ? Well, let me share you about what
I’ve learned on our Computer teacher, Sir Ernanie Manalac.
Inline Elements are elements that are found in the text of the HTML document. They are also
sometimes called as text level elements. It is generally contain text, data, or other inline elements. They are usually “smaller” than bock-level elements. It do not generally begin new lines of text. It inherits directionality information differently from block-level elements.
Now, let’s talk about Block Elements. It is an element that creates large blocks of content like paragraphs or page divisions. They start new lines of text when you use them. It can contain other blocks as well as inline elements and text or data.
Well, let us talk about HTML and XHTML. Always remember that they are both mark-up
languages. They are the root of all websites we see on the internet or on the artistic Websites of our favourite personalities. The main question is, what makes them differ?
HTML means Hypertext Markup Language. It is an application of SGML (Standard Generalized
Mark-up Language and allows an author to omit certain tags and use attribute minimization. XHTML
or the Extensible Hypertext Mark-up Language is an application of XML(Extensible Mark-up Language). It doesn’t permit the omission of any tags or the use of attribute minimization unlike HTML. So for me, HTML is easier to use than XHTML.
I’ve also learned the 3 Components , the Content, Behaviour, and the Presentation and what
makes them differ. First, is the Content. It refers to the text, images and multimedia components of web pages. It applies the use of HTML. Second, is the Behaviour. It refers to the interaction of the viewers and the doer. It refers mainly to JavaScript and Ajax. This page concentrates on the semantics and structure. The third one is the Presentation. HTML should never be used for presentation. Use of the font tag and many other HTML4 elements are now deprecated in favour of their more semantic replacements. It refers to the whole appearance of your webpage. In order to style web page presentation, you should use CSS, preferably in an external style sheet.
Hope you’ve learned another lesson. Thanks for visiting. Please follow me for more updates.
Thank you!!
difference between HTML and XHTML. What makes them differ? Well, let me share you about what
I’ve learned on our Computer teacher, Sir Ernanie Manalac.
Inline Elements are elements that are found in the text of the HTML document. They are also
sometimes called as text level elements. It is generally contain text, data, or other inline elements. They are usually “smaller” than bock-level elements. It do not generally begin new lines of text. It inherits directionality information differently from block-level elements.
Now, let’s talk about Block Elements. It is an element that creates large blocks of content like paragraphs or page divisions. They start new lines of text when you use them. It can contain other blocks as well as inline elements and text or data.
Well, let us talk about HTML and XHTML. Always remember that they are both mark-up
languages. They are the root of all websites we see on the internet or on the artistic Websites of our favourite personalities. The main question is, what makes them differ?
HTML means Hypertext Markup Language. It is an application of SGML (Standard Generalized
Mark-up Language and allows an author to omit certain tags and use attribute minimization. XHTML
or the Extensible Hypertext Mark-up Language is an application of XML(Extensible Mark-up Language). It doesn’t permit the omission of any tags or the use of attribute minimization unlike HTML. So for me, HTML is easier to use than XHTML.
I’ve also learned the 3 Components , the Content, Behaviour, and the Presentation and what
makes them differ. First, is the Content. It refers to the text, images and multimedia components of web pages. It applies the use of HTML. Second, is the Behaviour. It refers to the interaction of the viewers and the doer. It refers mainly to JavaScript and Ajax. This page concentrates on the semantics and structure. The third one is the Presentation. HTML should never be used for presentation. Use of the font tag and many other HTML4 elements are now deprecated in favour of their more semantic replacements. It refers to the whole appearance of your webpage. In order to style web page presentation, you should use CSS, preferably in an external style sheet.
Hope you’ve learned another lesson. Thanks for visiting. Please follow me for more updates.
Thank you!!
..:Different Types of Website:..
There are five types of websites from which a business has to choose: Static, Dynamic,
Content Managed Website, Ecommerce, and Flash 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. A static site which is developed using XHTML and CSS will provide clean,
compact coding and good search engine performance.
Second, is the Dynamic Website. 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.
Third, is the Content managed Website. 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.
Fourth, is the Ecommerce Website. 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.
Lastly, the Flash Website. 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.
These are the Five types of Websites. Hope you’d learned some lessons. Visit my blog
again next week for more updates. Thanks for reading!
Content Managed Website, Ecommerce, and Flash 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. A static site which is developed using XHTML and CSS will provide clean,
compact coding and good search engine performance.
Second, is the Dynamic Website. 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.
Third, is the Content managed Website. 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.
Fourth, is the Ecommerce Website. 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.
Lastly, the Flash Website. 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.
These are the Five types of Websites. Hope you’d learned some lessons. Visit my blog
again next week for more updates. Thanks for reading!
Subscribe to:
Posts (Atom)