Proyecto

Projecto Upload

El objetivo primordial de esta secion era subir una pagina web la cual habiamos trabajado antes con ella.


En esta sesion hicimos una cuenta en la pagina 000webhots la cual es para subir gratuitamente una pagina web siempre y cuando cumplas con su dominio.

Al hacer la cuenta en 000webhost te otorgan unos datos los cuales ocuparemos para tener un servidor el cual nos ayude a subir la pagina por un FTP


En esa pagina subimos los archivos e formato .ZIP, osea que para esto necesitaremos comprimir todo archivo de nuestra pagina web

en formato zip.

Una vez ya comprimido lo subimos a la pagina y se cargaran todos los datos y quedara listo ahora solo hara falta abrir la pagina.

Por desgracia tuvimos un problema con el porvedor de internet el cual no pudismo visualizar la pagina pero se puede con ayuda de unos programas o paginas incognitas.

Conoces las opciones para publicar una página web

¿Que competencias desarrollamos?Programar,administrar y publicar páginas web para la difusión y captación de la información.

Términos básicosAlojamiento web:Servicio que provee a los usuarios de Internet un sistema para poder almacenar información,imágenes,vídeo o cualquier contenido accesible vía web.

Alojamiento compartido:modalidades más utilizadas para las empresas dedicadas al negocio del alojamiento web.

Alojamiento compartido:Servicio que permite a los usuarios publicar sitios web de manera gratuita.

El propósito de este parcial es que conforme a lo que nos ha enseñado el profesor y si es que buscamos o aprendemos en nuestras casas, es poder publicar una pagina web en internet

En todo esto, apredimos o seguiremos aprendiendo, tatno a ahcer pagionas web como publicarla, y poder manejar un sitio en internet.

Seremos competentes tanto a administrar paginas web para la difusion de informacion.

Reporte del Proyecto

Nuestra proyecto consiste en una pagina comercial donde los usuarios pueden encontrar productos para vídeojuegos:


Para la elaboración de la pagina tomamos en cuenta los siguientes elementos:

CSS:Esto fue de utilidad al momento de agregar las ID en los comportamientos

Maquetación:Aqui creamos la estructura de nuestro proyecto,donde se podían apreciar las carpetas que va a incluir como por ejemplo fotos,videos,music,etc y podemos escojer entre las diferentes plantillas que nos da dreamweaver

Plantilla en Dreamweaver:Esta la hicimos con la ayuda de varias herramientas y modificaciones en el codigo HTML,usando el container,el body,las plantillas que ya se nos presentaba,las definiciones de reglas (Tipos,fondo,bloque,cuadro,lista,etc)

Etiqueta Div:Aqui agregamos la etiqueta ID para que pudieramos agregar comportamientos

Región Editable:Al momento de crear la plantilla agregamos las regiones editables para poder poner mas información cuando creáramos nuevas paginas

Comportamientos en Dreamweaver:Aqui pudimos hacer que cuando seleccionamos un texto una imagen sea intercambiada por otra,podria verse como un gif pero son muy diferentes,ya que esto no es una imagen,son dos.

Tabla:Las tablas nos sirvieron para poder agregar galerías de los diferentes productos ofrecidos

Templeates:Aqui agregamos las plantillas

Formulario:Con la ayuda de tablas y la opción de formulario,pudimos agregar botones de envió,cuadros de texto donde podemos elegir entre diferentes opciones,cuadros con un numero de palabras ilimitado,etc,donde los usuarios y compradores de nuestra pagina podían mandar el formulario con información de los productos que deseaban,su numero de tarjeta de crédito,los tipos de productos,etc.

y el producto final fue este:

Dreamweaver

Actualmente de la casa de Adobe,es la herramienta de diseño de paginas web mas avanzada,tal como se ha afirmado en muchos medios.

Conceptos Básicos

Sitio Web

Pagina Web

Sitio Interactivo

Sitio Local

Sitio estático

Sitio Dinámico

Conceptos de Trabajo

CSS

Maquetación

Plantilla en Dreamweaver

Contenedor en Dreamweaver

Etiqueta Div

Región Editable

Comportamientos en Dreamweaver

Tabla

Formulario

Formulario de Contacto

Introducción a Dreamweaver

Dreamweaver

Podemos emplear DreamWeaver para crear sitios de web en forma visual, con una interfaz gráfica de fácil manejo que nos permite visualizar los cambios que efectuamos al mismo tiempo que los realizamos.Muchos creen que como Dreamweaver es un programa usado por profesionales, tiene que ser muy complicado para los usuarios ocasionales. Realmente Dreamweaver es un programa muy sencillo e intuitivo , que puede ser utilizado a muchos niveles.
Conceptos básicos:
Pagina Web.
Sitio Web.
Sitio local.
Sitio dinamico.
Sitio Interactivo.
CCS.
Maquetacion.
Plantilla de Dreamweaver.
Contenedor en Dreamweaver.
Etiqueta Div.
Region editable.
Comportamientos en Dreamweaver.
Tabla.
Formulario.
Formulario de contacto.

Reporte 2

Estructura:

<html>

<head>

</Head>                                      (La estructura básica de mi documento)

<body>

</body>

</html>

       

                                                                       Etiquetas:

<title></title>:Derfine el titulo de la pagina (blazblue)
<body></body>Aqui debera encontrarse todo el contenido (Blazblue)
<br>:Salto de linea
<hr>Una linea (Usada para separar diferentes temas)
<font></font>:Modificar el tamaño y color del texto (color verde)
<img>:Para poner imagenes(Imagenes de Blazblue)
<th></th>:para el encabezado(En las tablas)
<tr></tr>:para escribir en las filas(Personajes Jugables)
<td></td>:para escribir en las celdas(Personajes de la novela)

Atributos

Background:Para aplicar una imagen de fono

   Text:El color del texto 

Align:Para alinear (Left,center o right)

<B>:Texto en negrita

<U>:Subrayado 

Color:Determina el color que se aplica al texto 

Height:Tamano de la imagen

<ul>:Listas
img src="IMAGEN.jpg: esto inserta una imagen
ALING=CENTER: pone la posicion de la imagen puede ser a la derecha, izquierda o centrada
HEIGHT=50%: esto marca el ancho de la imagen verticalmente
width=75%: este es el largo de la imagen horizontalmente
BACKGROUND="IMAGEN.JPG": pone una imagen de fondo
text="#FF0000": pone color al todo el texto
face=arial: cambia el tipo de letra
bgcolor=green: pone color a el fondo de la pagina
link: define el color de los vinculos
Alink y Vlink: pone color al vinculo aun no visitado y ya visitado
bgsound: es para un audio que se pone a la pagina
noshade: quita el sombreado de la regla
size:espesifica el tamaño en pixeles de la regla

   

Reporte 1 BLAZBLUE

Describe el diseño de tu sitio y explica su estructura y contenido

BlazBlue es un juego de lucha en serie desarrollado y publicado en Japón por Arc System Works , y una adaptación de anime se emitió en el otoño de 2013.

Nuestra pagina tendrá un encabezado con este logo:

Un fondo como este:

Y cuadros de información como este:

Los cuadros de informacion deberan  tener los siguientes datos:

Combos,personajes,lista de comandos.

Al final esperamos que quede algo asi: