Visuales y programacion

6

Click here to load reader

Transcript of Visuales y programacion

Page 1: Visuales y programacion

AYUDAS VISUALES Y DE PROGRAMACION:

En la creación de páginas web en el programa DREAMWEAVER las ayudas visuales además de darnos el

código también nos da para simplificar y de esta manera comparar varios documentos viendo el código

tanto del uno como del otro y así hacer comparaciones; bueno en este caso se comenzó a hacer lo

siguiente:

Se inserto tabla luego dentro de ella se inserto una imagen la que uno quiere que aparezca en ella

y si en caso queremos que aparezca varias ventanas seguidas de la una y de la otra vamos a

Archivo nuevo y miramos que en la parte superior se mira que hay otro archivo

VENTANAS

Page 2: Visuales y programacion

pero también se puede ir a ventana mosaico vertical y si observamos que en la pantalla aparece los dos

archivos ya sean como diseñador o como programador (código HTML) y de esta manera hacer

comparaciones ya que las podemos dividir

y si vamos al código se puede hacer modificaciones ya que también nos brinda ayudas para HTML. En el

cogido en el entorno de trabajo en la parte izquierda se mira que hay dos cuadros esto significa que

dentro de código hay estructuras complejas lo cual se puede trabajar más fácilmente y organizarlo

también podemos trabajar con colores para cada código

Page 3: Visuales y programacion

Para trabajar con colores para cada código se va a EDICION > PREFERENCIAS > CODIGOS DE COLORES >

EDITAR LAS DISTINTAS COMBINACIONES DE COLORES y de esta manera darle colores a los códigos.

En la parte de izquierda hay una barra la cual nos ofrece más ayudas por ejemplo aplicar comentario

HTML también se puede contraer o expandir, nos permite trabajar con documentos, trabajar con

etiquetas padre y así poder navegar con las demás etiquetas, equilibrar distintas llaves de tal manera

que no se haya tubulado, marcaria el código que sea incorrecto, mostrar el numero de líneas

Se puede abrir de la parte superior la barra de herramientas estándar o hacer ventanas donde nos

muestre más herramientas para trabajar con código

Page 4: Visuales y programacion

También se puede ver caracteres ocultos como los espacios

Para seleccionar una etiqueta en concreto en el entorno de trabajo siempre hay un orden de anidación

de las etiquetas ejemplo con la etiqueta de tabla se selecciono todo al pulsar TABLE

Page 5: Visuales y programacion

Luego de esto vamos a DISEÑO teniendo en cuenta que también nos da ayudas visuales como bordes de

marco, fondo de diseño, mapas de imágenes etc. en la parte superior en VER vamos a visualizar reglas

para poner elementos en sitios correctos. También nos daría la opción de GUIAS que indican posiciones

También se puede agregar cuadricula por ejemplo

Page 6: Visuales y programacion

por último poder tener plugins para facilitar el trabajo para obtener varias opciones y tener una pagina

de rastreo

OPINION

bueno al terminar ver el video lo que puedo opinar es que este programa es muy interesante me llama

demasiado la atención quisiera que nos dará un trabajo dándonos videos para aplicarlo y así tener

resultados espero conocer mas de este programa DREAMWEARE