uia pe-30 - randy valverde
TRANSCRIPT
![Page 1: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/1.jpg)
Programación en InternetPE-30LIC. RANDY ALEXANDER VALVERDE VALVERDE
http://www.randyvv.com/
![Page 2: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/2.jpg)
Salvedades: Toda la información contenida en la siguiente presentación ha sido extraída de la web tal cual, no se removerán hipervínculos ni corregirán errores del origen.
El propósito del curso es evaluar como se han llegado a conformar dichos sitios web desde su concepto básico hasta la plataforma que hoy en día representan.
Randy Valverde Valverde.
![Page 3: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/3.jpg)
Internet…
http://www.randyvv.com/
http://www.blogher.com/growth-internet-technology-will-trend-continue
http://www.ilmattino.it/tecnologia/internet/internet_ping_italia-1701210.html
https://www.klick.com/health/news/blog/mhealth/the-internet-of-things-in-healthcare/
http://www.megabyte.be/en/it-infrastructure/security-solutions/internet-access/
![Page 4: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/4.jpg)
Internet… El concepto Internet tiene sus raíces en el idioma inglés y se encuentra conformado por el vocablo inter (que significa entre) y net (proveniente de network que quiere decir red electrónica). Es un término que siempre debe ser escrito en mayúscula ya que, hace referencia a “La Red” (que conecta a las computadoras mundialmente mediante el protocolo TCP/IP) y sin un artículo que lo acompañe (el/la) para hacerle referencia.Fuente: http://concepto.de/internet/#ixzz4KGaSV76g
http://www.randyvv.com/
![Page 5: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/5.jpg)
http://www.randyvv.com/
![Page 6: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/6.jpg)
Correo electrónico:
http://www.randyvv.com/
![Page 7: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/7.jpg)
Correo electrónico El correo electrónico (en inglés: electronic mail, comúnmente abreviado e-mail2 o email3 ) es un servicio de red que permite a los usuarios enviar y recibir mensajes (también denominados mensajes electrónicos o cartas digitales) mediante redes de comunicación electrónica. El término «correo electrónico» proviene de la analogía con el correo postal: ambos sirven para enviar y recibir mensajes, y se utilizan "buzones" intermedios (servidores de correo). Por medio del correo electrónico se puede enviar no solamente texto, sino todo tipo de archivos digitales,4 si bien suelen existir limitaciones al tamaño de los archivos adjuntos.
Fuente: https://es.wikipedia.org/wiki/Correo_electr%C3%B3nico
http://www.otrogeek.net/2013/01/los-10-mejores-proveedores-de-servicios.html/
http://www.randyvv.com/
![Page 8: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/8.jpg)
Etiquetas: Formato de textoSalida Etiquetas requeridas El texto en negritas. El <B>texto</B> en negritas.
El texto en itálicas. El <I>texto</I> en itálicas.
El texto en formato teletipo. El <TT>texto</TT> en formato teletipo.
El texto en 2 tamaños más grandes y en rojo. El tamaño puede ser un valor absoluto en el rango 1..7.
El <FONT SIZE = +2 COLOR = "RED"> texto </FONT> en 2 tamaños más grandes y en rojo. El tamaño puede ser ...
Utilizar la dirección de e-mail [email protected] para contactarme.
Utilizar la dirección de e-mail <ADDRESS> [email protected] </ADDRESS> para contactarme.
http://www.randyvv.com/
![Page 9: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/9.jpg)
Etiquetas: Encabezamiento, párrafos, lineas
http://www.randyvv.com/
Salida Etiquetas requeridasEncabezado H1 <H1>Encabezado H1<\H1>Encabezado H3 <H3>Encabezado H3<\H3>Encabezado H6 <H6>Encabezado H6<\H6>
Salida Etiquetas requeridasÚltima oración del párrafo. Primera oración del nuevo párrafo.
Última oración ... <P> Primera oració del ...
Una oraciónsobre otra. Una oración <BR> sobre otra.
![Page 10: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/10.jpg)
Etiquetas: Primer sitio web
http://www.randyvv.com/
<HTML> <HEAD>
<TITLE>Título de la página</TITLE> ...
</HEAD>
<BODY> Aquí iría el contenido de la página
</BODY>
</HTML>
Entre las etiquetas <html> y <head> se suelen colocar otras opcionales, como por ejemplo:<meta name="description" content="Información sobre el Centro,las enseñanzas que se pueden cursar, los departamentos didácticos"><meta name="keywords" content="educación,enseñanza,instituto, profesores, alumnos">
![Page 11: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/11.jpg)
Etiquetas: Primer sitio web
http://www.randyvv.com/
<HTML> <HEAD>
<TITLE>Título de la página</TITLE> ...
</HEAD>
<BODY> Aquí iría el contenido de la página
</BODY>
</HTML>
Entre las etiquetas <html> y <head> se suelen colocar otras opcionales, como por ejemplo:<meta name="description" content="Información sobre el Centro,las enseñanzas que se pueden cursar, los departamentos didácticos"><meta name="keywords" content="educación,enseñanza,instituto, profesores, alumnos">
![Page 12: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/12.jpg)
Etiquetas: Imagenes
http://www.randyvv.com/
La marca <IMG> no necesita cierre y su sintaxis correcta es:
<IMG SRC="immagine.gif">
El uso de texto para comentar las imágenes es una regla fundamental que debemos observar en la creación de sitios web por varias razones:
<IMG SRC="immagine.gif" ALT="Obra de K. Haring">
En los ejemplos vistos hasta ahora, no hemos especificado las medidas de la imagen que el navegador se ha encargado de buscar automáticamente. Es posible definir la anchura y la altura de la imagen gracias a los atributos width y height, respectivamente:
<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 ALT="Obra de K. Haring">
donde WIDTH=178 es la dimensión horizontal (ancho) de la imagen expresada en píxel, y HEIGHT=180 la dimensión vertical (alto).
![Page 13: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/13.jpg)
Etiquetas: Imagenes
http://www.randyvv.com/
Con el atributo BORDER podemos aplicar un borde a la imagen. Los valores son numéricos y van expresados en píxel. Si impostamos el valor BORDER en 0, la imagen no va recuadrada. Cuando omitimos este atributo, el navegador no aplica ningún borde, pero si la imagen es también un enlace automáticamente se le asignará un BORDER=1. La sintaxis correcta es:
<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 ALT="Obra de K. Haring">
El atributo ALIGN define la posición de la imagen respecto al texto colocado inmediatamente antes o después de la misma. Existen varias opciones para el atributo ALIGN
ALIGN=top
ALIGN=middle
ALIGN=bottom
ALIGN=left
ALIGN=right
![Page 14: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/14.jpg)
Etiquetas: Imágenes
http://www.randyvv.com/
![Page 15: Uia pe-30 - randy valverde](https://reader035.vdocuments.mx/reader035/viewer/2022062400/588381411a28ab22688b7607/html5/thumbnails/15.jpg)
Etiquetas: Enlaces
http://www.randyvv.com/
El elemento <A> (la A corresponde al inglés Anchor) necesita una marca de apertura y una de cierre y entre ellas podemos insertar texto, imágenes y otros elementos multimedia.Para que funcione, el elemento <A> debe estar asociado a otros atributos. De éstos, el más importante es HREF (abreviatura del inglés Hypertext Reference), que contiene el URL o página donde ir. La sintaxis es:
<A HREF="http://www.htmlpoint.com">Visita HTMLpoint</A>
Hasta ahora hemos analizado los enlaces con recursos externos o con páginas diversas de un mismo sitio. Sin embargo, podemos asimismo crear enlaces con puntos específicos de un mismo documento gracias al código <A NAME="ancora">. En otras palabras, si con los enlaces examinados hasta ahora llegamos a un documento, con <A NAME> llegamos a una parte concreta del documento.
Inserta la marca <A NAME="ancora">
En el enlace desde el que quieres llegar al punto del nuevo documento, inserta la siguiente sintaxis: <A HREF="#ancora">Visita HTMLpoint</A>