Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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

671 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

×