p24:Registro de la pagina

PASOS PARA SUBIR MI SITIO WEB A INTERNET:

1:Primero hice una investigacion sobre los buscadores que existen en internet para subir mi sitio web,encontre este:
http://www.000webhost.com/
2:Entrar a la pagina,dar click en el cuadro Sign up.
3:Aparece una ventana y registrar todos  los datos que se piden,dar clic en el cuadro de Seleccion y despues en Create My  Account.
3:Anotar los datos de la tabla Account Information,con eso ya tenemos una cuenta de hosting gratis en la red solo que esta vacia y tenemos que ingresar todo lo que queremos que contenga.
4:debemos tener el programado  fTP llamado filezilla portable y lo podemos bajar de Google.
5:Has clic en descargar,lo guardas y despues lo instalas en tu PC.
6:Vas a inicio-dodos los programas-Filezilla Portable-y se abre una ventana.
7:Das clic en File/Site Manager y abajo en el boton:new site,le damos un nombre al sitio,ejemplo:Mi_sitio.
8:Llena los espacios en blanco con los datos de la tabla recojidos anteriormente.
9:Los campos son los siguientes:
Host: Direccion de tu sitio.
Logontype: Normal.
User: Nombre de usuario.
password: Tu clave.
10:Clic en el boton Connect.
11:En la parte izquierda esta tu PC,en la parte derecha esta tu hosting en la web.
12:Doble clic en la carpeta de tu sitio,arrastra todos los archivos y carpetas al directorio de la derecha llamado,public_html.
13:Espera a que se cargen los archivos y carpetas en la web y listo ya tienes tu sitio en la red.
14:Abres internet,dijitas la direccion de tu sitio y navegas por el

practica23:sitios de paga

sitios gratis

ELEMENTOS DE LA VENTANA DE DREAMWEAVER

Actividad17:TERMINOLOGIA BASICA DEL SOFTWARE PARA DISEÑAR PAGINAS WEB

DEFINE LO SIGUIENTE

1:CSS:
CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML.Una hoja de estilos CSS consiste en una serie de reglas. Cada regla consiste en uno o más selectores y un bloque de estilos con los estilos a aplicar para los elementos del documento. CSS ayuda en gran medida a la definición de estilos en la página, ya que permite ajustar de una manera mucho más precisa cualquier aspecto de cualquier elemento de la página.

2:MAQUETACION:
Maquetar un diseño consiste en dar un formato a los documentos, a todo el conjunto de elementos que lo componen, las imágenes, los textos, etc.Es la forma de ocupar el espacio de  la página.

3:PLANTILLA DE DREAMWEAVER:
Es un pre diseño de una página Web creada para que la utilices como base de un desarrollo Web. simplemente agrega tu texto e imágenes a tu plantilla y obtendrás un sitio Web funcional y vistoso listo para subir a Internet.

4:CONTENEDOR DE DREAMWEAVER:
Todos los contenedores están incluidos en la misma página, pero cada contenedor puede albergar un elemento muy concreto tal como una imagen, una animación o un texto, y podemos situarlo donde deseemos, en cualquier parte de la página.
tenemos total libertad para asignar una definición de estilo a cada capa, al igual que podemos especificar la forma y dónde queremos que ese elemento en concreto aparezca en la página, y el navegador se encargara por si solo de interpretarlo y visualizarlo de forma correcta.

5:REGION EDITABLE:

En una plantilla, las regiones editables son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra.

Al crear una plantilla nueva, todas sus regiones están bloqueadas; por ello, para que la plantilla sea útil, es preciso hacer editables algunas regiones (desbloquearlas).

6:COMPORTAMIENTOS EN DREAMWEAVER:
-Los comportamientos no existen como código HTML, se programan en JavaScript. Dreamweaver permite insertarlos a través del panel Comportamientos, por lo que no es necesario escribir ninguna línea de código JavaScript para programarlos.
- las imágenes de sustitución y las barras de navegación, ya están predefinidos.
-Podemos elegir una versión de la lista de navegadores,como Internet Explorer pero no en Netscape o en Mozilla. Una vez elegido un navegador ya no es necesario volver a elegirlo las siguientes veces que se desee insertar algún comportamiento.

7:TABLA :
sirven para organizar datos e imágenes en un archivo HTML.
Consisten de tres elementos básicos: filas, columnas y celdas.

8:FORMULARIO:
Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.

 8:FORMULARIO DE CONTACTO:
 Incorporar un formulario de contacto en nuestro sitio web es de suma importancia si queremos darle a los usuarios la posibilidad de que nos envíen consultas, comentarios, pedidos online o que simplemente nos dejen su email para suscribirse a un Newsletter y recibir nuestras ofertas y novedades

9:DREAMWEAVER CS5:
Adobe® Dreamweaver® CS5.5 es la aplicación que lidera el sector de la edición y creación de contenidos web. Proporciona funciones visuales y de nivel de código para crear diseños y sitios web basados en estándares para equipos de sobremesa, teléfonos inteligentes, tabletas y otros dispositivos.

ETIQUETA FONT

Esta etiqueta se creo para poder controlar en mayor medida apariencia del un  texto.


Permite tener un gran control sobre el tamaño de un texto,por ejemplo:
Este tamaño se especifica con su atributo SIZE y afectará al texto que encierren la instrucción de inicio "<FONT SIZE=>" y la etiqueta de fin "</FONT>".


Con otro atributo de la etiqueta <FONT COLOR> se puede cambiar el color del texto al que e le aplique la etiqueta. 

Ademas, existe la etiqueta <BASEFONT="">, dará un tamaño de texto predeterminado.

Ejemplo:<BASEFONT SIZE="n"><FONT SIZE="+3"> Letra tamaño 6</FONT>

ATRIBUTOS DE UNA ETIQUETA

Los atributos básicos que se pueden utilizar en una etiqueta HTML son,por ejemplo:

Atributo	Descripción
id = "texto"	Establece un identificador único a cada elemento dentro de una página HTML
class = "texto"	Establece la clase CSS que se aplica a los estilos del elemento
style = "texto"	Establece de forma directa los estilos CSS de un elemento
title = "texto"	Establece el título a un elemento (mejora la accesibilidad y los navegadores lo muestran cuando el usuario pasa el ratón por encima del elemento)

Align: Alinear centro,derecha,izquierda.

No shade:Para no mostrar sombra.

Size:Altura.

Width:Ancho

ESTRUCTURA BÁSICA DE HTML

La estructura HTML,nos sirve para diseñar una pagina web.Nos permite crear su estructura y así mismo podemos añadir imágenes, vídeos, música etc.Por ejemplo:

<HTML>
    <HEAD>
        <TITLE>Título de la página</TITLE>
        ...
    </HEAD>

    <BODY>
        Aquí iría el contenido de la página
    </BODY>
</HTML>

ELEMENTOS BÁSICOS DE HTML

BLOG DE NOTAS:
Es un espacio en donde podemos poner información de lo que nosotros queramos,y en el podemos actualizar nuestra información.

BUSCADOR:es un sistema informático que busca archivos almacenados,como por ejemplo, los buscadores de Internet,algunos buscan sólo en la Web pero otros buscan además en noticias, imágenes etc.

COMPATIBLE:
Se refiere a que la página por su creación contiene instrucciones que pueden interpretarse por cualquier navegador.

ETIQUETA:
Los elementos  html ,tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. <nombre-de-elemento>) y una etiqueta de cierre (p.ej. </nombre-de-elemento>). 
HIPERTEXTO:
La forma más habitual de hipertexto en informática es la de hipervínculos o referencias cruzadas automáticas que van a otros documentos.

LENGUAJE HTML:
Es el lenguaje en que se escriben los millones de documentos que hoy existen en World Web. Cuando accedemos a uno de estos documentos, el cliente os interpreta y los muestra.


MARCAS(TAG):
Es una página contiene una lista con todos los elementos del estándar HTML.

NAVEGADOR:
Un navegador o navegador web, es un programa que permite ver la información que contiene una página web.

PAGINA WEB:
 También conocida como una página de Internet, es un documento electrónico adaptado para la Web, pero normalmente forma parte de un sitio Web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la Web.


PLATAFORMA:
Es el principio, en el cual se constituye un hardware, sobre el cual un software puede ejecutarse/desarrollarse.

SERVIDOR WEB:
Es un programa que está diseñado para transferir hipertextos, páginas web o páginas HTML : textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de música. 

VINCULOS:
Es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento.

Actividad2:

1:Cuales son tus posibles temas a tratar en tu pagina web?
Reflexiones hacerca de la vida,de los hechos que ocurren en cada etapa de nuestra vida,como superar los problemas,ya sean familiares o sociales.
2:Clasifica tus temas:
-Reflexiones de la vida.
-Como superar problemas(familiares,en el ambito social)
-Reflexiones de amor.
-Reflexiones de amistad.
-Reflexiones de Dios.
3:Escoje el tema para tu pagina web:
Siempre adelante..
4:Define la informacion que ba a contener tu pagina:
Reflexiones,videos,e imagenes.

5:Cuales fuentes de informacion tienes para tu pagina:
Libtros que contengan reflexiones de autores conocidos,videos hacerca del tema,musica que nos transmitan cosas positivas.
6:Escalabilidad:
Cada semana
7:Planificacion:
objetivos:El objetivo de crear esta pagina web,es que jovenes o personas de cualquier otra etapa,ingresen en busca de alguna reflexion que los anime y motive a seguir siempre adelante,sea cual sea la situacion en la que se encuentren.
publico: Es para cualquier persona o joven  que este pasando por momentos dificiles.

estructura:Estara la pagina principal en  ella se encontraran enlaces para encontrar reflexiones,videos e imagenes.
8:Definicion del diseño:

Actividad1:Contenido y estructura de la pagina web

¿Que entiendes por pagina Web?
Es una pagina de internet que contiene alguna imformacion,la cual tiene hipervinculos de alguna pagina que esta dentro de la misma.
¿Que tipo de informacion tienen las paginas Web?
puede tener textos,imagenes,animaciones,sonidos y enlaces hacia otras paginas,entre otros.
¿Que entiendes por sitio Web?
es un espacio en la red de internet,en la cual puedes encontrar informacion o algo que deceas buscar.

¿Cual es la diferencia entre sitio Web y Pagina Web?

El sitio web:siempre tiene un nombre al inicio,tiene otros documentos y enlaces donde se amplia mas informacion relacionada.Es un conjunto de archivos llamado pagina web.

una pagina web:es un archivo unico y con un nombre determinado,es parte de un sitio web.

¿Para que crees que sirva una pagina Web?

sirven para navegar de una pagina a otra,para encontrar mas informacion acerca de lo que estamos buscando,por medio de hipervinculos.

¿Que te gustaria que tuviera la pagina Web que diseñarias?

diseñaria un video con audio y animaciones.