El Menu, Barra Vertical u Horizontal y Propiedades

EL MENU PRINCIPAL

A CONTINUACION, REALIZAREMOS UN RECORRIDO POR EL MENU PRINCIPAL Y LAS OPCIONES MAS IMPORTANTES QUE INCLUYE. NO ES NECESARIO RECORDARLAS TODAS; SIMPLEMENTE HAY QUE SABER QUE EXISTEN.
COMO EN CUALQUIER PROGRAMA, ESTE MENU CONTROLA TODO; NOSOTROS SOLO NOS DETENDREMOS EN AQUELLAS OPCIONES QUE NOS RESULTEN UTILES CON RESPECTO A LOS CONTENIDOS QUE CUBRIREMOS EN ESTA GUIA. ES BUENO SABER QUE ALGUNAS DE LAS HERRAMIENTAS QUE ESTAN EN OTRAS BARRAS TAMBIEN SE ENCUENTRAN EN EL MENU PRINCIPAL.
EN [ARCHIVO] SE INCLUYEN LAS OPCIONES PARA CREAR DOCUMENTOS NUEVOS, GUARDARLOS, IMPRIMIR CODIGO HTML Y PREVISUALIZAR EN EL NAVEGADOR.
EN [EDICION] ESTAN LAS FUNCIONES PARA BUSCAR Y REEMPLAZAR, COPIAR, CORTAR Y PEGAR.
[VER] INCLUYE LAS OPCIONES QUE PERMITEN MOSTRAR LA REGLA (EN PIXELES), LA CUADRICULA DE TRABAJO, LAS LINEAS GUIA, LAS AYUDAS VISUALES Y EL CODIGO FUENTE HTML.
EN [INSERTAR] VEREMOS LOS COMANDOS PARA INCLUIR IMÁGENES, TABLAS, VINCULOS, ENLACES DE E-MAIL Y ANCLAS.
[MODIFICAR] PRESENTA LAS PROPIEDADES DE LA PÁGINA, DE LAS IMÁGENES Y DE LAS  TABLAS (DE CELDAS, COLUMNAS Y FILAS).
EN [TEXTO] ESTAN LAS OPCIONES DE FUENTE, TAMAÑO Y ESTILO, JUNTO CON LAS DE ALINEACION.
[SITIO] ABARCAR LAS OPCIONES PARA CREAR UN NUEVO SITIO, ABMINISTRARLO, Y SUBIR, BAJAR Y PROTEGER EL CONTENIDO.
EN [VENTANA] HAY MUCHAS OPCIONES, TODAS MUY IMPORTANTES, COMO MOSTRAR YOCULTAR BARRAS DE HERRAMIENTAS, ARCHIVOS, PROPIEDADES, COMPORTAMIENTOS, HISTORIAL Y OTROS.
[AYUDA] PERMITE HACER CONSULTAS SOBRE EL PROGRAMA, REGISTRARLO, ADMINISTRAR EXTENSIONES Y ACTUALIZACIONES, Y RECURRIR AL CENTRO DE SOPORTE.

BARRA HORIZONTAL

CONTINUAMOS CON NUESTRO ANALISIS A FONDO DE LA INTERFAZ DE TRABAJO.
EN ESTA SECCION, VEREMOS EN DETALLE  LA BARRA DE HERRAMIENTAS HORIZONTAL ([INSERTAR]) Y SUS OPCIONES MÁS IMPORTANTES.

SI BIEN TODAS SUS OPCIONES FIGURAN TAMBIEN EN EL MENU PRINCIPAL, ESTA BARRA ICONICA  ES MUY DINAMICA Y PERMITE ACCEDER RAPIDAMENTE A FUNCIONES DE USO FRECUENTE. PODEMOS OBSERVAR QUE TIENE VARIAS LENGUETAS, PERO NOSOTROS SOLO USAREMOS DOS: [COMUN] Y [FORMULARIOS].
ESTA BARRA ES MUY DINAMICA Y OFRECE ACCESO RAPIDO A LAS HERRAMIENTAS.

PROPIEDADES

CADA OBJETO DE NUESTRO PRYECTO PUEDE SER MODIFICADO PARA ADECUARSE AL CONCEPTO GENERAL. VEAMOS EL LUGAR DESDE DONDE SE PUEDEN CONTROLAR LAS DISTINTAS PROPIEDADES DE TODOS LOS OBJETOS DEL AREA DE TRABAJO.

EN ESTA BARRA APARECEN LAS PROPIEDADES DEL OBJETO QUE ESTE SELECCIONADO EN EL AREA DE TRABAJO. CUANDO NO TENGAMOS NINGUN ELEMENTO SELECCIONADO, SE VERAN LAS  PROPIEDADES GENERALES, REFERIDAS AL FORMATO DEL TEXTO Y LAS PROPIEDADES DE LA PAGINA.

ANALICEMOS EN DETALLE LAS PARTE QUE NOS INTERESAN. EN PROXIMAS SECCIONES REGRESAREMOS ALA BARRA DE PROPIEDADES PARA VER DIFERENTES FUNCIONES SEGÚN EL OBJETO QUE ESTE SELECCIONADO.
[FUENTE]: ES LA TIPOGRAFIA QUE PODEMOSSELECCIONAR. VERAMOS QUE HAY POCAS OPCIONES DEBIDO A QUE HTML DEPENDE DE LA TIPOGRAFIA DE LA COMPUTADORA DEL USUARIO. LAS DE LA LISTA SON LAS COMUNES EN TODAS LAS MAQUINAS; ASI, NO NOS ARRIESGAMOS A QUE EL USUARIO NO CUENTE CON EL TIPO DE LETRA QUE LE PERMITA VER LA PAGINA.
[TAMAÑO] TAMAÑO DE LA TIPOGRAFIA EN PIXELES (ES LA UNIDAD DE MEDIDA PREDETERMINADA, PERO SE PUEDE CAMBIAR).
[COLOR]: RECTANGULO SELECTOR DE COLOR CON GOTERO PARA LA TIPOGRAFIA. ESTA BASADO EN LA PALETA RVA (RGB)
[NEGRITA] E [ITALICA]: FUNCIONES TIPICAS.
[ALINEACION]: PERMITE ALINEAR LA TIPOGRAFIA ALA IZQUIERDA, AL CENTRO, ALA DERECHA O JUSTIFICADA. POR LO GENERAL NO SE USA, POR QUE  ESTO SE HACE CON LAS OPCIONES DE ALINEACION DE CELDA (LAS VEREMOS MAS ADELANTES).
[LISTA SIN ORDENAR]: CREA UNA LISTA CON PUNTOS U OTRA FIGURA ELEGIDA.
[LISTA ORDENADA]: CREA UNA LISTA CON NUMEROS. LAS OPCIONES DE SANGRIA  DE TEXTO (DEBAJO DE LA LISTA SIN ORDENAR Y ORDENADA) NO SE USAN POR QUE TAMBIEN SE MANEJA DESDE LA CELDA DE UNA TABLA. LAS DE VINCULO Y DESTINO LAS VEREMOS MAS ADELANTE.
DEBEMOS RECORDAR QUE EL LENGUAJE HTML DEPENDE DE LA TIPOGRAFIA INSTALADA EN EL SISTEMA OPERATIVO DE LA COMPUTADORA DEL USUARIO.

BARRA VERTICAL

EN ESTA SECCION VEREMOS LAS VENTANAS MAS IMPORTANTES QUE SE PUEDEN ENCONTRAR EN LA BARRA DE HERRAMIENTAS VERTICAL.

SI OBSERVAMOS LAS VENTANAS QUE SE DESPLIEGAN EN LA BARRA DE HERRAMIENTAS VERTICAL VEREMOS QUE HAY MUCHAS MÁS DE UNA OPCIÓN; A NOSOTROS NOS INTERESAN DOS: [ARCHIVOS] E [HISTORIA].
COMENZAREMOS POR [ARCHIVOS], QUE ES LA MÁS IMPORTANTE Y UNA DE LAS HERRAMIENTAS QUE USAREMOS CON MÁS FRECUENCIA CUANDO TRABAJEMOS CON DREAMWEAVER.
LO PRIMERO QUE NOTAREMOS ES QUE TIENE TRES LENGÜETAS EN ESTE CASO, NOS CONCENTRAREMOS EXCLUSIVAMENTE EN [ARCHIVO] (IGUAL NOMBRE QUE LA VENTANA). EN SU PARTE SUPERIOR HAY UN MENÚ DESPLEGABLE EN EL QUE APARECERÁN TODOS SITIOS QUE VAYAMOS PROGRAMADO (POR EL MOMENTO SOLO VEREMOS [ESCRITORIO] Y [ADMINISTRAR SITIOS]).
DEBAJO DEL MENÚ  DESPLEGABLE HAY UN ÁREA EN LA QUE APARECE EL CONTENIDO DE NUESTRA SELECCIÓN.
EN LA IMAGEN DE ESTA PAGINA PODEMOS OBSERVAR QUE, SI SELECCIOMOS [ESCRITORIO], MOSTRARA LO QUE HAYA EN EL, JUNTO CON LO QUE SE ENCUENTRE EN LASDIFERENTES ARPETAS Y SUBCARPETAS UBICADAS EN EL.
POR OTRO LADO, ESTA LA VENTANA [HISTORIAL], DONDE IRAN APARECIENDO LOS CAMBIOS REALIZADOS EN UN DOCUMENTO, EN EL ORDEN ENEN LOS QUE VAMOS HACIENDO.
ESTO RESULTA     MUY UTIL PORQUE NOS PERMITE VER TODOS LOS PASOS  EFECTUDOS (DISEÑO, PROGRAMACION, ESCRITURA, ETC.) Y  RASTEAR Y DESHACER O MODIFICAR EL QUE DESEEMOS.
LA HISTORIAL DE DREAMWEAVER ES BASTATE EXTENSO, DE MODO QUE PODEMOS VOLVER BASTANTE  ATRÁS SOBRE NUESTROS PASOS.

EL AREA DE TRABAJO

EL AREA DE TRABAJO

EL AREA DE TRABAJO ESTA COMPUESTAPOR EL ESPACIO DE TRABAJO, EL [SELECTOR DE VISTA], PREVISUALIZACION EN EL NAVEGADOR, LAS OPCIONES Y LA COMPATIBILIDAD CON LOS NAVEGADORES.TODOS ESTOS ELEMENTOS SON MUY IMPORTANTES PORQUE CONTROLAN NO SOLO EL AREA EN SI,  NO ASPECTROS FUNDAMENTALES DEL FUNCIONAMIENTO  DE LA PAGINA UNA VEZ QUE ESTA SUBIDA ALA RED.

AMEDIDA QUE VAMOS TRABAJANDO EN LA CONFECCION DEL SITIO WEB EL AREA DE TRABAJO NOS DARA UNA IDEA BASTANTE REALISTA DE COMO SE VERA CUANDO ESTE TERMINADO. DE TODAS FORMAS, SIEMPRE ES UNA BUENA COSTUMBRE TENER ABIERTO UN NAVEGADOR WEB (0, POR QUE NO VAMOS; LOS MAS POPULARES) PARA REALIZAR LAS PREVISUALIZACIONES. A CONTINUACION, VEREMOS LAS PRINCIPALES SECCIONES DE ESTA ÁREA.

LA INTERFAZ DE TRABAJO

LA INTERFAZ DE TRABAJO

HAREMOS UN RECORRIDO GENERAL POR LA INTERFAZ DE TRABAJO DEL PROGRAMA, PARA CONOCER SUS PRINCIPALES COMPONENTES Y BARRAS DE HERRAMIENTAS.

LO PRIMERO QUE HAREMOS SERA ABRIR LA APLICACIÓN, QUE SE ENCUENTRA EN LA CARPETA DE ADOBE :{INICIO/PROGRAMAS/ADOBE DESIGN PREMIUM CS3/ ADOBE DREAMWEAVER CS3 }.AL HACERLO, SE NOS PREGUNTARA SI DESEAMOS DEFINIR UN SITIO (AVECES) Y CREAR UN ARCHIVO NUEVO. SELECCIONAMOS [PAGINA EN BLANCO],[TIPO DE PAGINA]; [HTML] Y [DISEÑO]: [OK]. CON [DEFINIR STIO], POR EL MOMENTO NO LO HACEMOS SE MOSTRARÁN LAS DIFERENTES BARRAS HERRAMIENTAS DISPONIBLES Y UNA HOJA EN BLANCO, QUE DE AHORA EN ADELANTE SERA NUESTRA AREA DE TRABAJO PRINCIPAL. ALLI ES DONDE DEBEMOS EXPRESAR TODO NUESTRO POTENCIAL CREATIVO.

ES IMPORTANTES TENER EN CUENTA QUE LAS   DIFERENTES HERRAMIENTAS SE PUEDEN OCULTAR EN CUALQUIER MOMENTO PARA, ASI TENER UN AREA DE TRABAJO DESPEJADA. SI ALGUNA DE LAS BARRAS SE PIERDE O NO SE PUEDE VER, VAMOS A [VENTANA], DEL MENU PRINCIPAL, Y SELECCIONAMOS LA QUE QUERAMOS, PARA QUE VUELVA A PARECER. LAS REGLAS DE MEDICIÓN EN PIXELES QUE ESTAN EN LAPARTE SUPERIOR E IZQUIERDA DEL AREA DE TRABAJO SON MUY IMPORTANTES. TODAS LAS TABLAS QUE COLOQUEMOS, JUNTO CON SUS CELDAS Y ELEMENTOS (GENERALMENTE, IMÁGENES), SE MIDEN ENESTA UNIDAD, POR LO TANTO CUMPLEN UN ROL MUY IMPORTANTE ALA HORA DE PENSAR EN EL DISEÑO Y DISTRIBUCCIÓN DE LOS ODJETOS. NOSOTROS DISEÑAREMOS EN 800X600 PIXELES (ANCHO Y ALTO), POQUE  ESTA ES LA MENOR RESOLUCION DE MONITOR QUE SE SIGUE USANDO HOY EN DIA. DE ESTE MODO, EVITAREMOS QUE APAREZCA UNA BARRA DE DESPLASAMIENTO HORIZONTAL, QUE RESULTA MUY MOLESTA, LOPUEDE OCURRIR SI CONSTRUIMOS TABLAS DE MAYOR ANCHO QUE EL MENCIONADO. EN REALIDAD,LA ALTURA(600 PIXELES) NO IMPORTA TANTO COMO EL ANCHO (800 PIXELES), DADO QUE TODOS LOS USUARIOS ESTAN ACOSTUNBRADOS ALA BARRA DE DESPLASAMIENTO VERTICAL, QUE NO ES MOLESTA. POR LO TANTO SI NUESTRA PAGINA SE ESTIRA DEMASIADO HACIA ABAJO SOBREPASA LA ALYURA DE RESOLUCION DE PANTALLA DEL MONITOR, NO SERA PROBLEMA. UN ELEMENTO DE SUMAIMPORTANCIA EN EL INTERFAZ DE TRABAJO EN LA VENTANA [ARCHIVOS], EN LA BARRA HERRAMIENTAS VERTICAL. ES POSIBLE DESPLEGARLA PARA QUE OCUPE TODA LA PANTALLA Y, ASI, CONTROLAR EL ADMINISTRADOR DE STIOS, QUE NOS PERMITIRA SUBIR NUETRA PAGINA A INTERNET UNA VEZ QUE ESTE LISTA.

Carpeta Principal del Sitio, con sus Subcarpetas.

La Diferentes Barras de Herramientas que se Puedes Ocultar o Mostrar.

E) Barra de Herramienta Horizontal: Un menu Grafico
con diversas opciones distribuidas en diferentes leguas.
En ella aparecen las diferentes propiedades de cada elemento que
esté seleccionado en el area de trabajo.
F)Menu de opciones Principal: es el de cualquier programa que
controla absolutamente todo como crear y guardar archivos,ocultar o
ostrar barras de herramientas, definir propiedades de la pagina
y de la tablas insertar objetos(imagenes archivos, videos etc) y mas.
G) Barra de herramientas vertical: Diferentes ventanas
de que controlan diversos aspectosdel documento de HTML.
K)Area de Trabajo: El espacio en blanco es nuestra pagina web .
Conviene pensar en ella como si fuera unna hoja en documento Word.

DREAMWEAVER: LA ELECCION CORRECTA

DREAMWEAVER: LA ELECCION CORRECTA

PARA ARMAR DESDE UNA SIMPLE PAGINA PERSONAL HASTA UN SITIO WEB COMPLEJO, DREAWEAVER, QUE TIENE DE ESPECIAL FRENTE AL RESTO DE LAS APLICASIONES. LA RESPUESTA: ES EL EDITOR DE HTML  MAS COMPLEJO Y PROFESINAL DEL MERCADO  Y ESMUY FACIL DE USAR; NO TIENE COMPETENCIA EN SU RUBRO, ESTA CONSIDERADO UNO DE LOS MEJORES Y ES EL ELEGIDO POR LOS PROFESIONALES, POR SUPUESTO QUE ESTO  NO SIEMPRE FUE ASI, AL COMIENZO, TENIA UN GRAN RIVAL, SOBRE TODO EN FRONTPAGE, EL EDITOR DE LA EMPRESA MICROSOFT.

CON EL PASO DEL TIEMPO Y LAS DIFERENTES  MODIFICASIONES  QUE SUFRIO ATRAVES DE LAS VERSIONES, DREMWEAVER SE IMPUSO COMO FAVORITO ENTRE LOS EXPERTOS DEL AEREA  DE DISEÑO Y PROGRAMACION DE SITIOS WEB, SI BIEN HAY QUIENES AUN PREFIEREN SEGUIR ESCRIBIENDO EL CODIGO HTML EN UN SIMPLE EDITOR DE TEXTO (OPCION QUE ESTE PROGRAMA TAMBIEN INCLUYE).

LA  OTRA CARACTERISTICA FUNDAMENTAL DE ESTA HERRAMIENTA ES QUE ES SENCILLA DE USAR. ADEMAS DE QUE POSEE UNA INTERFAZ SIMPLE, TIENE MUCHAS GUIAS DE AYUDA VISUAL QUE RESULTAN DE GRAN UTILIDAD PARA PRINCIPIANTES, CON LO CUAL CUALQUIERA QUE TENGA GANAS Y UN POCO DE TIEMPO PUEDE APRENDER A USARLO.

TAMPOCO SE PUEDE PASAR POR ALTO QUE PARA MUCHOS TRABAJOS ES UN SOFWARE MUY COTIZADO, Y SE SOLICITA SU MANEJO EN BUSQUEDAS LABORALES DE DIFERENTES AERAS. EN SUS VERSIONES MAS RECIENTES DREAMWEAVER HA INCORPORADO HERRAMIENTAS QUE UNA PORCION DE CODIGO HTML A SIMPLE VISTA PERMITEN LA SIMPLE EDICION Y PROGRAMACION DE PAGUINAS DINAMICAS PARA INTERACTUAR CON BASES DE DATOS (EXTENSIONES .ASP Y PHP) . CON ESTE AGREGADO, ADEMAS DE OTROS QUE POSIBILITAN LA PROGRAMACION DIRECTA DE SCRIPTS, HA SUPERADO ALA COMPETENCIA POR UN AMPLIO MARGEN.

VENTANA DE APERTURA DE DREAMWEAVER

UNA POSICION DE CODIGO DE HTML A SIMPLE VISTA