Web Designe I
What Internet is? <ul><li>The  Internet  is a global system of interconnected computer networks that use the standard Inte...
How Internet works? TCP: (Transmision control Protocol) IP: (Internet Protocol) TCP/IP:  Transmission Control Protocol/Int...
What World Wide Web is? <ul><li>The  World Wide Web , abbreviated as  WWW  and commonly known as  the Web , is a  system o...
What World Wide Web is? <ul><li>The  World Wide Web  (WWW) was created in 1989 by CERN physicist  Tim Berners-Lee . [2]  O...
<ul><li>El resultado final fue la definición de las especificaciones URL, HTTP y HTML en las que se basa la WWW. </li></ul...
HTML WEB PAGES
HTML CODE <ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;> <html lang=&quot;es&quot;> <he...
PHP WEB PAGE
 
Que es  Intranet <ul><li>Intra = dentro de  net= red </li></ul><ul><li>Llamada a veces Web interna, conecta entre si las c...
Que es  Extranet
Upcoming SlideShare
Loading in …5
×

Diseño de páginas web i

430 views
366 views

Published on

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
430
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Diseño de páginas web i

  1. 1. Web Designe I
  2. 2. What Internet is? <ul><li>The  Internet  is a global system of interconnected computer networks that use the standard Internet Protocol Suite (TCP/IP) to serve billions of users worldwide. It is a network of networks  that consists of millions of private, public, academic, business, and government networks of local to global scope that are linked by a broad array of electronic and optical networking technologies. The Internet carries a vast array of information resources and services, most notably the inter-linked hypertext documents of the World Wide Web (WWW) and the infrastructure to support electronic mail. </li></ul>
  3. 3. How Internet works? TCP: (Transmision control Protocol) IP: (Internet Protocol) TCP/IP: Transmission Control Protocol/Internet Protocol .
  4. 4. What World Wide Web is? <ul><li>The  World Wide Web , abbreviated as  WWW  and commonly known as  the Web , is a  system of interlinked  hypertext  documents accessed via the  Internet . With a  web browser , one can view web pages  that may contain  text ,  images ,  videos , and other  multimedia  and navigate between them by using  hyperlinks . Using concepts from earlier hypertext systems, British engineer and computer scientist  Sir Tim Berners-Lee , now the Director of the  World Wide Web Consortium ,  </li></ul>
  5. 5. What World Wide Web is? <ul><li>The  World Wide Web  (WWW) was created in 1989 by CERN physicist  Tim Berners-Lee . [2]  On 30 April 1993,  CERN  announced that the World Wide Web would be free to use for anyone. [3]  Before the introduction of HTML and HTTP, other protocols such as  file transfer protocol and the  gopher protocol  were used to retrieve individual files from a server. These protocols offer a simple directory structure which the user navigates and chooses files to download. Documents were most often presented as plain text files without formatting or were encoded in  word processor  formats </li></ul>
  6. 6. <ul><li>El resultado final fue la definición de las especificaciones URL, HTTP y HTML en las que se basa la WWW. </li></ul><ul><li>Basados en estas normas se crearon programas de computadoras que sirvieran para escribir la información que podían enviarse o consultarse en Internet, así como programas dedicados a localizar información . </li></ul><ul><li>A estos programas buscadores de información en Internet se les llamó Exploradores (Browser) </li></ul>
  7. 7. HTML WEB PAGES
  8. 8. HTML CODE <ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;> <html lang=&quot;es&quot;> <head> <meta content=&quot;text/html; charset=ISO-8859-1&quot; http-equiv=&quot;content-type&quot;> <title>Pagina de prueba</title> <meta content=&quot;Grupo de Apoyo a la Tele-Enseñanza&quot; name=&quot;author&quot;> <meta content=&quot;Esto es una página de ejemplo para el tema del mes&quot; name=&quot;description&quot;> </head> <body style=&quot;direction: ltr;&quot;> <br> <table style=&quot;text-align: left; margin-left: auto; margin-right: auto; width: 702px; height: 125px;&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;> <tbody> <tr> <td style=&quot;text-align: center; height: 100px;&quot;><img style=&quot;width: 700px; height: 100px;&quot; alt=&quot;Titulo de ejemplo&quot; src=&quot;file:///C:/Documents%20and%20Settings/sevir/Escritorio/Tema%20del%20mes/titweb.jpg&quot;><br> </td> </tr> <tr> <td> <table style=&quot;text-align: left; width: 100%;&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;> <tbody> <tr> <td style=&quot;width: 20%; background-color: rgb(248, 248, 248); vertical-align: top;&quot;><small><span style=&quot;font-weight: bold;&quot;><br> <span style=&quot;color: rgb(102, 0, 0);&quot;>MENU</span><br> <a style=&quot;color: rgb(51, 51, 51);&quot; href=&quot;#principal&quot;>Principal</a><br style=&quot;color: rgb(51, 51, 51);&quot;> <a href=&quot;#seccion1&quot;><span style=&quot;color: rgb(51, 51, 51);&quot;>Sección 1</span></a><br style=&quot;color: rgb(51, 51, 51);&quot;> <a href=&quot;#seccion2&quot;><span style=&quot;color: rgb(51, 51, 51);&quot;>Sección 2</span></a><br> <br> </span></small></td> <td> <h2><a name=&quot;principal&quot;></a>Titulo de prueba</h2> Como podemos ver una página web son simplemente etiquedas de texto que indican como representarlas dentro de un navegador.<br> <br> Podemos usar un editor visual tipo NVU o crear un fichero HTML desde Office u OpenOffice fácilmente y, si tenemos algunos conocimientos de las etiquetas HTML editarlas desde cualquier editor de textos.<br> <br> <h3><a name=&quot;seccion1&quot;></a>Sección 1</h3> Podemos indicar desplazamientos en la misma página con la etiqueta <a name=&quot;etiqueta&quot;> que posteriormente usaremos para desplazarnos con el menú.<br> <br> <br> <h3><a name=&quot;seccion2&quot;></a>Sección 2</h3> Cuando queremos crear páginas más complejas, aunque se puede usar igualmente programas como NVU y edición directa de la página, es mejor usar herramientas como Macromedia Dreanweaver ya que el desarrollo del proyecto será mucho más rápido porque ofrece todo tipo de ayudas visuales y en la inserción del código HTML.</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <br> </body> </html> </li></ul>
  9. 9. PHP WEB PAGE
  10. 11. Que es Intranet <ul><li>Intra = dentro de net= red </li></ul><ul><li>Llamada a veces Web interna, conecta entre si las computadoras de la red de una única organización. </li></ul><ul><li>Red que se enlaza entre si en base a la tecnología y protocolos de información con la que se trabaja en la Web. </li></ul>
  11. 12. Que es Extranet

×