Fundamentos de Programación Entorno Web Mauricio Durán Torres [email_address] [email_address] www.netcode.cl
Qué es Internet Internet  es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia ...
Servicios Web <ul><li>Un  servicio web  (en inglés,  Web service ) es un conjunto de protocolos y estándares que sirven pa...
Página Web <ul><li>Es un conjunto de instrucciones escritas en Lenguaje básicamente HTML para ser visualizado en Internet ...
HTML <ul><li>HTML , siglas de  HyperText Markup Language  ( Lenguaje de Marcado de Hipertexto ), es el lenguaje de marcado...
Estructura del HTML <ul><li><HTML> </li></ul><ul><li><HEAD> </li></ul><ul><li><!-- Comentario de HTML --> </li></ul><ul><l...
Características <ul><li>Se puede escribir sobre cualquier editor de texto, ejemplo: notepad.exe (Windows) Vim (Linux) </li...
Etiquetas <ul><li>Las Etiquetas en HTML son Definidas por el lenguaje y usadas por el desarrollador, dependiendo del uso y...
Algunas Etiquetas Usadas <ul><li><body>: El contenido de neustro sitio web </li></ul><ul><li><span>:  Permite agrupar vari...
Ejercicios Prácticos <ul><li>Crear 1 pagina web con los siguientes elementos. </li></ul><ul><li>Titulo página web: “Mi pri...
Ejercicios Prácticos <ul><li>Crear una página web que contenga el siguiente formato de tablas. </li></ul><ul><li>(3 filas ...
Ejercicios Prácticos <ul><li>Creación de un formulario web: </li></ul>
Características Nombre del Formulario: ForEjemplo Nombre Usuario  - Email: Input Text Sexo: Radio Button (Hombre- Mujer) I...
Nächste SlideShare
Wird geladen in …5
×

Html

666 Aufrufe

Veröffentlicht am

Mauricio Duran Torres
mdurant@netcode.cl

  • Als Erste(r) kommentieren

Html

  1. 1. Fundamentos de Programación Entorno Web Mauricio Durán Torres [email_address] [email_address] www.netcode.cl
  2. 2. Qué es Internet Internet es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial.
  3. 3. Servicios Web <ul><li>Un servicio web (en inglés, Web service ) es un conjunto de protocolos y estándares que sirven para intercambiar datos entre aplicaciones. El principal servicio web ocupado en el mundo es www. (World Wide Web). </li></ul><ul><li>Soap: Simple Object Access Protocol </li></ul><ul><li>XML: Extensible Markup Language </li></ul><ul><li>Otros Lenguajes para Servicios WEB </li></ul>
  4. 4. Página Web <ul><li>Es un conjunto de instrucciones escritas en Lenguaje básicamente HTML para ser visualizado en Internet por medio de un Browser o Navegador. </li></ul>
  5. 5. HTML <ul><li>HTML , siglas de HyperText Markup Language ( Lenguaje de Marcado de Hipertexto ), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. </li></ul><ul><li>(Wikipedia) </li></ul>
  6. 6. Estructura del HTML <ul><li><HTML> </li></ul><ul><li><HEAD> </li></ul><ul><li><!-- Comentario de HTML --> </li></ul><ul><li><TITLE>TÍTULO PÁGINA WEB </TITLE> </li></ul><ul><li></HEAD> </li></ul><ul><li><BODY> </li></ul><ul><li><!-- ACÁ COMIENZA EL CUERPO DE LO QUE VISUALIZA EL USUARIO --> </li></ul><ul><li>Mi primera página en HTML </li></ul><ul><li></BODY> </li></ul><ul><li></HTML> </li></ul>
  7. 7. Características <ul><li>Se puede escribir sobre cualquier editor de texto, ejemplo: notepad.exe (Windows) Vim (Linux) </li></ul><ul><li>El HTML no es Case Sensitive, es decir no le afecta si su código está en mayúscula o minúscula. </li></ul><ul><li>HTML es fácil de aprender </li></ul><ul><li>Las etiquetas HTML se definen por corchetes trinagulaes “< >” </li></ul><ul><li>El Final de cada Etiqueta se cierra con un Slach ( / ) </li></ul><ul><ul><li><html> </html> </li></ul></ul>
  8. 8. Etiquetas <ul><li>Las Etiquetas en HTML son Definidas por el lenguaje y usadas por el desarrollador, dependiendo del uso y objetivo que quiere dar. </li></ul><ul><li>Ejemplo: Texto en Negrita </li></ul><ul><li><b> Mi nombre es </b> </li></ul>
  9. 9. Algunas Etiquetas Usadas <ul><li><body>: El contenido de neustro sitio web </li></ul><ul><li><span>: Permite agrupar varios elementos en línea seguidos dentro de un mismo bloque (por ejemplo, varias palabras seguidas en un párrafo), para después darles formato con la hoja de estilo. </li></ul><ul><li><a>: Inserta vínculos o marcadores </li></ul><ul><li><address>: Provee información de contacto </li></ul><ul><li><applet>: Inserta un applet (scripts) </li></ul><ul><li><area />: Define sectores para mapas de imagen </li></ul><ul><li><bgsound />: Inserta musica de Fondo al sitio web </li></ul><ul><li><blockquote>: Citar párrafos </li></ul><ul><li><button>: Crea un botón </li></ul><ul><li><font>: Establece el estilo de fuente </li></ul><ul><li><form>: Permite crear formularios </li></ul><ul><li><frame />: Inserta un marco </li></ul><ul><li><iframe>: Inserta un marco dentro del documento </li></ul><ul><li><caption>: Establece un título para una tabla </li></ul><ul><li><div>: Define un bloque de contenido </li></ul><ul><li><img />: Permite insertar imagen </li></ul><ul><li><input />: Define un elemento de Formulario </li></ul><ul><li><p>: Define un párrafo </li></ul><ul><li><br>: Fuerza un quiebre de línea. </li></ul>
  10. 10. Ejercicios Prácticos <ul><li>Crear 1 pagina web con los siguientes elementos. </li></ul><ul><li>Titulo página web: “Mi primera Página” </li></ul><ul><li>Titulo Documento: “Hola, es mi primera web” (Verdana, 16px, bold, color: azul, centrado) </li></ul><ul><li>Imagen en el centro de 2 pixeles de borde </li></ul>
  11. 11. Ejercicios Prácticos <ul><li>Crear una página web que contenga el siguiente formato de tablas. </li></ul><ul><li>(3 filas y 3 columnas) </li></ul><ul><li>(2 cubos o celdas de la primera columna fondo amarillo) </li></ul><ul><li>En la celda central, colocar el texto: Hola </li></ul><ul><li>En la última celda de la ultima columna colocar el texto. Esto es una Tabla </li></ul>Es una Tabla Hola
  12. 12. Ejercicios Prácticos <ul><li>Creación de un formulario web: </li></ul>
  13. 13. Características Nombre del Formulario: ForEjemplo Nombre Usuario - Email: Input Text Sexo: Radio Button (Hombre- Mujer) Interés: Checkbox (Informática - Programación) Ciudad: Select, cuyos valores son: -Seleccione-, Osorno, Puerto Montt, Purranque, Rio Bueno, Rio Negro, Ancud Boton Enviar Información : Submit

×