Subscribe:

Sample text

Sample Text

Social Icons

jueves, 23 de junio de 2016

BIENVENIDOS...

Bienvenidos a este nuevo blog, en el que podrás encontrar información importante con respecto a esta tecnologia del mundo web......
en 11:02:00 0 comentarios
Etiquetas:

viernes, 10 de junio de 2016

LENGUAJES DEL LADO CLIENTE

El navegador es una especie de aplicación capaz de interpretar las órdenes recibidas en forma de código HTML fundamentalmente y convertirlas en las páginas que son el resultado de dicha orden.
Cuando nosotros pinchamos sobre un enlace hipertexto, en realidad lo que pasa es que establecemos una petición de un archivo HTML residente en el servidor (un ordenador que se encuentra continuamente conectado a la red) el cual es enviado e interpretado por nuestro navegador (el cliente).
Leer más »
en 10:53:00 0 comentarios
Etiquetas:

miércoles, 8 de junio de 2016

ETIQUETAS HTML BÁSICAS



Etiquetas de formato de texto



Salida
Etiquetas requeridas
El texto en negritas.
El <B>texto</B> en negritas.
El texto en itálicas.
El <I>texto</I> en
 it&aacute;licas.
El texto en formato teletipo.
El <TT>texto</TT> en
 formato teletipo.
El texto en 2 tamaños más grandes y en rojo. El tamaño puede ser un valor absoluto en el rango 1..7.
El <FONT SIZE = +2 COLOR = "RED">
 texto </FONT> en 2
 tama&ntilde;os m&aacute;s
 grandes y en rojo. El tama&ntilde;o
 puede ser ...
Utilizar la dirección de e-mail
claudio@acm.org
para contactarme.
Utilizar la direcci&oacute;n
 de e-mail <ADDRESS>
 claudio@acm.org </ADDRESS>
 para contactarme.
http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif
Etiquetas de encabezamientos
http://ima.udg.edu/%7Edagush/cursohtml/rain_lin.gif

Leer más »
en 11:03:00 0 comentarios
Etiquetas:

ESTRUCTURA BÁSICA DE HTML


 La estructura básica se compone de tres elementos, el primero de ellos es el elemento “html”, este elemento indica que estamos generando un archivo de marcado de hipertexto y se usa con una etiqueta <html> de apertura y una </html> de cierre. Así que sin mayor demora abramos un procesador de palabras, el que tengan a la mano. En mi caso voy a abrir el Notepad o Block de notas que viene instalado en mi versión de Windows dentro del botón inicio, carpeta todos los programas, carpeta accesorios. inicio/todos los programas/accesorios/Notepad.

Una vez abierto el programa escribamos nuestro primer elemento: <html> </html>
Leer más »
en 10:36:00 0 comentarios
Etiquetas:

martes, 7 de junio de 2016

INSERCIÓN DE TEXTO, HIPERVINCULOS E IMÁGENES

Macromedia Dreamweaver 8 ofrece varias formas de añadir texto y aplicarle formato en un documento. Puede insertar texto, establecer el tipo, tamaño y color de fuente y los atributos de alineación, así como crear y aplicar sus propios estilos personalizados mediante el uso de CSS (hojas de estilos en cascada).
Durante este tema se utilizará el modo mixto para ver el código html que se va generando y al mismo tiempo tengamos una previsualización del diseño para ver cómo va quedando el aspecto de las modificaciones realizadas.

En las figuras 5.1 a 5.3.se muestran los distintos lugares donde existen opciones para dar formato al texto.

                                         Figura 5.1. Menú, opciones de Texto.
Leer más »
en 10:27:00 0 comentarios
Etiquetas: ,

lunes, 6 de junio de 2016

INSERCIÓN DE FORMULARIOS

Un formulario es un elemento que permite recoger datos introducidos por un usuario. Una de las maneras más interactivas de actuar con el Web es mandando información por medio de las páginas. Estos formularios envían la información, ya sea a una dirección de correo electronico o a un servidor. Para ello es necesario tener instalado un programa del lado del servidor que procese los datos enviados .
Estructura general de un formulario. Los formularios se insertan a través de las etiquetas <form> y </form> y esta etiqueta tiene diferentes atributos. Veamos un formulario de ejemplo:
<form action="mailto:micorreo@algo.com" method="post" enctype="text/plain" >
<input type="submit" name="boton" value="Enviar"/>
</FORM>>
  • El atributo action indica una dirección de correo electrónico a la que mandar el formulario, o la dirección del programa que se encargará de procesar el contenido del formulario.
  • El atributo method indica el metodo mediante el que se transferirán las variables del formulario. Su valor puede ser get o post. El valor get se utiliza cuando no se van a producir cambios en ningún documento o programa al enviar el formulario, como ocurre cuando se realizan consultas sobre una base de datos. El valor post se utiliza cuando sí se van a producir cambios, como ocurre cuando el usuario manda datos que deben ser almacenados en una base de datos.
Leer más »
en 11:06:00 0 comentarios
Etiquetas:

domingo, 5 de junio de 2016

TABLAS


La mayoría de las páginas Web basan su diseño en tablas, ya que son de gran utilidad en su diseño. En las páginas Web todos los objetos se alinean por defecto a la izquierda, pero el uso de tablas permite distribuir el texto en columnas, colocar imágenes al lado de un bloque de texto, y otra serie de cosas que sin las tablas serían imposibles de realizarse.
El HTML básico para utilizar tablas se compone de las siguientes etiquetas:
Leer más »
en 11:07:00 0 comentarios
Etiquetas:

sábado, 4 de junio de 2016

FORMATOS DE INSERCIÓN DE LISTAS Y TABLAS


Las listas.
Existen tres tipos de listas compatibles en HTML:
Listas sin ordenar. Están formadas por elementos junto a los que aparece una viñeta. La etiqueta <ul> identifica una lista desordenada y dentro de la lista, cada elemento se identifica con la etiqueta <li>. La etiqueta <ul> es compatible con un atributo type que permite cambiar el tipo de viñeta. Los valores que se pueden asignar son: disc que muestra un circulo relleno; circle que muestra un circulo vacío y square que indica un cuadrado relleno. Si no usamos el atributo type, las listas utilizan la viñeta disc como predeterminada.
Leer más »
en 11:08:00 0 comentarios
Etiquetas:

viernes, 3 de junio de 2016

ESTRUCTURA Y MAQUETACIÓN DE CONTENIDO

Maquetar o estructurar una página Web consiste en organizar su contenido para que cada elemento aparezca en el lugar y con el formato que queramos.
El formato (los estilos) los dejamos para CSS y la estructura la organizamos en HTML.
Lo habitual es crear una hoja denominada “plantilla.html” con la estructura  deseada y otra con los estilos “plantilla.css”, para que sirvan de base al desarrollo de todas las páginas posteriores.

HTML Estructura.

¿Que elementos básicos suele contener una página Web?.
Generalmente, tienen:

Una cabecera

En la que aparecerá un logotipo y un título o lema.

Un menú de navegación

Para acceder fácilmente a cualquier página del sitio Web.

Un cuerpo principal

Donde aparecerá el contenido de la página.

Un pie

En el que se colocarán referencias del autor, copiright, etc.
Opcionalmente podrán incluir:

Una zona de anuncios

Para avisos sobre temas relacionados.

Una zona de enlaces

En la que se muestran Webs recomendadas. etc, etc.
Leer más »
en 8:38:00 0 comentarios
Etiquetas:

jueves, 2 de junio de 2016

ORGANIZACIÓN EN BASE A TABLAS

Tabla en las bases de datos, se refiere al tipo de modelado de datos, donde se guardan los datos recogidos por un programa. Su estructura general se asemeja a la vista general de un programa de hoja de cálculo.
Una tabla es utilizada para organizar y presentar información. Las tablas se componen de filas y columnas de celdas que se pueden rellenar con textos y gráficos.
Las tablas se componen de dos estructuras:
  • Registro: es cada una de las filas en que se divide la tabla. Cada registro contiene datos de los mismos tipos que los demás registros. Ejemplo: en una tabla de nombres y direcciones, cada fila contendrá un nombre y una dirección.
  • Campo: es cada una de las columnas que forman la tabla. Contienen datos de tipo diferente a los de otros campos. En el ejemplo anterior, un campo contendrá un tipo de datos único, como una dirección, o un número de teléfono, un nombre, etc.
Leer más »
en 8:40:00 0 comentarios
Etiquetas:

miércoles, 1 de junio de 2016

MARCOS: FRAMES E IFRAMES

Frames

Los frames (también llamados marcos) son usados para dividir una página web en varias partes, cargando otra página web en cada una de ellas. Por defecto se muestran con un borde que permite redimensionarlos según necesitemos.
Para usar los ejemplos de las siguientes secciones debemos crear los tres archivos siguientes:

pagina1.html

pagina2.html

 
pagina3.html




Iframe (por inline frame o marco incorporado en inglés) es un elemento HTML que permite insertar o incrustar un documento HTML dentro de un documento HTML principal. Fue introducido en el navegador Microsoft Internet Explorer en 1997 y durante mucho tiempo solo fue soportado en este navegador, la etiqueta Iframe actualmente es ya aceptada por la W3 como un elemento estándar y es ampliamente soportado por gran variedad de navegadores.

<html>
  <head>
    <title>IFrames</title>
  </head>
 
  <body>
    <iframe src="http://www.example.com/" name="SubHtml"
      width="400" height="500" scrolling="auto" frameborder="1">
      <p>Texto alternativo para navegadores que no aceptan iframes.</p>
    </iframe>
  </body>
</html>


en 11:04:00 0 comentarios
Etiquetas:
Suscribirse a: Entradas (Atom)
 
Blogger Templates