SlideShare uma empresa Scribd logo
1 de 4
Baixar para ler offline
Web Design and Development - The Mile-High View

With the speed of alter on the Net, it can be hard to bear in mind that extremely couple of
folks truly keep up with the flood of new systems, frameworks, and acronyms. Unless of
course you are developing for web-relevant organizations, it is very probably that your
clientele will have no notion what "creating a web site" really entails, or what occurs following
you are done designing. In this report, I hope to give you a very high-degree overview of the
Internet that you can stage a client to, so that they can recognize what goes into a web
internet site apart from Photoshop or Flash.


Let's begin with a little bit of background. Prior to any of this Net malarkey arrived about, you
had pc networks. That is to say, men and women related person mainframes (since
personalized computer systems didn't exist nevertheless) with cables so they could speak to
every single other. PC's came together, and offices began connecting a building's PCs with
each other so they could discuss. Then some thing genuinely groundbreaking transpired:
men and women related one particular workplace community with yet another. Lo and
behold, the foundation of the Net as we know it was born.


At its heart, the Web is a community of networks. In most situations, that smaller sized
community is the one-4 pcs you have in your family, which link to the bigger "Internet"
network by means of your router or cable modem or what have you. There is no "center" of
the Internet, no overarching pc directing every little thing it really is just hundreds of
thousands of little networks like the a single in your home or workplace connecting with 1 one
more. There are methods established up to make it so that if your laptop or computer claims
"Link me with laptop or computer XYZ," it can locate a way to make that link, but individuals
programs (feel TCP/IP, routing, and so forth.) are as well complex to chat about below.


So the Internet existed, but the Net as we know it did not. The Internet in individuals days
was excellent for only a number of items: e-mail, bulletin boards, and Usenet, amongst other
individuals. Then together came Tim Berners-Lee with his description of a new acronym:
HTML. HyperText Markup Language authorized the 1st web designers (geeky scientists) to
produce the very first net pages. Think of HTML like formatting in Microsoft Word the terms
you create are all there, but Phrase / HTML let you give them some further indicating. HTML
allowed web page creators to define their text as paragraphs, bulleted lists, numbered lists,
tables of facts, and far more. Most importantly, HTML authorized site creators to url a single
web page to yet another - the "HyperText" part of the title - so that associated files could be
identified speedily and very easily.


As I mentioned just before, the initial end users of HTML ended up geeky experts. HTML let
them format their investigation papers, and website link their papers to the papers they cited.
That was about it simple HTML doesn't have any true potential to "style" a webpage outdoors
of pinpointing what's a paragraph and what is some thing a lot more specialised. So the
Internet was a sea of text, with no even a solitary picture in sight.
A few several years afterwards, competing tips about how to give pages some fashion had
been merged into a one method, CSS. "Cascading Type Sheets" allow webpage creators
make their webpages prettier by defining how the "elements" of HTML (lists, paragraphs, and
many others.) ought to be shown. The webpage creator could now say that all text in
paragraphs must be red, that lists must be bulleted with little squares as an alternative of
circles, and to say how tall or extensive a certain piece of material must be on the display.
Browser makers experienced added this functionality into their programs (like Netscape
Navigator or Internet Explorer) for a even though by this position, but CSS did anything
radical: it separated the content material to be exhibited from the principles about how to
display it. Using CSS, a designer could write two fashion sheets that produced really distinct
appears out of a one HTML site, with out generating any changes to the HTML.


And however, in spite of the assure of CSS, it started out improperly carried out in many
browsers, so that what appeared great in, say, Internet Explorer three was completely
damaged in Netscape Navigator four. So, rather of CSS, a lot of designers (since it was now
actually feasible to "design" a web page!) opted to use HTML's table capacity to lay out all
their content. The thought was to use a web site like an Excel spreadsheet - make the
columns and rows what ever width and peak you need to have, and then fill in each "cell" of
the table with an picture, or some text, till you get what you want. This led to some great-
looking types, but entirely and entirely broke the original tips of HTML. In a table-based
mostly layout, the HTML doesn't have any meaning at all every thing is just a table cell. If the
designer you are speaking with keeps telling you that "table-centered design" is a bad thing,
that is why. Using HTML together with CSS tends to make a website that loads quicker and
that truly has some meaning to devices (like Google!), as an alternative of a giant
spreadsheet. Following all, would you at any time attempt to make artwork or create an write-
up in Excel?


So, we've acquired networks, HTML pages, and CSS stylesheets. How do they all match
jointly?


If an individual desires a web site, they 1st purchase a domain identify. Purchasing a domain
identify gives you the proper to assign the name to a specific pc everywhere in the globe, of
your individual selecting. A program named DNS ("Domain Identify System") informs all of
the world's related networks of exactly where you pointed that title, so that when someone's
personal computer claims "Any individual know how to get to myfavoritesite.com?", DNS can
say "Certain, it's at laptop or computer XYZ in excess of there."


Pc XYZ, meanwhile, is working a software called a World wide web server. "Server" is a
extravagant title that scares individuals, but all it truly implies is that computer XYZ is sitting
close to listening to its wire for any individual to say "Hey, I require the stuff for
arborwebsolutions.com," and when it hears that, it will throw that stuff more than the wire.
This is what men and women imply when they say you need to have to get "Net hosting" -
you require to shell out a organization to run a personal computer with server software
package listening for your domain title, and handing out individuals files when somebody
asks for them. You could operate your individual server right in your dwelling room - lots of
geeks do - but that's typically far more obligation than most individuals want to consider on.
Your month to month internet hosting charge also signifies that whoever owns the laptop or
computer is going to fix issues when they split, and typically keep an eye on things for you. If
they're a hosting organization really worth the income you pay them, at the very least.


(Facet note: "Servers" aren't just for Internet internet sites. There are electronic mail servers
that sit all around listening for men and women to say "Hey! Get this letter to Jane Doe!".
There are file servers, normally in workplaces, that sit about waiting around for someone to
say "I want that presentation file from final week." Server plans are almost everywhere, and
every single time you have a personal computer interaction with another personal computer,
you're possibly conversing to a server.)


Again to the technology. Even though CSS was getting condition, the Web also observed the
increase of CGI, or "Frequent Gateway Interface," skills. (Notice that this is not the exact
same CGI as in motion picture particular results that is "Personal computer Produced
Imagery." There are only so many combos of a few letters out there.) CGI authorized a
programmer to write a software that sat on a Internet server and did factors much more
complex than just handing somebody an HTML file or a CSS sheet. With CGI, you could fill
out a "form" - individuals collections of text containers that enable you do issues like
purchase a e-book on Amazon or log in to Facebook - and do one thing with that details on
the server - like telling Joe in inventory to cost your card and mail you a ebook, or taking you
to your residence webpage on Facebook. CGI isn't a "language" in alone, it's just a system,
and there are dozens of programming languages that can talk CGI.


Hand-in-hand with CGI is the use of databases. Databases let a server maintain on to the
details you set in these kinds, and CGI can possibly store information into the database or
get it back out as essential. So when you make an account at Amazon, they're holding all of
your account data in a database. When you log in, Amazon remembers all kinds of info about
you by pulling it out of the database yet again. Databases enable you do much more than
just accounts, however. If you've ever utilized running a blog software like Wordpress,
Blogger, Joomla!, or any of the dozens of other site sorts out there (that includes Facebook
standing updates or Twitter tweets), you've used a database to keep your articles. All a site is
undertaking is storing your posts in the database, and then pulling out the most modern ones
whenever somebody comes to your site.


So you've listened to of fancy new resources like PHP, or Ruby on Rails, or Django? They're
fundamentally just variants on the CGI / database idea. Positive, they're a great deal a lot
more complicated than that, but it presents you an thought of what your designer / developer
is babbling about.
Yep, a lot more or less that's all there is to the Net. I've still left out a metric ton of things, but I
can always arrive back again to that later on. So, when you employ a designer to make a
internet site from scratch, here's what they're basically doing:


1. Uncover an appropriate domain name and purchase it (a problem in its personal correct),
   and level it to the hosting server
2. Just take all of your material (you did give them your content material, correct?) and mark
   it up in HTML
3. Compose CSS stylesheets that change that content material into a great-seeking website
4. Figure out any CGI / database issues that need to have to be accomplished, and set them
   up (typically named "back again-end" operate).



"That's so basic!" some clients will say. "I could do that myself!" It is true! You don't require a
license to be a net designer, and that's the way it was constantly meant. But when most folks
with this way of thinking start off striving to discover HTML and CSS, they stop up producing
nightmarish webpages that set MySpace to shame. Understanding the resources is not
ample - you also have to know how very best to use them. Proudly owning a hammer isn't
ample to make you a craftsman, and hitting a handful of nails with it as soon as or two times
doesn't make you a grasp carpenter.

One last be aware about Adobe Dreamweaver. Dreamweaver is just a software that assists
individuals compose HTML and CSS. That's it - the Internet does not need Dreamweaver to
work you can make an whole internet site in Notepad if you want, as prolonged as you
preserve the HTML file as ".html" and the CSS file as ".css". Dreamweaver does make
issues a little bit less difficult by allowing you "preview" your web site as you code and variety
items anywhere you want in that preview, but keep in mind the foundations of HTML and
CSS - text content material on one particular facet, presentation on the other. Dreamweaver
has a hard time carrying out that the sites it generates using individuals "visual tools"
conclude up like the spreadsheets I pointed out previously. Any great designer must be
capable to make a beautiful internet site with no ever touching Dreamweaver or its ilk. That's
why the style market typically views Dreamweaver as a crutch for people who don't but know
what they're performing.

Other issue you maybe involved in:

web developers in the philippines
wordpress development philippines

Mais conteúdo relacionado

Destaque

Thera band instruction manual
Thera band instruction manualThera band instruction manual
Thera band instruction manualcuitino
 
Educational standard in pakistan
Educational standard in pakistanEducational standard in pakistan
Educational standard in pakistanTalha Khan
 
Analisakeputusan bab2
Analisakeputusan bab2Analisakeputusan bab2
Analisakeputusan bab2Suseno Suseno
 
Tm 2 perancangan dan pengukuran kerja
Tm 2 perancangan dan pengukuran kerjaTm 2 perancangan dan pengukuran kerja
Tm 2 perancangan dan pengukuran kerjaSuseno Suseno
 
Dumb Money, Smart Money: Funding and Publishing Options for Independent Game ...
Dumb Money, Smart Money: Funding and Publishing Options for Independent Game ...Dumb Money, Smart Money: Funding and Publishing Options for Independent Game ...
Dumb Money, Smart Money: Funding and Publishing Options for Independent Game ...Giordano Bruno Contestabile
 
Franklin Middle School Brochure (Front)
Franklin Middle School Brochure (Front)Franklin Middle School Brochure (Front)
Franklin Middle School Brochure (Front)Anre'a Allen
 

Destaque (7)

Thera band instruction manual
Thera band instruction manualThera band instruction manual
Thera band instruction manual
 
Educational standard in pakistan
Educational standard in pakistanEducational standard in pakistan
Educational standard in pakistan
 
Analisakeputusan bab2
Analisakeputusan bab2Analisakeputusan bab2
Analisakeputusan bab2
 
Tm 2 perancangan dan pengukuran kerja
Tm 2 perancangan dan pengukuran kerjaTm 2 perancangan dan pengukuran kerja
Tm 2 perancangan dan pengukuran kerja
 
Dumb Money, Smart Money: Funding and Publishing Options for Independent Game ...
Dumb Money, Smart Money: Funding and Publishing Options for Independent Game ...Dumb Money, Smart Money: Funding and Publishing Options for Independent Game ...
Dumb Money, Smart Money: Funding and Publishing Options for Independent Game ...
 
Bab iii
Bab iiiBab iii
Bab iii
 
Franklin Middle School Brochure (Front)
Franklin Middle School Brochure (Front)Franklin Middle School Brochure (Front)
Franklin Middle School Brochure (Front)
 

Web Design and Development - The Mile-High View

  • 1. Web Design and Development - The Mile-High View With the speed of alter on the Net, it can be hard to bear in mind that extremely couple of folks truly keep up with the flood of new systems, frameworks, and acronyms. Unless of course you are developing for web-relevant organizations, it is very probably that your clientele will have no notion what "creating a web site" really entails, or what occurs following you are done designing. In this report, I hope to give you a very high-degree overview of the Internet that you can stage a client to, so that they can recognize what goes into a web internet site apart from Photoshop or Flash. Let's begin with a little bit of background. Prior to any of this Net malarkey arrived about, you had pc networks. That is to say, men and women related person mainframes (since personalized computer systems didn't exist nevertheless) with cables so they could speak to every single other. PC's came together, and offices began connecting a building's PCs with each other so they could discuss. Then some thing genuinely groundbreaking transpired: men and women related one particular workplace community with yet another. Lo and behold, the foundation of the Net as we know it was born. At its heart, the Web is a community of networks. In most situations, that smaller sized community is the one-4 pcs you have in your family, which link to the bigger "Internet" network by means of your router or cable modem or what have you. There is no "center" of the Internet, no overarching pc directing every little thing it really is just hundreds of thousands of little networks like the a single in your home or workplace connecting with 1 one more. There are methods established up to make it so that if your laptop or computer claims "Link me with laptop or computer XYZ," it can locate a way to make that link, but individuals programs (feel TCP/IP, routing, and so forth.) are as well complex to chat about below. So the Internet existed, but the Net as we know it did not. The Internet in individuals days was excellent for only a number of items: e-mail, bulletin boards, and Usenet, amongst other individuals. Then together came Tim Berners-Lee with his description of a new acronym: HTML. HyperText Markup Language authorized the 1st web designers (geeky scientists) to produce the very first net pages. Think of HTML like formatting in Microsoft Word the terms you create are all there, but Phrase / HTML let you give them some further indicating. HTML allowed web page creators to define their text as paragraphs, bulleted lists, numbered lists, tables of facts, and far more. Most importantly, HTML authorized site creators to url a single web page to yet another - the "HyperText" part of the title - so that associated files could be identified speedily and very easily. As I mentioned just before, the initial end users of HTML ended up geeky experts. HTML let them format their investigation papers, and website link their papers to the papers they cited. That was about it simple HTML doesn't have any true potential to "style" a webpage outdoors of pinpointing what's a paragraph and what is some thing a lot more specialised. So the Internet was a sea of text, with no even a solitary picture in sight.
  • 2. A few several years afterwards, competing tips about how to give pages some fashion had been merged into a one method, CSS. "Cascading Type Sheets" allow webpage creators make their webpages prettier by defining how the "elements" of HTML (lists, paragraphs, and many others.) ought to be shown. The webpage creator could now say that all text in paragraphs must be red, that lists must be bulleted with little squares as an alternative of circles, and to say how tall or extensive a certain piece of material must be on the display. Browser makers experienced added this functionality into their programs (like Netscape Navigator or Internet Explorer) for a even though by this position, but CSS did anything radical: it separated the content material to be exhibited from the principles about how to display it. Using CSS, a designer could write two fashion sheets that produced really distinct appears out of a one HTML site, with out generating any changes to the HTML. And however, in spite of the assure of CSS, it started out improperly carried out in many browsers, so that what appeared great in, say, Internet Explorer three was completely damaged in Netscape Navigator four. So, rather of CSS, a lot of designers (since it was now actually feasible to "design" a web page!) opted to use HTML's table capacity to lay out all their content. The thought was to use a web site like an Excel spreadsheet - make the columns and rows what ever width and peak you need to have, and then fill in each "cell" of the table with an picture, or some text, till you get what you want. This led to some great- looking types, but entirely and entirely broke the original tips of HTML. In a table-based mostly layout, the HTML doesn't have any meaning at all every thing is just a table cell. If the designer you are speaking with keeps telling you that "table-centered design" is a bad thing, that is why. Using HTML together with CSS tends to make a website that loads quicker and that truly has some meaning to devices (like Google!), as an alternative of a giant spreadsheet. Following all, would you at any time attempt to make artwork or create an write- up in Excel? So, we've acquired networks, HTML pages, and CSS stylesheets. How do they all match jointly? If an individual desires a web site, they 1st purchase a domain identify. Purchasing a domain identify gives you the proper to assign the name to a specific pc everywhere in the globe, of your individual selecting. A program named DNS ("Domain Identify System") informs all of the world's related networks of exactly where you pointed that title, so that when someone's personal computer claims "Any individual know how to get to myfavoritesite.com?", DNS can say "Certain, it's at laptop or computer XYZ in excess of there." Pc XYZ, meanwhile, is working a software called a World wide web server. "Server" is a extravagant title that scares individuals, but all it truly implies is that computer XYZ is sitting close to listening to its wire for any individual to say "Hey, I require the stuff for arborwebsolutions.com," and when it hears that, it will throw that stuff more than the wire. This is what men and women imply when they say you need to have to get "Net hosting" -
  • 3. you require to shell out a organization to run a personal computer with server software package listening for your domain title, and handing out individuals files when somebody asks for them. You could operate your individual server right in your dwelling room - lots of geeks do - but that's typically far more obligation than most individuals want to consider on. Your month to month internet hosting charge also signifies that whoever owns the laptop or computer is going to fix issues when they split, and typically keep an eye on things for you. If they're a hosting organization really worth the income you pay them, at the very least. (Facet note: "Servers" aren't just for Internet internet sites. There are electronic mail servers that sit all around listening for men and women to say "Hey! Get this letter to Jane Doe!". There are file servers, normally in workplaces, that sit about waiting around for someone to say "I want that presentation file from final week." Server plans are almost everywhere, and every single time you have a personal computer interaction with another personal computer, you're possibly conversing to a server.) Again to the technology. Even though CSS was getting condition, the Web also observed the increase of CGI, or "Frequent Gateway Interface," skills. (Notice that this is not the exact same CGI as in motion picture particular results that is "Personal computer Produced Imagery." There are only so many combos of a few letters out there.) CGI authorized a programmer to write a software that sat on a Internet server and did factors much more complex than just handing somebody an HTML file or a CSS sheet. With CGI, you could fill out a "form" - individuals collections of text containers that enable you do issues like purchase a e-book on Amazon or log in to Facebook - and do one thing with that details on the server - like telling Joe in inventory to cost your card and mail you a ebook, or taking you to your residence webpage on Facebook. CGI isn't a "language" in alone, it's just a system, and there are dozens of programming languages that can talk CGI. Hand-in-hand with CGI is the use of databases. Databases let a server maintain on to the details you set in these kinds, and CGI can possibly store information into the database or get it back out as essential. So when you make an account at Amazon, they're holding all of your account data in a database. When you log in, Amazon remembers all kinds of info about you by pulling it out of the database yet again. Databases enable you do much more than just accounts, however. If you've ever utilized running a blog software like Wordpress, Blogger, Joomla!, or any of the dozens of other site sorts out there (that includes Facebook standing updates or Twitter tweets), you've used a database to keep your articles. All a site is undertaking is storing your posts in the database, and then pulling out the most modern ones whenever somebody comes to your site. So you've listened to of fancy new resources like PHP, or Ruby on Rails, or Django? They're fundamentally just variants on the CGI / database idea. Positive, they're a great deal a lot more complicated than that, but it presents you an thought of what your designer / developer is babbling about.
  • 4. Yep, a lot more or less that's all there is to the Net. I've still left out a metric ton of things, but I can always arrive back again to that later on. So, when you employ a designer to make a internet site from scratch, here's what they're basically doing: 1. Uncover an appropriate domain name and purchase it (a problem in its personal correct), and level it to the hosting server 2. Just take all of your material (you did give them your content material, correct?) and mark it up in HTML 3. Compose CSS stylesheets that change that content material into a great-seeking website 4. Figure out any CGI / database issues that need to have to be accomplished, and set them up (typically named "back again-end" operate). "That's so basic!" some clients will say. "I could do that myself!" It is true! You don't require a license to be a net designer, and that's the way it was constantly meant. But when most folks with this way of thinking start off striving to discover HTML and CSS, they stop up producing nightmarish webpages that set MySpace to shame. Understanding the resources is not ample - you also have to know how very best to use them. Proudly owning a hammer isn't ample to make you a craftsman, and hitting a handful of nails with it as soon as or two times doesn't make you a grasp carpenter. One last be aware about Adobe Dreamweaver. Dreamweaver is just a software that assists individuals compose HTML and CSS. That's it - the Internet does not need Dreamweaver to work you can make an whole internet site in Notepad if you want, as prolonged as you preserve the HTML file as ".html" and the CSS file as ".css". Dreamweaver does make issues a little bit less difficult by allowing you "preview" your web site as you code and variety items anywhere you want in that preview, but keep in mind the foundations of HTML and CSS - text content material on one particular facet, presentation on the other. Dreamweaver has a hard time carrying out that the sites it generates using individuals "visual tools" conclude up like the spreadsheets I pointed out previously. Any great designer must be capable to make a beautiful internet site with no ever touching Dreamweaver or its ilk. That's why the style market typically views Dreamweaver as a crutch for people who don't but know what they're performing. Other issue you maybe involved in: web developers in the philippines wordpress development philippines