Páginas WEB Parte II INTRODUCCIÓN A LAS TECNOLOGÍAS INFORMÁTICAS. Escuela de Ingeniería de Sistemas y Computación Universidad del Valle
|
|
- María Ángeles Ferreyra Botella
- hace 6 años
- Vistas:
Transcripción
1 Páginas WEB Parte II INTRODUCCIÓN A LAS TECNOLOGÍAS INFORMÁTICAS Escuela de Ingeniería de Sistemas y Computación Universidad del Valle
2 Contenido Implementación de Sitios Web Herramientas de desarrollo Editores de código HTML Aplicaciones para la edición de imágenes El lenguaje (X)HTML Historia Estructura Manejo de texto Manejo de Imágenes Manejo de Enlaces Manejo de Tablas Aplicación de hoja de estilos Diagramación (Estilos en las cajas) Estilos en el texto Estilos en los enlaces 2
3 Herramientas de Desarrollo Editores de Código (X)HTML Editores de (archivos de) Texto (Plano) Windows: WordPad, NotePad Linux: Vi, Pico, Emacs Se escribe un archivo de texto con extensión htm o html 3
4 Herramientas de Desarrollo Editores de Código (X)HTML Editores de texto que reconocen Sintaxis Windows: TextPad, EditPad, NotePad++, VIM Linux: Nedit, Gedit,Kate, BlueFish Reconocen la Sintaxis Colorean etiquetas Marcan errores Brindan sugerencias 4
5 Herramientas de Desarrollo Editores de Código (X)HTML Editores Gráficos Windows: DreamWeaver, FrontPage, GoLive KompoZer (Nvu) Linux: QuantaPlus Nvu Permiten visualizar el resultado en el mismo entorno 5
6 Herramientas de Desarrollo Aplicaciones para Tratamiento de Imágenes Se deben optimizar las imágenes para que su peso sea el menor posible y aún se vean bien en pantalla Reducir Tamaño de la Imagen Tipo de archivo según el tipo de imagen Cantidad de colores Porcentaje de calidad A menor tamaño de la imagen, menor será su tiempo de transferencia en la red Cuando las imagen a desplegar tienen un gran tamaño, se usa la estrategia de dividirla en varias imágenes. Se ven como una sola, acomodándolas en celdas contiguas de una tabla. 6
7 Herramientas de Desarrollo Aplicaciones para Tratamiento de Imágenes Tratamiento de Imágenes Windows: FireWorks, PhotoShop Gimp Linux: Gimp 7
8 Historia HTML fue propuesto en 1989 por Tim Berners-Lee para promover la publicación de información a través de la naciente Internet Los documentos HTML por ser archivos de texto, son de poco tamaño, aptos para transmisión en Internet El Consorcio W3C mantiene el estándar de este lenguaje XHTML es el sucesor de HTML, es por eso que muchos lo consideran la versión actual de HTML, pero es una recomendación aparte que tiene una sintaxis más estricta que HTML. 8
9 Estructura (X)HTML usa etiquetas o marcas (lenguaje de marcado) que consisten en breves instrucciones de comienzo y final Toda etiqueta se identifica porque está encerrada entre los signos menor que (<) y mayor que (>) Todo el contenido de un documento HTML está enmarcado dentro de etiquetas Las etiquetas HTML indican al navegador cómo presentar (formatear) el contenido en la pantalla (color, tamaño, alineación, fuente, etc.) 9
10 Estructura En su mayoría, las etiquetas presentan una marca de apertura y otra de finalización <etiqueta>contenido</etiqueta> Algunas pocas etiquetas no tienen un contenido o etiqueta de finalización Salto de línea <br /> Línea Horizontal <hr /> Definición de Imagen <img src= imagen.jpg /> 10
11 Estructura En su mayoría, las etiquetas presentan una marca de apertura y otra de finalización <etiqueta>contenido</etiqueta> Algunas pocas etiquetas no tienen un contenido o etiqueta de finalización Salto de línea <br /> Línea Horizontal <hr /> Definición de Imagen <img src= imagen.jpg /> 11
12 Estructura Algunas etiquetas incluyen atributos a los que se les puede dar valor <etiqueta atributo1= valor1 atributo2= valor2... atributon= valorn >contenido</etiqueta> Ejemplos: <table bgcolor= white width= 100% >...</table> <a href= >Universidad del Valle</a> Para una lectura más cómoda, en el archivo HTML se debe presentar las etiquetas identadas según la jerarquía de contenido <etiquetapadre> <etiquetahija>...</etiquetahija> </etiquetapadre> 12
13 Estructura <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <html xmlns=" <head> <title>título de la Página</title> </head> <body> Contenido de la Página </body> </html> Inicio del documento Encabezado Cuerpo Fin del documento Encabezado: define características y atributos especiales del documento, se denota entre las etiquetas <head></head> Cuerpo: contiene la información a mostrar, se denota entre las etiquetas <body></body> 13
14 Manejo de Texto Caracteres Especiales HTML tiene una manera especial de presentar algunos caracteres: á é í ó ú ñ (espacio ü < & á é í ó ú ñ obligatorio) &uumi; < & Á É Í Ó Ú Ñ Á É Í Ó Ú Ñ º ª & " º ª nbsp; Ü > %iexcl; &Uumi; > ½ ¼ ¾ ½ ¼ ¾ 15
15 Manejo de Texto - Títulos Se puede manejar jerarquía de títulos usando las etiquetas <h1>, <h2>, <h3>, <h4>, <h5> y <h6> <h1>título más grande</h1> <h2>título de tamaño 2</h2> <h3>título de tamaño 3</h3> <h4>título de tamaño 4</h4> <h5>título de tamaño 5</h5> <h6>título más pequeño</h6> Título más grande Título de tamaño 2 Título de tamaño 3 Título de tamaño 4 Título de tamaño 5 Título más pequeño 16
16 Manejo de Texto Numeración y Viñetas Lista NO Ordenada (Viñetas): <ul>...</ul> <ul> <li>elemento 1</li> <li>elemento 2</li> <li>elemento 3</li> </ul> El Atributo type indica el tipo de viñeta a usar: circle,square <ul type="square"> <li>elemento 1</li> <li>elemento 2</li> <li>elemento 3</li> </ul> 18
17 Manejo de Texto Numeración y Viñetas Lista Ordenada (Numeración): <ol>...</ol> <ol> <li>elemento 1</li> <li>elemento 2</li> <li>elemento 3</li> </ol> El Atributo start indica el inico de la cuenta: 1, 2, 3, etc El Atributo type indica el tipo de numeración a usar: A: letras en mayúsculas a: letras en minúsculas 1: números arábigos I: romanos en mayúsculas i: romanos en minúsculas <ol type="i" start="3">...</ol> 19
18 Manejo de Enlaces <a>...</a> permite enlazar con otras páginas en Internet desde la página actual El atributo href determina la dirección a la cual se desea enlazar Ejemplo de enlace usando texto: <a href= >Universidad del Valle</a> Ejemplo de enlace usando imagen: <a href= ><img src= logouv.gif /></a> 21
19 Manejo de Tablas Etiquetas para construir tablas: Inicio y final de la Tabla <table>...</table> Encabezado de la Tabla <th>...</th> Inicio y final de una Fila <tr>...</tr> Inicio y final de una Columna <td>...</td> Ejemplo de Tabla con 2 filas y 2 columnas: <table border="1" width="400"> <th>título Columna 1</th><th>Título Columna 2</th> <tr><td>fila 1, Columna 1</td><td>Fila 1, Columna 2</td></tr> <tr><td>fila 2, Columna 1</td><td>Fila 2, Columna 2</td></tr> </table> 22
20 Manejo de Tablas Atributos para la etiqueta <td>: align: alineación del texto y objetos dentro de la columna (left, right, center) bgcolor: color de fondo de la celda width: ancho en pixeles o porcentaje de la celda height: alto en pixeles o porcentaje de la celda colspan: cantidad de columnas a combinar <table width= 100% bgcolor= red align= right > <tr valign= top bgcolor= blue > <td bgcolor= yellow >Celda 1</td> <td colspan= 2 >Celda 2</td> </tr> </table> 25
Introducción: páginas web y navegadores
IB14 Informática Aplicada a la Construcción Creación de páginas web con HTML Introducción: páginas web y navegadores Una página web, pese a la gran cantidad de colores, imágenes e información que puede
Más detallesActividad 3: Codificación básica de un texto en HTML
Actividad 3: Codificación básica de un texto en HTML Abrir un editor de texto, por ejemplo en nuestro caso notepad, después codificar los elementos básicos y guardar en una carpeta con la extensión.html
Más detallesTaller de Paginas Web
Taller de Paginas Web Las páginas web son documentos de texto que se comparten en la red. La mecánica es la siguiente : Un ordenador de usuario, que llamarermos cliente, hace una petición a una direccion
Más detallesEstas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.
Estructura de una página Web Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente
Más detallesHTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003
HTML guía rápida de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre HTML4 disponible en: http://www.w3.org/tr/html4/ Jorge Sánchez 2003 índice introducción...
Más detallesPHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani
PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora continuaremos con el estudio de las páginas
Más detallesPara iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:
Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras
Más detallesUNIDAD 1 GENERALIDADES HTML
UNIDAD 1 GENERALIDADES HTML GENERALIDADES HTML5 Una página web es un archivo con texto en el que se insertan diferentes etiquetas HTML, para que ese contenido pueda ser interpretado por el navegador web.
Más detallesTEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)
TEMA 2. CREAR SITIOS WEB USANDO CÓDIGO HTML Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) Sesión 10 Tablas Introducción Las tablas son posiblemente la manera más clara de organizar
Más detallesHTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional
Más detallesLa primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es:
TEMA P1. CURSO BÁSICO DE PROGRAMACIÓN EN LENGUAJE HTML HTML es un acrónimo de HiperText Markup Language que, traducido al español, quiere decir algo así como lenguaje de definición por marcas para hipertexto,
Más detallesT E X T O D E L M A N U A L D E H T M L, W E B M A E S T R O, P O R F R A N C I S C O A R O C E N A
T E X T O D E L M A N U A L D E H T M L, W E B M A E S T R O, P O R F R A N C I S C O A R O C E N A Q U E S E E N C U E N T R A E N I N T E R N E T E N : h t t p : / / w w w. l a n d e r. e s / w e b m
Más detallesELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ
CECYTEM PLANTEL NICOLAS ROMERO II Manual para crear páginas web en HTML GRUPO: 301 ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ HTML (HyperText Markup Language - Lenguaje de Marca de Hipertextos)
Más detallesUniversidad Politécnica de El Salvador Computación Básica. HTML Guía 1. Requerimientos y material. Qué es HTML? Etiquetas
Universidad Politécnica de El Salvador Computación Básica HTML Guía 1 Requerimientos y material Internet es un medio que no precisa de mucho conocimiento, el prerrequisito inmediato para poder usar esta
Más detallesMATRIZ DE VALORACIÓN O RÚBRICA. Actividad de evaluación:
MATRIZ DE VALORACIÓN O RÚBRICA Siglema: DEWE-02 Nombre del Módulo: Nombre del Alumno: Docente evaluador: Grupo: Fecha: Resultado de Aprendizaje: 1.2 Elabora páginas web estáticas haciendo uso del lenguaje
Más detallesProfesor: Víctor Cárdenas Schweiger
Profesor: Víctor Cárdenas Schweiger 2014 En primer lugar se debe especificar que el archivo de texto que se esta escribiendo es un documento HTML, para ello usamos las instrucciones de inicio y fin de
Más detallesUNIDAD 4: NOCIONES BÁSICAS DE DISEÑO WEB (MAQUETACIÓN HTML) CURSO ELABORACIÓN DE CONTENIDOS FORMATIVOS Plan de Formación Edukanda
UNIDAD 4: NOCIONES BÁSICAS DE DISEÑO WEB (MAQUETACIÓN HTML) CURSO ELABORACIÓN DE CONTENIDOS FORMATIVOS Plan de Formación Edukanda 1 Índice 1. Introducción... 3 2. Objetivos... 4 3. El lenguaje HTML...
Más detallesLenguaje HTML y páginas web. Alex Sánchez
Lenguaje HTML y páginas web Alex Sánchez Introducción: La web y las páginas web Componentes de la web Como funciona la web? Como es la comunicación en la web El acceso a la Web suele basarse en un un explorador
Más detallesNociones basicas de HTML
Nociones basicas de HTML Para comprender lo que veremos mas adelante es necesario tener conocimientos basicos de informatica e Internet en entorno Windows. Para hacer los ejercicios basta con un Navegador
Más detallesESTRUCTURA DE UN DOCUMENTO HTML
HTML HTML (HyperText Markup Language) es el código en el que se escriben los documentos de hipertexto leídos por los navegadores web, de tal forma que éstos reciben indicaciones sobre cómo debe presentarse
Más detalles(X)HTML. Tablas. Las tablas son grupos de celdas que contienen información.
Las tablas son grupos de celdas que contienen información. Toda celda de una tabla puede albergar cualquier elemento disponible en una página web (siempre que pueda incluirse en el elemento body). Para
Más detallesDiseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí.
Internet Es una red de redes de ordenadores, que intercambian información basándose en el protocolo TCP/IP. Existen diversas formas de acceder a Internet: Correo electrónico, FTP, Videoconferencia, y la
Más detallesPráctica de HTML (Curso )
Práctica de HTML (Curso 2007-2008) Introducción HTML (Hypertext Markup Language) es un lenguaje estándar utilizado en Internet para representar la información intercambiada por sus usuarios en forma de
Más detallesCONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB
COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO PRIMER BIMESTRE GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML Y DREAMWEAVER
Más detallesMANUAL DE REFERENCIA DE PROGRAMACIÓN HTML
MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con
Más detallesEtiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción
Etiquetas Básicas (Estructura HTML) Inicio y final del documento html text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin
Más detallesH T M L. Marquesinas y Listas U.A.C.M COMPUTACIÓN II. Prácticas
Prácticas H T M L U.A.C.M COMPUTACIÓN II Marquesinas y Listas Práctica VII HTML Básico El objetivo es trabajar con dos elementos que nos darán un mejor aspecto a la información que se visualice en nuestra
Más detallesINTRODUCCIÓN AL LENGUAJE HTML
1 INTRODUCCIÓN A ENGUAJE HTM En otro de los cursos de esta serie de apuntes ya aprendimos a navegar y buscar información en Internet. De esta forma, es posible acceder a recursos que pueden ser útiles
Más detallesApuntes básicos de HTML I.E.S. Pintor José María Fernández
Manual Básico de HTML Este manual lo he realizado con la intención de servir como primer contacto con el lenguaje HTML (Hyper Text Markup Language), que es el que se utiliza para la creación de páginas
Más detallesObjetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.
Objetivos El alumno conocerá los elementos indispensables para crear una página web. Al final de esta práctica el alumno podrá: 1. Crear una página web básica utilizando html. Introducción El lenguaje
Más detallesTEMA 9 CREACIÓN DE PÁGINAS WEB
TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio
Más detallesProgramación de aplicaciones WEB
Programación de aplicaciones WEB Tecnologías del lado del del cliente 1 Tecnologías del lado del cliente Estructura HTML/XHTML Presentación Hojas de estilo (CSS) Comportamiento JavaScript 2 Introducción
Más detallesManual básico de HTML
Manual básico de HTML 1 Índice 1Estructura básica...3 Atributos de la etiqueta BODY...3 2Formación de parráfos:...4 Cabeceras / Headings...4 Párrafos / Paragraph...4 Múltiples espacios...4 Salto línea...5
Más detallesUNIDAD I HOJA ELECTRÓNICA DE CÁLCULO
UNIDAD I HOJA ELECTRÓNICA DE CÁLCULO COMPETENCIA PARTICULAR: Utiliza herramientas de la hoja electrónica de cálculo para el procesamiento de la información en su ámbito académico, social y laboral. PRACTICA
Más detallesCurso básico de creación de páginas web
Curso básico de creación de páginas web Programa de formación docente UAM 2005-2006 Miguel Sevilla Callejo Abril 2006 Departamento de Geografía Universidad Autónoma de Madrid Objetivos Desarrollar las
Más detallesGuía para crear, editar y eliminar páginas. WordPress Grupo Mutual
Guía para crear, editar y eliminar páginas WordPress Grupo Mutual Crear una nueva Página (1) 1. Ingresar a WordPress y acceder al panel de "Páginas": Crear una nueva Página (2) 2. Seleccionar uno de los
Más detallesHTML. El Lenguaje de Programación de Páginas Web. Iván Martínez Toro
HTML El Lenguaje de Programación de Páginas Web Iván Martínez Toro ÍNDICE DECONTENIDOS Introducción al HTML. Estructura general de una página: etiquetas HTML, HEAD y BODY. Dar título a la página con la
Más detallesLÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B)
APRENDERAPROGRAMAR.COM LÍNEAS SEPARADORAS. ETIQUETA . COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) Sección: Cursos Categoría: Tutorial básico del programador
Más detallesLos documentos HTML son ficheros de texto plano (también conocidos como ASCII) que pueden ser editados con cualquier editor de texto (como Vim o el
El lenguaje HTML HTML significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos,
Más detalles4º Unidad Didáctica. Lenguaje HTML. Eduard Lara
4º Unidad Didáctica Lenguaje HTML Eduard Lara 1 ÍNDICE 4.1 Lenguaje HTML 4.2 Etiquetas HTML 4.3 Estructura del documento HTML 4.4 Texto en HTML en HTML 4.5 Hiperenlaces en HTML 4.6 Imágenes en HTML 4.7
Más detalles1. NIVEL BÁSICO-CURSO NVU
CURSO MULTIMEDIA DE CREACIÓN DE PÁGINAS WEB - Este curso esta desarrollado de forma que a Vd. le sea sencillo, rápido y cómodo su aprendizaje. El curso está dividido en dos niveles: Básico e Intermedio.
Más detallesCreación de una página web accesible sencilla
Creación de una página web accesible sencilla Unidad 1: Concepto de accesibilidad web y primeros pasos Objetivos: -Crear una página web sencilla que pueda ser accesible a la mayor cantidad de usuarios
Más detallesCurso de HTML 4.0. 1. Introducción al curso. Requisitos. Agradecimientos
Curso de HTML 4.0 1. Introducción al curso Este curso ha nacido con la intención de complementar a aquellos interesados en crear y diseñar páginas en Internet. Así podrás comprender mejor de donde surge
Más detallesUNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
CICLO 01-2016 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 7 Nombre de la práctica: Uso de tablas en una página Web Lugar de ejecución: Laboratorio
Más detallesIntroducción al desarrollo WEB. Tecnologías Web
Introducción al desarrollo WEB Tecnologías Web Un poco de Historia World Wide Web (WWW) Inventada por Tim Berners Lee en 1989!!! Mientras trabajaba European Organization for Nuclear Research (CERN) http://www.w3.org/consortium/history.html
Más detallesInformación general. Últimas noticias
Información general Últimas noticias 1 Registro de miembros Texto informativo { Registro nuevo usuario { 2 Registro de miembros 1) Acceder a secciones privadas de la página. 2) Acceso a contenido descargable
Más detallesMANUAL PRACTICO DE HTML
MANUAL PRACTICO DE HTML 1 La estructura tiene tres partes cabeza, cuerpo, cierre o fin. MI PC... Aquí iría el contenido que ve el usuario final
Más detallesDISEÑO DE PAGINAS WEB
DISEÑO DE PAGINAS WEB HTML HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben laspáginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto
Más detalles(Recopilado de: http://www.zonagratuita.com/a-cursos/internet/paginaswap.htm)
COMO HACER PÁGINAS WAP (Recopilado de: http://www.zonagratuita.com/a-cursos/internet/paginaswap.htm) La creación de una pagina WAP se puede hacer en cualquier editor de texto, si bien, hay editores y herramientas
Más detallesGUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL
GUÍA DE APRENDIZAJE COMPUTACIÓN BÁSICA II COMPETENCIA GENERAL Maneja herramientas informáticas vigentes que le permiten administrar y difundir información diversa en un contexto social, académico y laboral
Más detallesDISEÑO DE PAGINAS CON HTML
DISEÑO DE PAGINAS CON HTML CONCEPTOS HTML (Hyper Text Markup Language) Lenguaje con el que se escriben paginas web. Es un lenguaje de hipertexto. Permite escribir texto de forma estructurada. Compuesto
Más detalles1. Introducción a HTML
Introducción a HTML 1. Introducción a HTML 1. Introducción a HTML Qué es HTML? El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto, es decir, documentos de texto estructurado,
Más detallesESTRUCTURA DEL CÓDIGO HTML5
ESTRUCTURA DEL CÓDIGO HTML5 1. DocType Es la etiqueta que se escribe en la primera línea del código. Permite declarar el tipo de documento. Es decir, el doctype indica que el documento está escrito siguiendo
Más detallesEDICIÓN WEB CÓDIGO HTML
EDICIÓN WEB CÓDIGO HTML 1. Estructura básica de un documento HTML 1.1. Tipos de etiquetas. Etiqueta cerrada Mi página Web Etiqueta abierta Etiqueta con parámetros
Más detallesCURSO PÁGINAS WEB HTML: CÓDIGO EN EL EDITOR GEDIT
CURSO PÁGINAS WEB HTML: CÓDIGO EN EL EDITOR GEDIT Colegio Concertado Valdecás 1. Estructura de una página web a) Etiquetas de comienzo y fin del documento (etiqueta de entrada)... (etiqueta
Más detallesLa etiqueta TABLE. Hay que cerrarla con </TABLE>
La etiqueta TABLE La etiqueta sirve para crear tablas. Tiene diversos parámetros: Border: indica el borde de la tabla. Si se omite, el valor por defecto es 0. Cellpadding: varía el espacio que
Más detallesELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ
CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ Página1 CREACIÓN DE LA BASE DE DATOS EN MySQL REGISTRO DE USUARIOS UTILIZANDO PHP CON MYSQL Una vez instalada nuestro servidor local de Apache, procedemos a crear
Más detallesCREAR TABLAS EN HTML. ATRIBUTOS COLSPAN Y ROWSPAN. UNIFICAR CELDAS EN HORIZONTAL Y VERTICAL. CAPTION O TÍTULO (CU00719B)
APRENDERAPROGRAMAR.COM CREAR TABLAS EN HTML. ATRIBUTOS COLSPAN Y ROWSPAN. UNIFICAR CELDAS EN HORIZONTAL Y VERTICAL. CAPTION O TÍTULO (CU00719B) Sección: Cursos Categoría: Tutorial básico del programador
Más detallesGuia para el principiante
Guia para el principiante Este documento asume que usted sabe como publicar en WWW. Lenguaje HTML El lenguaje HTML es el usuado actualmente para escribir textos hypermediales en el Web. El siguiente texto,
Más detallesUF1302 Creación de páginas web con lenguajes de marcas
UF1302 Creación de páginas web con lenguajes de marcas TEMA 1. Los lenguajes de marcas TEMA 2. Imágenes y elementos multimedia TEMA 3. Técnicas de accesibilidad y usabilidad TEMA 4. Herramientas de edición
Más detallesDiseño de páginas web 2011
Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero
Más detallesJAV JA A V S A C S R C I R P I T
JAVASCRIPT Introducción Introducción JavaScript es un lenguaje de programación que se utiliza principalmente para crear paginas web dinámicas. i Una pagina web dinámica incorpora efectos en el texto, animaciones,
Más detalleswww.luiscanada.com Podemos decir, por lo tanto, que el HTML es el lenguaje usado por los navegadores para mostrar las páginas web al usuario.
Qué es el HTML? HTML es el lenguaje con el que se escriben las páginas web. Las páginas web pueden ser vistas por el usuario mediante un tipo de aplicación llamada navegador. Podemos decir, por lo tanto,
Más detallesPrácticas con... HTML. Luis Escandell Gómez Enero de 2.007
Prácticas con HTML Luis Escandell Gómez Enero de 2.007 1 Práctica 1 - Introducción a HTML (1) A lo largo de estas prácticas vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear
Más detallesCreación de Páginas WEB con HTML
Universidad de Cantabria Creación de Páginas WEB con HTML Febrero-2006 Ricardo Sáez Marta Zorrilla Creacion paginas Web con HTML 1 Introducción El servicio WEB utiliza para la transferencia de información
Más detallesQué es HTML? Páginas WEB. Etiquetas
Guía de Html 2015 QUÉ ES HTML PÁGINAS WEB ETIQUETAS ESTRUCTURA BÁSICA DE UNA PÁGINA WEB CÓMO SE UTILIZAN LOS COLORES EN HTML? TEXTO EN HTML ENCABEZADOS UBICACIÓN, FORMATO Y ATRIBUTOS DE TEXTO TABLAS NUMERACIÓN
Más detallesPráctica 4: Edición de contenidos web
Comercio Electrónico Práctica 4: Edición de contenidos web Antonio Sanz ansanz@unizar.es Rafael del Hoyo rdelhoyo@ita.es Objetivo de la práctica En esta práctica se pretende realizar una introducción a
Más detallesGUIA 3. Tema: Hipervínculos. Qué es un hipervínculo?
GUIA 3 Tema: Hipervínculos. Objetivo General Crear una página de inicio para que los alumnos puedan aplicar los diferentes tipos de enlaces de hipertexto que existen en la web. Objetivos Específicos Crear
Más detallesTema 5: La red de redes: Internet
Tema 5: La red de redes: Internet > Qué es Internet? Todo el mundo habla de Internet: se hace referencia en clase, en revistas de moda, entre amigos... Acceder a una página web, hablar con los amigos a
Más detalles[HTML (HYPERTEX T MARKUP LANGUAJE)]
HTML se basa en principalmente en etiquetas, que son como instrucciones para dar formato a las diferentes partes de una página web. Para toda persona interesada en crear páginas web es importante conocer
Más detallesHTML y XHTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014
HTML y XHTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Etiquetas Contenido de una página web: Contenido (información). Instrucciones de estructura
Más detallesCurso de Diseño web. Juan Carlos Hernández Pérez juancarhdezperez@gmail.com
Curso de Diseño web Juan Carlos Hernández Pérez juancarhdezperez@gmail.com 1 Tema 1 Introducción al lenguaje HTML 2 Introducción a HTML (I/II) HTML es un lenguaje para publicar textos en Web HTML te permite
Más detallesCurso de Lenguaje de programación HTML
OBJETIVOS DEL CURSO Para comenzar a programar páginas Web realicemos este programa formativo sobre el lenguaje de programación de páginas Web por excelencia: HTML. Explicaciones prácticas y múltiples ejercicios
Más detallesHTML HTML HTML. Diseño de Sitios Web. Qué es HTML?
Diseño de Sitios Web 5 (I) Qué es? Es un lenguaje descriptivo con el cual se describe la estructura del texto y todos los elementos que se muestran en la página. Es el método más usado para publicar documentos
Más detallesCOLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO SEGUNDO BIMESTRE 2015 GRADO UNDECIMO
COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO SEGUNDO BIMESTRE 2015 GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML
Más detallesTema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!
Tema 3. Conceptos Básicos de HTML ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Lenguajes de descripción! Grupo de lenguajes que describen cómo representar
Más detallesCursito 27: Curso de HTML Parte 3
Por Roxana Bassi rox@roxanabassi.com.ar / http://www.roxanabassi.com.ar Publicado en la sección los cuadernos de Internet World en la revista Internet World Latinoamérica en el período 1995-1999 Cursito
Más detallesMinisterio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 2: Aspectos básicos.
Ministerio de Educación, Cultura y Deporte. HTML5 en la educación Módulo 2: Aspectos básicos. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Aspectos básicos del lenguaje
Más detallesHTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE
HTML HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE Se elaboró un protocolo para soportar e envío de información por la red. HTTP (Hyper Text Transfer Protocol)
Más detallesCONTENIDO TEMÁTICO. Pág. 1. INTRODUCCIÓN A HTML... 3 QUÉ ES HTML?... 3 NAVEGADORES... 3 EDITORES... 4 ETIQUETAS... 5 MI PRIMERA PÁGINA...
CONTENIDO TEMÁTICO Pág. 1. INTRODUCCIÓN A HTML... 3 QUÉ ES HTML?... 3 NAVEGADORES... 3 EDITORES... 4 ETIQUETAS... 5 MI PRIMERA PÁGINA... 6 2. ESTRUCTURA DE UNA PÁGINA... 9 IDENTIFICADOR DEL TIPO DE DOCUMENTO
Más detallesPLAN DE SESIÓN. 1.1 Determina la estructura del sitio web con base en las necesidades del usuario
DATOS GENERALES: Nombre del Módulo: Diseño y elaboración de páginas web Sesión No. 1 Duración 2 horas 1.1 Determina la estructura del sitio web con base en las necesidades del usuario Estructura y compara
Más detallesDesarrollo y servicios web
Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2015-1 Qué vimos la clase pasada? 1.Presentación general 2. Presentación del curso 3. Conceptos introductorios e ingeniería web 4. Arquitectura web
Más detallesListado de elementos o etiquetas HTML5
Listado de elementos o etiquetas HTML5 Etiqueta Función Define un comentario Define el tipo de docuemento Define
Más detallesFACULTAD DE CIENCIAS DE LA EMPRESA UPCT Departamento de Economía de la Empresa
FACULTAD DE CIENCIAS DE LA EMPRESA UPCT Departamento de Economía de la Empresa Introducción a la programación de páginas web en el entorno de las Ciencias de la Empresa Profesor: Ramón Cantó Alcaraz Despacho:
Más detallesPLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA
PLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA Consideraciones iniciales: 1. Presentar el reglamento del aula de medios (uso correcto de las computadoras, medidas de seguridad en el aula,
Más detalles7.1 Estructura Básica de jas Tablas
Las tablas permiten representar los elementos de una página en filas y columnas separadas entre si. Es una herramienta muy útil para ordenar contenidos de distintas partes de nuestra página. Las tablas
Más detallesTabla 3 Diámetro de la Nombre Perímetro de la muñeca muñeca (aprox.) Cierre: (20 minutos) Perímetro de Nombre Tal a o
Más detalles
Taller 1. Creación una Página Web Personal
Taller 1 Creación una Página Web Personal El objetivo de este taller es comenzar a trabajar los elementos básicos utilizados en HTML como imágenes, hipervínculos (links), listas, tablas, para crear una
Más detalles1. Temario Curso Web Design 2014
1. Temario Curso Web Design 2014 FIREWORKS Diseño profesional de interfaces web Nociones generales para qué sirve?, diferencia con Photoshop Espacio de trabajo - Barras de menú, herramientas y paletas
Más detallesGUÍA DE DISEÑO DE APLICACIONES DE PROGRAMAS INTEGRADOS II. Examen de Recuperación
1 GUÍA DE DISEÑO DE APLICACIONES DE PROGRAMAS INTEGRADOS II Examen de Recuperación En el presente trabajo encontrarás la base teóricapractica para resolver los ejercicios que se te solicitan. La teoría
Más detallesGUIA 2 Tema: Lenguaje de etiquetas. Introducción al HTML
Diseño Digital V. Guía 2 15 GUIA 2 Tema: Lenguaje de etiquetas. Introducción al HTML Objetivos Introducir al alumno en el lenguaje HTML para que comprenda la sintaxis de éste lenguaje de etiquetas y comprenda
Más detallesDESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA
DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base
Más detallesUNIVERSIDAD DE CASTILLA LA-MANCHA CURSO DE FORMACIÓN FRONTPAGE
UCLM UNIVERSIDAD DE CASTILLA LA-MANCHA CURSO DE FORMACIÓN FRONTPAGE TEMA 1: INTRODUCCIÓN...2 1.1. INTERNET...2 1.2.LA WEB...2 Página Web...2 1.3. CLIENTES Y SERVIDORES...2 2. INICIACIÓN EN HTML...3 2.1.
Más detallesEDITOR DE PÁGINAS WEB KOMPOZER (4º ESO)
EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO) 1) INSTALACIÓN 2) CREAR LA ESTRUCTURA DE CARPETAS 3) ABRIR EL PROGRAMA 4) GUARDAR LA PÁGINA WEB 5) CERRAR EL PROGRAMA 6) ABRIR EL ARCHIVO HTML DESDE EL KOMPOZER
Más detallesPHP y MySQL. Aplicaciones Web: HTML I (segunda parte) Autor: Johnny Zulca Mamani
PHP y MySQL. Aplicaciones Web: HTML I (segunda parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora estudiaremos las páginas Web HTML, la estructura
Más detallesPáginas Web. Navegadores. Creación de Htmls.
Colegio Bosque Del Plata Tecnología de la Información y las Comunicaciones UNIDAD 1 Páginas Web E-mail: garcia.fernando.j@gmail.com Profesor: Fernando J. Garcia Ingeniero en Sistemas de Información Unidad
Más detallesHTML 2 / Atributos/etiquetas(Tags)
HTML 2 / Atributos/etiquetas(Tags) ATRIBUTOS bgcolor=#ff0000 Asigna un color en hexadecimal o en RGB a el fondo de todo el body ( la página) FGCOLOR="#00FF00" Asigna un color en hexadecimal
Más detallesHTML El idioma de Internet (Parte 1)
HTML El idioma de Internet (Parte 1) El lenguaje HTML Lenguaje de marcas de hipertexto Sintaxis extremadamente sencilla Documentos en archivos de texto simples Texto sin formato Diferenciación de los distintos
Más detallesUnidad II: Lenguaje de marcado
Unidad II: Lenguaje de marcado 2.1 Introducción Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información
Más detalles