La programación web o diseño web es uno de los campos del diseño gráfico donde se trabaja con códigos para la realización de paginas web con estética y la personalidad de una empresa es un área muy solicitada al día de hoy ya que cada ves mas empresas quieren tener su propio dominio web y atraer a mas gente a conocerlos
a continuación presentaran los conceptos básicos del diseño web:
HTML: Una página en HTML es un archivo de texto simple, que puede ser programado desde en el Notepad de Windows o hasta en un editor de texto avanzado, y que conitiene una serie de instrucciones identificadas con etiquetas para que el explorador pueda leer su contenido.
Los archivos de HTML tienen comúnmente las extensiones .html o .htmHEAD: La cabecera está definida por las etiquetas <HEAD>...</HEAD>. Dentro de éstas se definen las características generales que afectarán a todo el documento.
En ella aparecen por ejemplo: el título de la página, la versión del HTML en que fue escrita, algunos comentarios del autor o incluso puede contener programación avanzada en algún otro lenguaje para Internet. Al conjunto de estos datos se le llama Meta-información ("información acerca de").
La información contenida en la etiqueta de <HEAD>...</HEAD> no se despliega directamente en el navegador, si no que afecta a las propiedades generales de la página, por esta razón no debe de escribirse ninguna instrucción o comentario ajeno a las etiquetas estandarizadas propias de esta parte del documento.
BODY: es donde se escribe el codigo que se vera en la pantalla o donde se escribe el codigo para que despues se pueda visualizar en la pantalla la pagina web
Algunos atributos que se pueden ver en body son:
- bgcolor: Determina el color del fondo de la página.
- background: Especifica una imagen determinada para ser usada como fondo de la página.
- Color: Color del texto de la página.
- link: Color de las ligas o enlaces que contiene la página.
- vlink: Color de las ligas o enlaces visitadas dentro de la página.
- alink: Color que aparece al darle clic sobre una liga o enlace.
- topmargin: Es la distancia en píxeles que existe entre la orilla superior del navegador y el contenido.
- leftmargin: Es la distancia en píxeles que existe entre la orilla izquierda del navegador y el contenido.
- margin: Tamaño del margen superior e inferior.
- Width. manipula el ancho de una imagen o texto
- height manipula el alto de una imagen o texto
ETIQUETA: la forma para escribir el codigo en Dream weaver es por medio de etiquetas div se debe colocar la etiqueta al principio ''<div>'' y luego la propiedad que se quiere atribuir a esa etiqueta despues cerrar la etiqueta </div> y eso hacerlo repetidas veces para ir formando la pagina web
SCRIPT: es algo similar alas etiquetas solo que en ves de <div> es <script> y sirve para manipular plug ins en la web que te ayuda a darle mas movimiento y sensacion de animacion ala pagina web por ejemplo un plug in que te ayude a que cuando el mouse se coloque en una imagen la imagen desaparesca y aparesca otra en otra parte.
entre otras cosas que se puede hacer con los script la mayor parte de los scripts o plug ins son de jquery