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

244

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
244
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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)
  • 7. HTML WEB PAGES
  • 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>
  • 9. PHP WEB PAGE
  • 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

×