Practica 4 Diseño y Programacion Pagina Web 2

Presentación
Nombre:
Alexander Hernández Fermín
Matricula:
1-11-5504
Sección:
ING-631-003
Materia:
DISEÑO Y PROGRAMACION PAGINA WEB 2
Tema:
PRACTICA 4
Fecha de entrega:
18/6/2017
Profesor:
Australia Carolina
Practica #4
1- ¿Cómo es la estructura básica de una página web?
Las páginas web mantienen una estructura muy sencilla que debemos respetar,
para que los navegadores sean capaces de presentarla. No podemos comenzar
nuestra página con una etiqueta de párrafo, por ejemplo, sino que debemos
indicar qué tipo de página estamos generando, qué información adicional llevará
y dónde comienza el contenido que debe ser mostrado.
De este modo, cualquier página web incluirá al menos las siguientes etiquetas:
<html> y </html> colocadas al principio y fin del documento indican dónde
comienza y finaliza la página web.
<head> y </head> definen un espacio en el que incluiremos contenidos que no
se van a mostrar directamente en el navegador, sino que sirven para describir
determinados aspectos del documento, como su título, autor, los estilos que
emplearemos, pequeñas funciones que se deben realizar, etc.
<body> y </body> en su interior se incluye la información que se mostrará en el
navegador. Es el contenido real de la página, estructurado mediante las
diferentes etiquetas.
Junto a las tres etiquetas anteriores podemos encontrar algunas más que son
importantes para que la web se interprete correctamente:
<!DOCTYPE> y <?xml> son dos etiquetas que indican qué tipo de documento
estamos generando y a qué normas se ajusta. Normalmente serán siempre
iguales y será nuestro editor el que se encargue de colocarlas al principio de la
página, cuando sea necesario.
Con todo lo anterior, una página creada desde cero y con un breve contenido
quedaría de la siguiente manera:
<!DOCTYPE html>
<html>
<head>
<title>Mi primera página</title>
</head>
<body>
<p>Mi primera página web, creada con tan sólo copiar y pegar.</p>
</body>
</html>
Eso es todo. Ya tenemos diseñada nuestra primera página web.
2- ¿Cómo debe ser la estructura del texto de una página web?
Todo el texto de la página estará dentro del <body>, que a su vez estará dentro
del <html>. El texto dentro del <body>debe estar dentro de párrafos. En HTML,
los párrafos se identifican con la etiqueta <p></p>. Dentro de los párrafos
colocaremos texto e imágenes, y algunas etiquetas que nos permitan dar
formato al texto, pero no podemos tener otros párrafos anidados.
A su vez, disponemos de encabezados que nos permiten organizar el texto.
Los encabezados van desde el <h1></h1> de mayor tamaño, al <h6></h6>, el
más pequeño. Por ejemplo, utilizaríamos un <h1> para poner el rótulo principal
de la página, <h2> para los títulos de los apartados, <h3> para los apartados
de segundo nivel, etc. El texto de cada apartado iría contenido en
párrafos <p></p>.
Una de las peculiaridades del texto, es que los espacios en blanco
consecutivos y saltos de línea no se muestran como en el código fuente. Si hay
varios espacios seguidos, sólo se mostrará uno. Por ejemplo, si en el código
fuente escribimos Bienvenido a Floramics se verá Bienvenido a Floramics. Si
queremos poner varios espacios seguidos, utilizaremos el código html para el
espacio, .
El navegador también ignora los saltos de línea. Así si dentro de un párrafo
colocamos varios saltos de línea pulsando Intro, estos no se verán. Como ya
vimos para crear un salto de línea dentro de un párrafo, utilizamos la
etiqueta <br />.
3-¿Que son etiquetas?

Las etiquetas HTML son fragmentos de texto rodeados por corchetes
angulares < >, que tienen funciones y usos específicos y se utilizan para
escribir código HTML.
4-¿Qué son enlaces?

Un enlace o link es texto o imágenes en un sitio webque un usuario puede
pinchar para tener acceso o conectar con otro documento. Los enlaces son
como la tecnología que conecta dos sitios web o dospáginas web.
5-¿Qué son divisiones o capas?

Una etiqueta muy utilizada es la etiqueta <div></div>. Esta etiqueta forma una
caja, un rectángulo, igual que el párrafo. Pero mientras que el párrafo es más
común utilizarlo para contener texto, en un div podemos colocar lo que
queramos, siempre que respetemos la anidación. Esta etiqueta nos resultara
muy útil para distribuir los elementos en nuestras páginas.
6-¿Qué son los estilos?
CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada -
que es un lenguaje que describe la presentación de los documentos
estructurados en hojas de estilo para diferentes métodos de interpretación, es
decir, describe cómo se va a mostrar un documento en pantalla, por impresora,
por voz (cuando la información es pronunciada a través de un dispositivo de
lectura) o en dispositivos táctiles basados en Braille.
7- ¿Cómo declarar un estilo?

Las hojas de estilo no están directamente integradas en las recomendaciones
HTML de W3C. Por tal razón, se debe incluir elementos en el código HTML que
indiquen tanto el tipo de documento, es decir la versión de HTML y las
recomendaciones CSS utilizadas por la página, como los estilos mismos.
8- ¿Qué es bloque de declaraciones?

En él se especifican todos los objetos que utiliza el programa (constantes,
variables, tablas, registros, archivos, etc.).
9- ¿Qué son las tablas y sus derivados?

Una tabla en un conjunto de celdas organizadas dentro de las cuales podemos
alojar distintos contenidos.
Atributos para tablas, filas y celdas
A partir de esta idea simple y sencilla, las tablas adquieren otra magnitud
cuando les incorporamos toda una batería de atributos aplicados sobre cada
tipo de etiquetas que las componen.
En cuanto a atributos para tabla hay unos cuantos. Muchos los conoces ya de
otras etiquetas, como width, height, align, etc. Hay otros que son especialmente
creados para las etiquetas TABLE.
 cellspacing: es el espacio entre celdas de la tabla.

 cellpadding: es el espacio entre el borde de la celda y su contenido.
 border: es el número de píxeles que tendrá el borde de la tabla.
 bordercolor: es el rbg que le vas a asignar al borde de la tabla.
En cuanto a las etiquetas "interiores" de una tabla, nos referimos a TR y TD,
ten en cuenta:
 Podemos usar prácticamente cualquier tipo de etiqueta dentro de la etiqueta

TD para, de esta forma, escribir su contenido.
 Las etiquetas situadas en el interior de la celda no modifican el resto del
documento.
 Las etiquetas de fuera de la celda no son tenidas en cuenta por ésta.
Así pues, podemos especificar el formato de nuestras celdas a partir de
etiquetas introducidas en su interior o mediante atributos colocados dentro de
la etiqueta de celda TD o bien, en algunos casos, dentro de la etiqueta TR, si
deseamos que el atributo sea válido para toda la línea. La forma más útil y
actual de dar forma a las celdas es a partir de las hojas de estilo en
cascada que ya tendréis la oportunidad de abordar más adelante.
Veamos a continuación algunos atributos útiles para la construcción de

nuestras tablas. Empecemos viendo atributos que nos permiten modificar una
celda en concreto o toda una línea:
 align: Justifica el texto de la celda del mismo modo que si fuese el de un

párrafo.
 valign: Podemos elegir si queremos que el texto aparezca arriba (top), en el
centro (middle) o abajo (bottom) de la celda.
 bgcolor: Da color a la celda o línea elegida.
 bordercolor: Define el color del borde.
Otros atributos que pueden ser únicamente asignados a una celda y no al
conjunto de celdas de una línea son:
 background: Nos permite colocar un fondo para la celda a partir de un enlace

a una imagen.
 height: Define la altura de la celda en pixels o porcentaje.
 width: Define la anchura de la celda en pixels o porcentaje.
 colspan: Expande una celda horizontalmente.
 rowspan: Expande una celda verticalmente.
10- ¿Qué son estructuras de control y sentencias?

En lenguajes de programación, las estructuras de control permiten modificar el
flujo de ejecución de las instrucciones de un programa.
Con las estructuras de control se puede:
 De acuerdo con una condición, ejecutar un grupo u otro de sentencias (If-

Then-Else)
 De acuerdo con el valor de una variable, ejecutar un grupo u otro de
sentencias (Select-Case)
 Ejecutar un grupo de sentencias mientras se cumpla una condición (Do-
While)
 Ejecutar un grupo de sentencias hasta que se cumpla una condición (Do-
Until)
 Ejecutar un grupo de sentencias un número determinado de veces (For-
Next)
Todas las estructuras de control tienen un único punto de entrada. Las
estructuras de control se pueden clasificar en: secuenciales, iterativas y de
control avanzadas. Esta es una de las cosas que permiten que la programación
se rija por los principios de la programación estructurada.
11- ¿Cómo crear archivos flash?
Para crear una aplicación en Flash Professional CS5, crear gráficos vectoriales
y elementos de diseño con las herramientas de dibujo e importe elementos
multimedia adicionales, tales como audio, vídeo e imágenes en el documento.
A continuación, utilice la línea de tiempo y el escenario a la posición de los
elementos y definir cómo y cuándo aparecen. Usando Adobe ActionScript (un
lenguaje de script) de crear las funciones para especificar cómo los objetos en
la aplicación se comporte.
Al crear contenido en Flash Professional (seleccionando Archivo> Nuevo), se
trabaja con el documento maestro, que se llama un archivo FLA. Los archivos
FLA de utilizar la extensión de archivo. Fla (FLA).
12- ¿Cómo se configura el sitio remoto?

Aquí deberás rellenar los datos que te facilitó el servicio de hosting que
contrataste. Si no recuerdas los datos o has perdido el correo electrónico que
seguramente te enviaron, pídeles de nuevo la información.
Los datos que necesitarás son los siguientes:
Servidor FTP o host es la dirección a la que se dirigirá Dreamweaver para
conectarse a tu servidor será del tipo ftp.servidor.com o también podrás
encontrar algunas que están formadas en forma de dirección IP (como por
ejemplo, 192.186.1.1)
En el campo Directorio del Servidor podremos establecer una carpeta
contenida en el servidor donde queramos subir las páginas.
Imagina que dentro de la estructura de carpetas del servidor remoto tienes una
que se llama página y dentro de esta otra que se llame principal. Podríamos
indicar la ruta pagina/principal para que los archivos se subiesen directamente
a esa ubicación.
En Usuario y Contraseña escribe el nombre de usuario y el password para
poder conectar con el servidor. Marca la casilla Guardar si quieres que el
programa recuerde la contraseña.
Una vez introducidos estos datos puedes pulsar el botón Probar para ver si son
correctos y Dreamweaver puede crear una conexión con el servidor remoto.
Finalmente comentaremos la opción Permitir desproteger y proteger archivo.
Esta casilla es útil cuando más de una persona está utilizando el mismo
servidor y las mismas páginas. De esta forma (como veremos más adelante)
podrás bloquear diversos archivos para evitar que se vean modificados por otra
persona (que también tenga acceso al servidor) mientras tú trabajas con ellos.
Si seleccionas la opción Cargar archivos en el servidor automáticamente al
guardar forzarás a que Dreamweaver suba los archivos cada vez que los
guardes. Una opción bastante útil para no olvidar subir pequeños retoques que
se vayan haciendo en el tiempo. Aunque es una opción un poco peligrosa
porque si modificas la versión en local y te equivocas no podrás recuperar la
versión anterior que estaba almacenada en el remoto porque se habrá
sobrescrito. Esta opción tampoco es recomendable si no tienes conexión
permanente y rápida a Internet.
Una vez hayas terminado Acepta todas las pantallas hasta volver a la vista de
trabajo y estaremos listos.
13- ¿Qué es una página web dinámica?

Es aquella que reacciona según las acciones del usuario, es decir, es
interactiva. Además, no está incluida en un archivo HTML.
14- ¿Qué es un editor web?

Un editor de páginas web es una aplicación diseñada con el fin de facilitar la
creación y edición de documentos HTML o XHTML. Su complejidad puede
variar desde la de un simple editor de texto plano, entornos WYSIWYG,
hasta editoresWYSIWYM.
15-¿Qué son ficheros?

Un archivo o fichero informático es un conjunto de bits que son almacenados
en un dispositivo. Un archivo es identificado por un nombre y la descripción de
la carpeta o directorio que lo contiene.
16- ¿Qué son funciones?

Una función es un grupo de instrucciones con un objetivo en particular y que
se ejecuta al ser llamada desde otra función o procedimiento. Una función
puede llamarse múltiples veces e incluso llamarse a sí misma (función
recurrente).

Practica 4 Diseño y Programacion Pagina Web 2

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Practica 4 Diseño y Programacion Pagina Web 2

Transféré par

Droits d'auteur :

Formats disponibles

Presentación

3-¿Que son etiquetas?

4-¿Qué son enlaces?

5-¿Qué son divisiones o capas?

7- ¿Cómo declarar un estilo?

8- ¿Qué es bloque de declaraciones?

9- ¿Qué son las tablas y sus derivados?

 cellspacing: es el espacio entre celdas de la tabla.

 Podemos usar prácticamente cualquier tipo de etiqueta dentro de la etiqueta

Veamos a continuación algunos atributos útiles para la construcción de

 align: Justifica el texto de la celda del mismo modo que si fuese el de un

 background: Nos permite colocar un fondo para la celda a partir de un enlace

10- ¿Qué son estructuras de control y sentencias?

 De acuerdo con una condición, ejecutar un grupo u otro de sentencias (If-

12- ¿Cómo se configura el sitio remoto?

13- ¿Qué es una página web dinámica?

14- ¿Qué es un editor web?

15-¿Qué son ficheros?

16- ¿Qué son funciones?

Vous aimerez peut-être aussi