martes, 17 de septiembre de 2013
Colocar un imagen en HTML
Imagen
<IMG>, esto es, el elemento necesario para invocar imágenes dentro de la página.
- Lo primero que tienes que hacer es elegir la herramienta de 
.
.
-Después coloca en la caja de , el siguiente código <img src=" ">
, el siguiente código <img src=" ">
-El siguiente paso es colocar la ubicación de la imagen en medio de las comillas del código HTML.
- La ubicación de la imagen la puedes encontrar si colocas el mouse sobre la fotografía y le das un click con el botón derecho. Una vez que te aparezca una ventana, elige la opción propiedades y copia la ubicación de la foto.
- Posteriormente, pega la ubicación de la imagen entre las comillas del código.
- Si quieres ver cómo luce tu imagen, ve a 
y si lo deseas enviar a la comunidad sólo elige 
.
y si lo deseas enviar a la comunidad sólo elige .Codigo para la imagen
<img src="camino hacia el archivo">
Imagen con enlace
<img src="URL DE LA FOTO" alt="NOMBRE DE LA FOTO"><p>
Uno de los parámetros que podemos cambiar al insertar las imágenes es la alineación.
Para ello tendrémos que incluir el parámetro Align=”lugar”, que permite controlar la alineación de una imagen con respecto a una línea de texto. Los tres valores posibles son left, right, y middle.
left = izquierda ; right = derecha ; middle = centro.
Este valor se incluye detrás de las comillas que contienen la URL de la imagen:
[IMG SRC="URL DE LA IMAGEN" Align="left"]
Como en el caso anterior, se cambiarían los símbolos de los corchetes por los de “mayor qué” y “menor qué”, y después, cambiaríamos left por el parámetro que deseemos.
como vincular una pagina en html
buscando encontramos dos ejemplos que los empleamos con nuestra pagina web
como primera opción esta este ejemplo:
Este código html tiene que ser incluido en <body> , se abrira
en la misma pagina .
1 . <a href="prueba.html">MI PAGINA WEB</a>
en la misma pagina .
como primera opción esta este ejemplo:
Este código html tiene que ser incluido en <body> , se abrira
en la misma pagina .
1 . <a href="prueba.html">MI PAGINA WEB</a>
en la misma pagina .
Este código html tiene que ser incluido en <body> , pero esta vez se abrira en nueva ventana porque hemos introducido el código target=_blank" .
2 . <a href="prueba.html" target=_blank">MI PAGINA WEB </a>
miércoles, 11 de septiembre de 2013
Editores de HTML
Editores de HTML
Macromedia Dreamweaver (recomendado)
Netscape Composer
Microsoft Frontpage
Kompozer
Etiquetas de html
| Lenguaje HTML Básico | |
| <html></html> Abre y cierra un documento HTML | |
| <head></head> Encabezado de la página - aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas. Está información no es visible. | |
| <body></body> Dentro de esta etiqueta va toda la parte visible de la página web. | |
| Etiquetas del Encabezado | |
| <title></title> El título de la página web. | |
Atributos de la etiqueta Body
| |
<body bgcolor=?>
Configura el color de fondo de la página, usando el valor del código de color hexadecimal.
| |
<body text=?>
Configura el color por defecto del texto, usando el valor del código de color hexadecimal.
| |
<body link=?>
Configura el color de las ligas, usando el valor del código de color hexadecimal.
| |
<body vlink=?>
Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal
| |
<body alink=?>
Configura el color de las ligas al darle clic, usando el valor del código hexadecimal.
| |
| Etiquetas HTML de Texto | |
| <pre></pre> Texto pre-formateado | |
| <hl></hl> Título más grande | |
| <h6></h6> Título más pequeño | |
| <b></b> Negritas | |
| <u></u> Subrayado | |
| <i></i> Cursivas | |
| <tt></tt> Tipo máquina de escribir | |
| <cite></cite> Cita, en cursiva | |
| <em></em> Resalta una palabra, negrita o cursiva | |
| <strong></strong> Resalta una palabra o grupo de palabras | |
| <font face=?></font> Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc. | |
| <font size=?></font> Coloca tamaño de letra, de 1 a 7 | |
| <font color=?></font> Configura el color, usand valor hexadecimal o nombre directo (blue, green, etc.) | |
Ligas
| |
<a href="URL"></a>
Hipervínculo
| |
<a href="mailto:EMAIL"></a>
Hipervínculo mailto (para envío de correo)
| |
<a name="name"></a>
Ancla en el mismo documento
| |
<a href="#name"></a>
Liga hacia algún lugar dentro del mismo sitio
| |
| Formato y presentación | |
| <p></p> Nuevo párrafo | |
| <p align=?> Alinea el párrafo hacia la izquierda, derecha o al centro | |
| <br> Inserta un interlineado suave. Crea otra línea | |
| <blockquote> </blockquote> Texto indentado de ambos lados | |
| <dl></dl> Lista de definiciones (glosario) | |
| <dt> Precede a cada término en definiciones | |
| <dd> Precede cada definición | |
| <ol></ol> Lista ordenada | |
| <li></li> Entrada en una lista | |
| <ul></ul> Lista con viñetas sin ordenar | |
| <div align=?> Para formato a porciones grandes del documento html, incluyendo hojas de estilo | |
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 | |
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,enmedio
| |
<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
| |
| Marcos (frames) | |
| <frameset></frameset> Substituye a la etiqueta HTML body en documentos con frames. Puede insertarse en otros framesets | |
| <frameset rows="value,value"> Número de lineas en un frameset, usando pixeles o porcentaje de ancho | |
| <frameset cols="value,value"> Número de columnas en un frameset, usando pixeles o porcentaje de ancho | |
| <frame> Frame singular dentro de un framset | |
| <noframes></noframes> Texto que aparecerá en navegadores que no soportan frames | |
Atributos de Frames
| |
<frame src="URL">
Especifica que página html se muestra
| |
<frame name="name">
Nombra al frame para que sea identificado por otros frames y accesado
| |
<frame marginwidth=#>
Margen izquierdo y derecho de un grame, debe ser igual o mayor que 1
| |
<frame marginheight=#>
Margen superior e inferior de un grame, igual o mayor a 1
| |
<frame scrolling=VALUE>
Determina si un frame tiene barra de desplazamiento, Puede ser yes, no, auto, el cual es por defecto
| |
<frame noresize>
No permite al usuario modificar el tamaño de un frame
| |
| Formas | |
| <form></form> Forma | |
| <select name="name"></select> Menú desplegable | |
| <option> Opción del menú desplegable | |
| <textarea name="name" cols=40 rows=8></textarea> Crea una caja de texto, columnas es el ancho y las lineas la altura (cols y rows) | |
| <input type="checkbox" name="name"> Crea un checkbox. | |
| <input type="radio" name="name" value="x"> Crea botón de radio. | |
| <input type=text name="name" size=20> Crea una opción de texto para entrada de información o despliegue | |
| <input type="submit" value="name"> Crea botón de envío de forma tipo submit | |
| <input type="image" border=0 name="name" src="name.gif"> Crea botón de envío con imagen | |
| <input type="reset"> Crea botón de limpieza (reset). Vacía la forma | |
Otras Etiquetas HTML
| |
<EMBED SRC="url o ruta de archivo" VOLUME="50" HEIGHT="50" WIDTH="130">
Incorpora sonido con panel de control en la pantalla.
| |
< object width="600" height="300">
<param name="movie" value="miarchivo.swf">
<embed src="miarchivo.swf" width="600" height="300">
</embed>
</object>
Para insertar una pelicula flash swf en html
| |
<!-- Este es un comentario -->
Inserta comentarios no visibles en la página.
| |
fuente: cafetero100
| |
miércoles, 4 de septiembre de 2013
KAREN :D
TIPOS DE SITIOS WEB
Blog: En este tipo de sitios se introducen lecturas, diarios Online o comentarios del autor. También incluyen foros.
Para el comercio electrónico: Estos sitios te permiten comprar y vender cualquier tipo de productos.
De descargas: Aquí los usuarios pueden subir y bajar contenido electrónico como música, películas, videojuegos, fondos de pantallas entre otros.
De desarrollo: En estos sitios se introduce información vinculada con los desarrollos en diseño, web, software y todo lo que tenga que ver con la informática.
Institucionales: Estos sitios son hechos por alguna entidad, con o sin fines de lucro, para darse a conocer, poner información propia y funcionan como un medio de contacto para sus clientes o miembros. En caso de que sea una empresa, sirve para promocionar sus bienes y servicios.
De comunidad virtual: Por medio de estos sitios, personas que tienen los mismos intereses e inquietudes pueden ponerse en contacto por medio de foros o chat.
Directorio: Este tipo de sitio contiene un directorio organizado de enlaces a otros sitios web y tiene una estructura por categorías y subcategorias.
De información: Como su nombre lo dice, el fin de estos es informar a quienes lo visitan, pero esto necesariamente no se hace con fines económicos. Muchas veces son de organizaciones educativas o pertenecen al gobierno.
Web 2.0:Este tipo de sitio web facilita el hecho de compartir información, un sitio web 2.0 permite a los usuarios interactuar y colaborar entre si como creadores de contenido.
Personal: Estos sitios son administrados por una o muy pocas personas y contienen material sobre cualquier tipo de tema.
Wiki: En estos sitios, son los usuarios los que suben y editan los contenidos.
¿Que es una pagina web?
Una página web es un documento electrónico y que forma parte de la red,
en el que contiene información redactada para ser de mayor entendibilidad,
puede contener enlaces o hipertextos
en el que mande o tenga acceso a otras páginas web.
Las páginas web pueden tener diferentes autores, para poderlo hacer más completo, en estas pueden contener imágenes, texto, videos, etc.
¿Que es un sitio WEB?
Un sitio web es un espacio virtual en Internet que esta conformado por paginas web desde un mismo dominio o subdominio.
Un sitio web puede tener fotografías, vídeo, sonidos, animaciones flash, etc
La raíz o URL del sitio web se conoce como portada o HOME PAGE
martes, 3 de septiembre de 2013
diseño web
me interesa demasiado esta materia y quiero sacarle provecho
a todo lo que me proporcionen, soy demaciado creativa por lo tanto me encanta diseñar.
COMENTARIO KAREN :D
Bueno pues espero aprender mucho en esta materia, me gusta diseñar, utilizar diferentes efectos, herramientas, etc.
Me gustaria sacarle algun tipo de provecho a lo que aprenda en este curso, y espero que el profesor nos ayude resolver todas las dudas que se nos puedan presentar.
Me gustaria sacarle algun tipo de provecho a lo que aprenda en este curso, y espero que el profesor nos ayude resolver todas las dudas que se nos puedan presentar.
Yeudiel
¡¡¡¡ Espero que la materia sea fácil para poder aprender cosas nuevas y tener una buena comprensión de los temas impartidos !!!!!!
Suscribirse a:
Entradas (Atom)