Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Diseño de Páginas WEB

No description
by

Trabajo Informatica HTML

on 2 April 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Diseño de Páginas WEB

0 + - = 9 8 7 1 2 3 4 5 6 c Etiquetas HTML Principales etiquetas HTML: Atributos de la Etiqueta Body 1. <bodybgcolor=?>: Configura el color del fondo de la página, usando el valor del código de color hexadecimal. Un editor de páginas WEB, es una aplicación diseñada con el fin de facilitar la creación de documentos HTML o XHTML. Su complejidad puede variar desde un simple editor de texto plana, entornos WYSIWYG hasta editores WYSIWYG. Atributos de Tablas <table border=#>: Coloca contorno en las celdas de la tabla.
<table cellspacing=#>: Espacio entre las celdas de una tabla.
<table cellpadding=#>: Espacio entre el contorno de una celda y su contenido.
<table width=# or %>: Ancho de la tabla, en pixeles o porcentaje del ancho de la página.
<tr align=?> or <td align=?>: Alineación para las celdas, izquierda derecha, centro.
<tr valign=?> or <td valign=?>: Alineación vertical de las celdas, arriba, abajo,en medio.
<td colspan=#>: Expansión de una celda, en número de columnas.
<td rowspan=#>: Expansión de una celda, en número de celdas.
<td nowrap>: Texto continuo dentro de una celda. Llamado también editor de texto plano, es muy sencillo.
Ejemplos:
- NotePad o Bloc de Notas (Incluido en Windows) y Kate (GNU/Linux). Existen editores de Texto específicamente diseñados para la edición WEB. Incluyen una serie de botones para insertar rápidamente las etiquetas o combinaciones de estas, mas corrientes, para salvar el documento con un clic. Definición Son las siglas de Lenguaje de Marcado de Hypertexto (HyperText Markup Language). Hace referencia al lenguaje de Marcado predominante para la elaboración de Paginas Web. Beneficios de HTML Se puede compartir
grandes cantidades de datos
a través del mundo Es básicamente formato
Ascii, la posibilidad de
corrupción de datos
por la red es menor. Fácil de Desarrollar,
comprender y aprender,
ya que tiene conjunto de
etiquetas. Navegadores Web Son aplicaciones que permiten visualizar documentos de hipertexto. Opera a Través de Internet, interpretando la información de archivos y sitios web para que estos puedan ser leídos. Es el Navegador Web
mas utilizado. Desarrollado
por Google. Es de código
abierto. Completamente
gratuito. Diseño de Paginas WEB Integrantes:
Flores, Zulangel
Delgado, Adrian
Laguad, Rachel
Gutierrez, Gabriel. Editores HTML Editores de Texto. Editores WYSIWYG "What You See Is What You Get." "Lo que ves, es lo que Obtienes." De manera visual, se pueden colocar distintos elementos sobre una vista previa de la pagina, encargándose el programa de generar el documento HTML. Elementos HTML ADDRESS Dirección
AREA Area de un mapa de imagen
B Texto en negritas
BIG Texto más grande
BR Salto de línea
BUTTON Botón
CITE Cita
CODE Código de computadora
DD Definición de una descripción
DEL Texto borrado
DFN Término definido
HTML Documento HTML
IMG Imagen
MAP Mapa de una imagen
OBJECT Objeto
OL Lista ordenada
TITLE Título del documento
UL Lista sin orden Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio y una etiqueta de cierre. Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas. - <Doctype>: Es la primera parte de una pagina web, aun antes que la etiqueta <HTML>. Le indica al navegador qué especificación de HTML se está utilizando. - <HTML></HTML>: Abre y cierra un documento HTML. - <Head></Head>: Encabezado de la página, aquí se coloca el título e información para buscadores. Esta información no es visible. - <body></body>: Dentro de esta etiqueta va toda la parte visible de la página web. Atributos de Encabezado <title></title>: Aquí se encuentra el titulo de la página web 2. <bodytext=?>: Configura el color defecto del texto, usando el valor hexadecimal del color. 3. <bodylink=?>: Configura el color de las ligas o hipervínculos usando el valor del código de color hexadecimal. 4. <bodyVlink=?>: Configura el color de las ligas visitadas, usando el valor del código de valor hexadecimal. 5. <bodyalink=?>: Configura el color de las ligas a darle click usando el valor del código hexadecimal. Etiquetas HTML de Texto <pre></pre>: Texto preformateado. <hl></hl>: Título más grande. <h6></h6>:Título más pequeño. <6></6>: Negritas <u></u>: Subrayado. <i></i>: Cursiva. <cite></cite>: Cita en cursiva <strong></strong>: Resalta una palabra o grupos de palabras <fontface=?></font>: Coloca el tipo de letra o fuente. Ej: Arial, Verdana. <fontsize=?></font>: Coloca tamaño de letra de 1 a 7. <fontcolor=?></font>: Configura el color usando valor hexadecimal o nombre directo (Blue, Green) Ligas o Hipervinculos <ahref="URL></a>: Hipervínculo. <ahref="Email></a>: Hipervínculo para envío de correo. <aname="name"></a>: Liga hacia algún lugar dentro del mismo sitio. <ahref="#name"></a>: Anda dentro del mismo documento. Formato y Presentación <p></p>: Párrafo nuevo. <br>: Inserta un interlineado suave, es decir crea otra línea <blockquote>
</blockquote>: Texto identado de ambos lados. <dl></dl>: Lista de definiciones (Glosario). <ol></ol>: Lista ordenada. <li></li>: Entrada en una lista. <ul></ul>: Lista con viñetas sin ordenar. Elementos Gráficos <img src="name">: Incorpora una imagen <img src="name" align=?>: Alinea la imagen: izquierda, derecha y centro <img src="name" border=?>: Determina el contorno de la imagen. Un valor 0 no tendrá contorno <map></map>: Mapa de imágenes <body background="URL o ruta de archivo"></body>: Coloca la imagen como fondo de la página <hr>: Linea horizontal. <hr size=?>: Tamaño de una linea horizontal <hr width=?>: Ancho de linea horizontal, ya sea porcentaje o valor absoluto <hr noshade>: Linea horizontal sin sombra Tablas <table></table>:Crea tabla <tr></tr>: Crea filas en una tabla <td></td>: Crea celda en una fila <th></th>: Encabezado de tabla, texto normal, negrita y centrado
Full transcript