Actividad Integradora

Página de Hosting: 000webhost
Página Final: Silver Gym

Pag. 153
Cómo subir nuestro sitio a la web.
Registro en el host

Ciclos de la vida de las paginas web

Ciclos de la vida de las páginas web

Actividad 5

Actividad 5

Actividad 4

Actividad 4

Actividad 3

Actividad 3

Actividad 2

Actividad 2

Actividad 1

Actividad 1

TERCER PARCIAL

Recuperación segundo parcial

Armando Legaspy Gallardo


Reporte de diseño
Paginas web

Actividad Integradora

Armando Legaspy Gallardo
Actividad Integradora


https://docs.google.com/file/d/0B-8fYIS4yHkkcjVibUMybU4xUGs/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkSGdlQTRtZDR6NE0/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkV25wVDlHOGgwbE0/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkYnQ1N2pLZTNFTVE/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkZVFyNUJuTmowU0U/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkMlY5SkowcGQtLUU/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkSzd1UTZSeW5QdDg/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkcFZYc21RQmZzWFE/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkR1JXX2J5RWpOLVk/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkSDVqZjhkeUZ3VHM/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkOE1GcE1KXzJrbms/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkVUY3bklDcklIYUk/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkQ3JYQkxlQ1JrQVk/edit
https://docs.google.com/file/d/0B-8fYIS4yHkkWThYNHBEQnZhbkE/edit

Actividad 14

Armando Legaspy Gallardo
Actividad 14


A la plantilla y diseño de nuestra página comenzada en la actividad 12, agregamos otros elementos, entre ellos:

Una tabla en la parte de abajo del logo o imagen y en la parte superior del body, para manejarla como control y opciones de nuestra página

Actividad 12

Armando Legaspy Gallardo
Actividad 12


Aqui comenzamos ya con el diseño de nuestra página web, la cual será de SILVER GYM

Empezamos agregando una imagen de inicio.

Despues diseñamos y agregamos los vinculos para despues enlazarlos.

Actividad 10

Armando Legaspy Gallardo
Actividad 10

Aqui comenzamos con la creación de nuestra página web utilizando el programa DREAMWEAVER.

Puedes seleccionar cualquiera de las plantillas prediseñadas que dreamweaver tiene para comenzar.

En la parte superior derecha se encuentra la opción todas las reglas, y damos doble click a "body" para poder editarlo.

Tambien existe la herramienta de "inspector de propiedades" en el cual puedes modificar el estilo o diseño de la plantilla de la página.

Puedes modificar texto, color, fuente, borde, tamaño y borde, entre otras opciones.

En esta primera práctica se le hacen modificaciones a la anchura de la página y se modifica el borde.

Actividad 8

Armando Legaspy Gallardo
Actividad #8


En esta activivdad aprendimos las funciones básicas del programa de adobe dreamweaver, el cual sirve para crear códigos para páginas web  de una manera mas sencilla.

Una de las cosas que hicimos fue el crear un documento, el cual se hace desde la pantalla principal, y se pueden utilizar distintas plantillas preestablecidas en la pantalla inicial.

Puedes cambar el titulo del documento y puedes insetar imagenes

Otra funcion muy  importante y muy util que puedes utilizar es la de creacion de enlaces, por medio dela opcion "vinculos", los cuales ayudaran a abrir una nueva ventana al presionar este vinculo.

Estas fueron las principales funciones que aprendimos en esta primera actividad practica.

Actividad 9

SEGUNDO PARCIAL

Actividad 16

En esta ultima actividad (#16) del primer parcial, pusimos en practica los conocimientos previamente aprendidos, y a estos les sumamos un ultimo tema: como realizar hipervinculos.

En el lenguaje html, podemos crear hipervinculos en nuestra pagina web, que nos lleve a otro lugar de la pagina, a una pagina exterior o a un correo por medio de diferentes codigos.

Para esto se coloca <A> y </A> que nos indica que se iniciara o terminara un enlace.

Dependiendo del tipo de enlace que quieras se utilizan 3 tipos diferentes:
HREF: que es el recurso al cual hace referencia el hipervinculo
NAME: especifica el nombre de la posicion a donde apuntar
TARGET: al destino de enlace (generalmente solo se utiliza para paginas con frames)

y de esta manera, realizamos una pagina en la que pudimos hacer enlaces a otra parte de la pagina y a otras paginas web con mas informacion.

Actividad 15

En la actividad #15, pusimos en práctica todos los conocimientos previamente adquiridos y, a estos le sumamos nuevos códigos que nos permiten realizar listas.

Las listas se utilizan en los documentos y el lenguaje html, nos permite introducirlas en una página web con diferentes codigos.

con la etiqueta <ul> y </u> damos a entender que se inicia y termina, respectivamente, una lista, y para colocar dentro de esta la informacion o los puntos que queremos atender, escribimos la etiqueta <li> y posteriormente el punto que queremos dar a conocer.

tambien podemos colocar sublistas y cambiar el formato de los puntos con el codigo type=disc> despues de <li.

podemos cambiar los terminos qu se utilizaran y los puntos y manera de la que se enlistara.

Actividad 14

En la actividad #14, pusimos en práctica los conocimientos adquiridos previamente y, a estos les sumamos códigos para insertar una tabla dentro de nuestra página web.

para poder hacer esto, se coloca al principio <table> y al final </table> indicando que inicia y termina, respectivamente una tabla.

Existen etiquetas para dar formato a nuestr atabla, como:
align (alinear) bgcolor (fondo de las celdas de la tabla), border (ancho de los bordes), bordercolor (indica el color del borde), borderdark, border light, caption(titulo de la tabla), width (ancho de la tabla, etc.

despues se utiliza la etiqueta <th> y </th> para colocar los encabezados de las tablas.

Luego, utilizamos el código <tr y </tr> para definir filas y <td> para definir las columnas o celdas especificas de una tabla.
a esto puedes cambiarle la alineacion (align), el color (bgcolor), backgroud (imagen del fondo) y el ancho de celda y columna (width)

Actividad 13

En la actividad #13, pusimos en práctica los conocimientos adquiridos previamente y, a estos, sumamos nuevos códigos que permiten insertar alguna imagen en un lugar específico dentro de nuestra página web.

para esto, se coloca entre < y > el código IMG, que nos indica que es una imagen; el código SRC que nos idica que se buscara de un lugar especifico en la misma carpeta en donde se encuentro nuestro archivo html; despues se coloca un signo de = y entre comillas, se colca el nombre de la imagen que colocaremos.

Actividad 11

En la actividad #11 pusimos en práctica los conocimientos previos adquiridos y, sumamos mas códigos para el diseño de nuestra página web.
Los codigos que sumamos fueron utilizados para modificar el color, tamaño y tipo de letra que se utiliza en el blog.

Estos se representan con "COLOR", "SIZE" y "FACE", respectivamente como se indica arriba
se colocan entre < > y se pone el código del color anticipado de un signo de igual= para cambiar el color.

Se utiliza FONT SIZE=10 entre < y > para cambiar el tamaño y face para el tipo de letra.

Actividad 10

 

24/Febrero/2013

 

 

COLEGIO DE BACHILLERES DEL ESTADO DE BAJA CALIFORNIA

PLANTEL MEXICALI

PAGINAS WEB

En esta actividad pusimos en práctica los códigos aprendidos en clase para poder realizar archivos que tuvieran el formato .html y, de esta manera, poder visualizar los archivos hechos en el bloc de notas, como páginas web.

Los códigos vistos fueron:

<html> y </html>

<title> y </title>

<head> y </head>

<body> y </body>

Aparte de estos formatos, también usamos algunos para cambiar el formato del color y diseño de ciertos objetos y fondo, dentro de los cuales estuvieron:

<bgcolor="#FF00FF" text="#000080">

y formatos para acentos y tildes como:

&Aacute;

 

Insertamos una línea horizontal con el código

<hr>
complementandolo con
<hr align=left width=100% size=10>
e insertamos código para saltar de renglón
<br>

 

Tambiéen utilizamos codigos para cambiar la fuente del título y configurarlo, utilizando los codigos

<h4> y </h4> 

 

Y por último, colocamos etiquetas para cambiar el estilo de la letra utilizando códigos como: <i></i>, <u></u>, <b></b>

A continuación se presenta el enlace de la práctica de esta actividad:
Actividad 10

Actividad 9

 

24/Febrero/2013

COLEGIO DE BACHILLERES DEL ESTADO DE BAJA CALIFORNIA

PLANTEL MEXICALI

PAGINAS WEB

En esta actividad pusimos en práctica los códigos aprendidos en clase para poder realizar archivos que tuvieran el formato .html y, de esta manera, poder visualizar los archivos hechos en el bloc de notas, como páginas web.

Los códigos vistos fueron:

<html> y </html>

<title> y </title>

<head> y </head>

<body> y </body>

Aparte de estos formatos, también usamos algunos para cambiar el formato del color y diseño de ciertos objetos y fondo, dentro de los cuales estuvieron:

<bgcolor="#FF00FF" text="#000080">

y formatos para acentos y tildes como:

&Aacute;

 

Insertamos una línea horizontal con el código

<hr>
complementandolo con
<hr align=left width=100% size=10>
e insertamos código para saltar de renglón
<br>

 

Tambiéen utilizamos codigos para cambiar la fuente del título y configurarlo, utilizando los codigos

<h4> y </h4>

A continuación se presenta el enlace de la práctica de esta actividad:
Actividad 9

Actividad 8

 

 

25/Febrero/2013

COLEGIO DE BACHILLERES DEL ESTADO DE BAJA CALIFORNIA

PLANTEL MEXICALI

PAGINAS WEB

En esta  actividad pusimos en práctica los códigos aprendidos en clase para poder realizar archivos que tuvieran el formato .html y, de esta manera, poder visualizar los archivos hechos en el bloc de notas, como páginas web.

Los códigos vistos fueron:

<html> y </html>

<title> y </title>

<head> y </head>

<body> y </body>

Aparte de estos formatos, también usamos algunos para cambiar el formato del color y diseño de ciertos objetos y fondo, dentro de los cuales estuvieron:

<bgcolor="#FF00FF" text="#000080">

y formatos para acentos y tildes como:

&Aacute;

 

Insertamos una línea horizontal con el código

<hr>
complementandolo con
<hr align=left width=100% size=10>
e insertamos código para saltar de renglón
<br>

A continuación se presenta el enlace de la práctica de esta actividad:
Actividad 8

Actividad 7

20/Febrero/2013

COLEGIO DE BACHILLERES DEL ESTADO DE BAJA CALIFORNIA

PLANTEL MEXICALI

PAGINAS WEB

En esta primera actividad pusimos en práctica los códigos aprendidos en clase para poder realizar archivos que tuvieran el formato .html y, de esta manera, poder visualizar los archivos hechos en el bloc de notas, como páginas web.

Los códigos vistos fueron:

<html> y </html>

<title> y </title>

<head> y </head>

<body> y </body>

Aparte de estos formatos, también usamos algunos para cambiar el formato del color y diseño de ciertos objetos y fondo, dentro de los cuales estuvieron:

<bgcolor="#FF00FF" text="#000080">

y formatos para acentos y tildes como:

&Aacute;

A continuación se presenta el enlace de la práctica de esta actividad:

Actividad 7

Actividad 6

20/Febrero/2013

COLEGIO DE BACHILLERES DEL ESTADO DE BAJA CALIFORNIA

PLANTEL MEXICALI

PAGINAS WEB

En esta primera actividad pusimos en práctica los códigos aprendidos en clase para poder realizar archivos que tuvieran el formato .html y, de esta manera, poder visualizar los archivos hechos en el bloc de notas, como páginas web.

Los códigos vistos fueron:

<html> y </html>

<title> y </title>

<head> y </head>

<body> y </body>

A continuación se presenta el enlace de la práctica de esta actividad:

Actividad 6