Your SlideShare is downloading. ×
Diseño de páginas web i
Diseño de páginas web i
Diseño de páginas web i
Diseño de páginas web i
Diseño de páginas web i
Diseño de páginas web i
Diseño de páginas web i
Diseño de páginas web i
Diseño de páginas web i
Diseño de páginas web i
Diseño de páginas web i
Diseño de páginas web i
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Diseño de páginas web i


Published on

Published in: Education, Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Web Designe I
  • 2. What Internet is?
    • 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.
  • 3. How Internet works? TCP: (Transmision control Protocol) IP: (Internet Protocol) TCP/IP: Transmission Control Protocol/Internet Protocol .
  • 4. What World Wide Web is?
    • 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 , 
  • 5. What World Wide Web is?
    • 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
  • 6.
    • El resultado final fue la definición de las especificaciones URL, HTTP y HTML en las que se basa la WWW.
    • 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 .
    • A estos programas buscadores de información en Internet se les llamó Exploradores (Browser)
  • 8. HTML CODE
    • <!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>
  • 10.  
  • 11. Que es Intranet
    • Intra = dentro de net= red
    • Llamada a veces Web interna, conecta entre si las computadoras de la red de una única organización.
    • 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.
  • 12. Que es Extranet