What are the features of
Web 2.0 technologies? Why do you need to use CSS? Create a web page for BCA.
The web page should have various sections (use <div> tag for this
purpose), each section should provide detailed list of courses of one semester
of BCA Each of the section should have its own style.
Ans :
Based on new ideas began to emerge around 2004 in Web
-related technologies and Web site services , a new term “web 2.0″ is coined by
Tim O’Reilly.
The following 7 are the key features of web 2.0
Folksonomy
: Free Classification of Information
Rich
User Experience
User
as a Contributor
Long
Tail
User
Participation
Basic
Trust
Dispersion
Easily
edit the formatting of multiple web pages.
This is the #1 most compelling reason why you should use CSS in your web
pages (although some web standards gurus will probably disagree). If you
want to keep a uniform look across many web pages and you want to be able
to change that look instantly without having to go through each and every
page one by one, an external style sheet is the ticket for you.
An external style sheet (a.k.a.,linked style sheet) is a file
that contains only CSS code and will allow you to change the formatting to
multiple web pages at once.
- To put this into perspective, let's say that you have a website with 100 pages (or more) and you decided to make the headings green on every page. With plain old HTML, you'd be using heading tagsalong with the font element to produce something like this:
On the other hand, if all your web pages were using an external style sheet, you'd be able to change the heading color on all 100 pages in about 5 seconds by editing just a single .css file. Now does that sound like something you'd like to be able to do?
On the other hand, if all your web pages were using an external style sheet, you'd be able to change the heading color on all 100 pages in about 5 seconds by editing just a single .css file. Now does that sound like something you'd like to be able to do?
If you're using the same external style sheet to build all the web pages at your site, when users come to visit, their web browsers will cache that style sheet (keep it in memory) so that it doesn't have to be reloaded every time they click through to another page. In essence, once the style sheet is cached, all the pages at your site will load faster in the user's browser. And we all know how important speed is on the internet, right?
If you're using the same external style sheet to build all the web pages at your site, when users come to visit, their web browsers will cache that style sheet (keep it in memory) so that it doesn't have to be reloaded every time they click through to another page. In essence, once the style sheet is cached, all the pages at your site will load faster in the user's browser. And we all know how important speed is on the internet, right?
As of this writing, using HTML tables to layout web pages is a method that is still very much alive, but if you've dabbled in this then you've probably heard tell of a so-called 'tableless' design.
And what is it?
Well essentially, a tableless design is a web page that uses HTML and CSS to create a multi-column layout without using HTML tables (yes, this is possible). And it's a sure bet that everybody and their monkey's uncle that mentions 'tableless design' will also quickly follow it with some kind of pious reference to supporting 'web standards' (etcetera, ad nauseum)...
As of this writing, using HTML tables to layout web pages is a method that is still very much alive, but if you've dabbled in this then you've probably heard tell of a so-called 'tableless' design.
And what is it?
Well essentially, a tableless design is a web page that uses HTML and CSS to create a multi-column layout without using HTML tables (yes, this is possible). And it's a sure bet that everybody and their monkey's uncle that mentions 'tableless design' will also quickly follow it with some kind of pious reference to supporting 'web standards' (etcetera, ad nauseum)...
And what is it?
Well essentially, a tableless design is a web page that uses HTML and CSS to create a multi-column layout without using HTML tables (yes, this is possible). And it's a sure bet that everybody and their monkey's uncle that mentions 'tableless design' will also quickly follow it with some kind of pious reference to supporting 'web standards' (etcetera, ad nauseum)...
Well essentially, a tableless design is a web page that uses HTML and CSS to create a multi-column layout without using HTML tables (yes, this is possible). And it's a sure bet that everybody and their monkey's uncle that mentions 'tableless design' will also quickly follow it with some kind of pious reference to supporting 'web standards' (etcetera, ad nauseum)...
The idea here is that HTML elements and attributes should define only how a web page is structured (e.g., this is a paragraph, this is a list item, this is a table defining genuine tabular data instead of page layout). All HTML elements and attributes normally used for presentation (e.g., this is Times New Roman font, this is red, this is aligned to the left) should be relegated to CSS.
Then, since different style sheets can be applied to the same web page depending on the circumstances, the web page becomes much more versatile and becomes more accessible to different mediums such as small screen devices, print devices, voice browsers and so on and so forth.
The idea here is that HTML elements and attributes should define only how a web page is structured (e.g., this is a paragraph, this is a list item, this is a table defining genuine tabular data instead of page layout). All HTML elements and attributes normally used for presentation (e.g., this is Times New Roman font, this is red, this is aligned to the left) should be relegated to CSS.
Then, since different style sheets can be applied to the same web page depending on the circumstances, the web page becomes much more versatile and becomes more accessible to different mediums such as small screen devices, print devices, voice browsers and so on and so forth.
Then, since different style sheets can be applied to the same web page depending on the circumstances, the web page becomes much more versatile and becomes more accessible to different mediums such as small screen devices, print devices, voice browsers and so on and so forth.
Folksonomy
Traditional Web
like Yahoo Directory and DMOZ uses a pre-defined
classification of Information like category & sub category. On the other
hand Web 2.0 without sticking to the existing framework of classification ,
allows user create free classification/ arrangement of information.
This is also known as Social tagging. T
For example , the photo
sharing site Flickr and Social Bookmarking of del.icio.us
Rich User Experience
Traditional web
are built with HTML and CSS、CGI and
had been offered as a static page . On the other hand Web 2.0 uses Ajax（Asynchronous JavaScript + XML) presenting dynamic
, rich user experience to users .
For
example, Google Provided Google Maps and Google
Suggest
User As Contributor
In tradition web, the
information is often provided by the site owner and the user is always the
receiver. The information model was One Way . On the other hand Web 2.0 user
also contributes to the content by means of Evaluation, Review &
Commenting.
The typical example is
the Amazon.com – customer review section & Google’s Page Rank mechanism
Long Tail
The traditional web was
like a retail business the product is sold directly to user and the revenue
generated. But in web 2.0 the niche product is not sold directly but offered as
a service on demand basis and income is generated as monthly fee and
pay per consumption.
The typical example is
sales force CRM services and Google Apps
User Participation
In traditional web the
contents are solely provider by the web site owner /company, but in web 2.0 the
users participate in content sourcing. This is also known as Crowd
sourcing.
The typical examples
are Wikipedia & You Tube.
Basic Trust
In traditional web the
contents are protected under Intellectual Property Rights but on the
other hand, in web 2.0 the contents are made available to share, reuse,
redistribute and edit.
The typical examples
Wikipedia & Creative Common
Dispersion
In traditional web, the
contents were delivered as direct site to home. But in web 2.0, the content
delivery uses multiple channel include file sharing & permalinks.
The typical examples
are Bit Torrent and Mashup
I'm sure a large majority of webmasters got introduced
to CSS by doing a search in Google for "remove underlining on
hyperlinks" (and here's how to do it). However CSS is much more than
just a way of making cool looking web pages. If you're a serious web designer
then here's some very practical reasons why youshould use CSS:
<h1><font
color="green">Your Heading</font></h1>
But hang on a sec. It's a couple of weeks later and suddenly
you've decided that you want to make the headings on all your web pages maroon instead
of green. With HTML, you'd have to laboriously plow through all 100 web pages,
one by one, to change the value of the color attribute on your
headings tags (or use some kind of potentially dangerous multiple file
search-and-replace function).
Make your web pages
load faster.
Make tableless designs.
Support web standards.
(*stepping up on
soapbox*)
CSS Does More
Here are just a few
things that you can do with CSS that can't be done in HTML alone without
resorting to quirky tricks that don't work the same in all browsers:
·
Set different
page margins for all sides of your page.
·
Set font size for
any text element to the exact height you want, no more preset size limitations.
·
You can highlight
single words, entire paragraphs, headings or even individual LETTERS with
different background colors, background images, text colors and fonts if you
really want to go crazy bananas.
·
You can overlap
words and make logo-type headers without making images.
·
Colored
scrollbars! Note: colored scrollbars are NOT official CSS,
they are a Microsoft extension to CSS so using colored scrollbars is technically an
illegal code practice, but it doesn't cause any harm if you like them. Colored
scrollbars also only work in Internet Explorer.
·
Precise
positioning of elements.
·
Borders, border styles,
backgrounds, margins, and padding can be set for any visual HTML element.
·
Set the font for
whole tables, no need to recode a font into each table cell.
·
Make the first
letter of each paragraph different, set letter spacing, change the space
between lines of text, and much, MUCH MORE!
No comments:
Post a Comment