diseño de páginas web i
DESCRIPTION
TRANSCRIPT
Web Designe I
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 anetwork 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.
How Internet works?TCP: (Transmision control Protocol)
IP: (Internet Protocol)
TCP/IP: Transmission Control Protocol/Internet Protocol .
What World Wide Web is?
• The World Wide Web, abbreviated as WWW and commonly known as the Web, is a systemof 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,
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 protocoland 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
• 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)
HTML WEB PAGES
HTML CODE• <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="es"> <head> <meta
content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Pagina de prueba</title> <meta content="Grupo de Apoyo a la Tele-Enseñanza" name="author"> <meta content="Esto es una página de ejemplo para el tema del mes" name="description"> </head> <body style="direction: ltr;"> <br> <table style="text-align: left; margin-left: auto; margin-right: auto; width: 702px; height: 125px;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="text-align: center; height: 100px;"><img style="width: 700px; height: 100px;" alt="Titulo de ejemplo" src="file:///C:/Documents%20and%20Settings/sevir/Escritorio/Tema%20del%20mes/titweb.jpg"><br> </td> </tr> <tr> <td> <table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="width: 20%; background-color: rgb(248, 248, 248); vertical-align: top;"><small><span style="font-weight: bold;"><br> <span style="color: rgb(102, 0, 0);">MENU</span><br> <a style="color: rgb(51, 51, 51);" href="#principal">Principal</a><br style="color: rgb(51, 51, 51);"> <a href="#seccion1"><span style="color: rgb(51, 51, 51);">Sección 1</span></a><br style="color: rgb(51, 51, 51);"> <a href="#seccion2"><span style="color: rgb(51, 51, 51);">Sección 2</span></a><br> <br> </span></small></td> <td> <h2><a name="principal"></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="seccion1"></a>Sección 1</h3> Podemos indicar desplazamientos en la misma página con la etiqueta <a name="etiqueta"> que posteriormente usaremos para desplazarnos con el menú.<br> <br> <br> <h3><a name="seccion2"></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>
PHP WEB PAGE
