sitios gratis

ELEMENTOS DE LA VENTANA DE DREAMWEAVER

Actividad17:TERMINOLOGIA BASICA DEL SOFTWARE PARA DISEÑAR PAGINAS WEB

DEFINE LO SIGUIENTE

1:CSS:
CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML.Una hoja de estilos CSS consiste en una serie de reglas. Cada regla consiste en uno o más selectores y un bloque de estilos con los estilos a aplicar para los elementos del documento. CSS ayuda en gran medida a la definición de estilos en la página, ya que permite ajustar de una manera mucho más precisa cualquier aspecto de cualquier elemento de la página.

2:MAQUETACION:
Maquetar un diseño consiste en dar un formato a los documentos, a todo el conjunto de elementos que lo componen, las imágenes, los textos, etc.Es la forma de ocupar el espacio de  la página.

3:PLANTILLA DE DREAMWEAVER:
Es un pre diseño de una página Web creada para que la utilices como base de un desarrollo Web. simplemente agrega tu texto e imágenes a tu plantilla y obtendrás un sitio Web funcional y vistoso listo para subir a Internet.

4:CONTENEDOR DE DREAMWEAVER:
Todos los contenedores están incluidos en la misma página, pero cada contenedor puede albergar un elemento muy concreto tal como una imagen, una animación o un texto, y podemos situarlo donde deseemos, en cualquier parte de la página.
tenemos total libertad para asignar una definición de estilo a cada capa, al igual que podemos especificar la forma y dónde queremos que ese elemento en concreto aparezca en la página, y el navegador se encargara por si solo de interpretarlo y visualizarlo de forma correcta.

5:REGION EDITABLE:

En una plantilla, las regiones editables son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra.

Al crear una plantilla nueva, todas sus regiones están bloqueadas; por ello, para que la plantilla sea útil, es preciso hacer editables algunas regiones (desbloquearlas).

6:COMPORTAMIENTOS EN DREAMWEAVER:
-Los comportamientos no existen como código HTML, se programan en JavaScript. Dreamweaver permite insertarlos a través del panel Comportamientos, por lo que no es necesario escribir ninguna línea de código JavaScript para programarlos.
- las imágenes de sustitución y las barras de navegación, ya están predefinidos.
-Podemos elegir una versión de la lista de navegadores,como Internet Explorer pero no en Netscape o en Mozilla. Una vez elegido un navegador ya no es necesario volver a elegirlo las siguientes veces que se desee insertar algún comportamiento.

7:TABLA :
sirven para organizar datos e imágenes en un archivo HTML.
Consisten de tres elementos básicos: filas, columnas y celdas.

8:FORMULARIO:
Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.

 8:FORMULARIO DE CONTACTO:
 Incorporar un formulario de contacto en nuestro sitio web es de suma importancia si queremos darle a los usuarios la posibilidad de que nos envíen consultas, comentarios, pedidos online o que simplemente nos dejen su email para suscribirse a un Newsletter y recibir nuestras ofertas y novedades

9:DREAMWEAVER CS5:
Adobe® Dreamweaver® CS5.5 es la aplicación que lidera el sector de la edición y creación de contenidos web. Proporciona funciones visuales y de nivel de código para crear diseños y sitios web basados en estándares para equipos de sobremesa, teléfonos inteligentes, tabletas y otros dispositivos.

ETIQUETA FONT

Esta etiqueta se creo para poder controlar en mayor medida apariencia del un  texto.


Permite tener un gran control sobre el tamaño de un texto,por ejemplo:
Este tamaño se especifica con su atributo SIZE y afectará al texto que encierren la instrucción de inicio "<FONT SIZE=>" y la etiqueta de fin "</FONT>".


Con otro atributo de la etiqueta <FONT COLOR> se puede cambiar el color del texto al que e le aplique la etiqueta. 

Ademas, existe la etiqueta <BASEFONT="">, dará un tamaño de texto predeterminado.

Ejemplo:<BASEFONT SIZE="n"><FONT SIZE="+3"> Letra tamaño 6</FONT>

ATRIBUTOS DE UNA ETIQUETA

Los atributos básicos que se pueden utilizar en una etiqueta HTML son,por ejemplo:

Atributo	Descripción
id = "texto"	Establece un identificador único a cada elemento dentro de una página HTML
class = "texto"	Establece la clase CSS que se aplica a los estilos del elemento
style = "texto"	Establece de forma directa los estilos CSS de un elemento
title = "texto"	Establece el título a un elemento (mejora la accesibilidad y los navegadores lo muestran cuando el usuario pasa el ratón por encima del elemento)

Align: Alinear centro,derecha,izquierda.

No shade:Para no mostrar sombra.

Size:Altura.

Width:Ancho

ESTRUCTURA BÁSICA DE HTML

La estructura HTML,nos sirve para diseñar una pagina web.Nos permite crear su estructura y así mismo podemos añadir imágenes, vídeos, música etc.Por ejemplo:

<HTML>
    <HEAD>
        <TITLE>Título de la página</TITLE>
        ...
    </HEAD>

    <BODY>
        Aquí iría el contenido de la página
    </BODY>
</HTML>

ELEMENTOS BÁSICOS DE HTML

BLOG DE NOTAS:
Es un espacio en donde podemos poner información de lo que nosotros queramos,y en el podemos actualizar nuestra información.

BUSCADOR:es un sistema informático que busca archivos almacenados,como por ejemplo, los buscadores de Internet,algunos buscan sólo en la Web pero otros buscan además en noticias, imágenes etc.

COMPATIBLE:
Se refiere a que la página por su creación contiene instrucciones que pueden interpretarse por cualquier navegador.

ETIQUETA:
Los elementos  html ,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 (p.ej. <nombre-de-elemento>) y una etiqueta de cierre (p.ej. </nombre-de-elemento>). 
HIPERTEXTO:
La forma más habitual de hipertexto en informática es la de hipervínculos o referencias cruzadas automáticas que van a otros documentos.

LENGUAJE HTML:
Es el lenguaje en que se escriben los millones de documentos que hoy existen en World Web. Cuando accedemos a uno de estos documentos, el cliente os interpreta y los muestra.


MARCAS(TAG):
Es una página contiene una lista con todos los elementos del estándar HTML.

NAVEGADOR:
Un navegador o navegador web, es un programa que permite ver la información que contiene una página web.

PAGINA WEB:
 También conocida como una página de Internet, es un documento electrónico adaptado para la Web, pero normalmente forma parte de un sitio Web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la Web.


PLATAFORMA:
Es el principio, en el cual se constituye un hardware, sobre el cual un software puede ejecutarse/desarrollarse.

SERVIDOR WEB:
Es un programa que está diseñado para transferir hipertextos, páginas web o páginas HTML : textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de música. 

VINCULOS:
Es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento.