jueves, 11 de junio de 2015

pasos para subir tu paguina web a la red

Pasos para subir tu página.
  • Crear tu página
  •   Elegir un host para obtener un dominio y poder subir tu pagina (el host que tu quieras, en mi caso fue 000webhost.com)
  •   Llena la solicitud con tus datos correctos para obtener tu dominio
  •     Recibirás un correo.
  • En el mensajes vendrá un link donde te des de alta.
  • Descargas filezilla.
  •  Instalar filezilla, y utilizar los datos de tu dominio para subir tu pagina
  • Una vez instalado filezilla solamente subes tu pagina
http://micafeteria.hostoi.com/racine/


martes, 12 de mayo de 2015

Introducción Al Dreamweaver.

CUESTIONARIO

 1.- DREAMWEAVER:
Adobe Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno de los programas más utilizados en el sector del diseño y la programación web por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del Word Wide Web Consortium.
2.- CSS:                   
 Se explica que CSS son las siglas Cascading Style Sheets, que en español se traduciría por Hojas de Estilo en Cascada, y se ofrece una pequeña introducción al concepto.
3.- PLANTILLA EN DREAMWEAVER:
Una plantilla es un tipo especial de documento que sirve para crear un diseño de página “fijo”; puede crear documentos basados en la plantilla que heredan su diseño de página

4.- CONTENEDOR EN DREAMWEAVER
Un conjunto de marcos es un contenedor HTML que muestra dentro de si dos o más paginas HTML.

5.- COMPORTAMIENTOS EN DREAMWEAVER
Los comportamientos son acciones, programadas normalmente en código Java Script, que suceden cuando los usuarios realizan algún evento sobre un objeto (en lenguaje Dreamweaver) ya sea imagen, texto, capa,... Los comportamientos de Dreamweaver introducen en los documentos código Java Script que permite a los visitantes interactuar con la página Web para modificarla de diversas maneras o para que se realicen determinadas tareas. Un comportamiento es una combinación de un evento con una acción que desencadena ese evento.

6.- SITIO LOCAL
Al definir un sitio local, está indicando a Dreamweaver el lugar en el que tiene intención de almacenar todos los archivos de un sitio concreto. Para trabajar de manera eficaz con Dreamweaver, defina siempre un sitio local para cada sitio Web que cree.

7.- SITIO DINAMICO
Las páginas web dinámicas son aquellas en las que la información presentada se genera a partir de una petición del usuario de la página.

8.- SITIO INTERACTIVO
Un sitio web interactivo permite a los usuarios participar y aportar contenido. Un sitio interactivo es básicamente un sitio dinámico al que se le han añadido prestaciones interactivas.
Son interactivos los foros, los blogs, los comentarios de los usuarios, y todas aquellas aplicaciones en las que el usuario puede interactuar con otros usuarios o con los administradores del sitio

9.-  REGION EDITABLE
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.

10.- MARQUETACION
La maquetación, también llamada a veces diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.

11.- ETIQUETA DIV
La etiqueta div se emplea para definir un bloque de contenido o sección de la página.

12.- TABLA
Las tablas son una herramienta potente para presentar datos e imágenes en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir estructura vertical y horizontal a una página. Utilice las tablas para presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una página Web. Podrá agregar contenido; añadir, eliminar, dividir y combinar filas y columnas; modificar las propiedades de tablas, de filas o de celdas para añadir color y alineaciones, así como copiar y pegar celdas.

13.- FORMULARIO
En informática, un formulario consta de un conjunto de campos de datos solicitados por un determinado programa, los cuales se almacenarán para su procesamiento y posterior uso. Cada campo debe albergar un dato específico, por ejemplo, el campo "Nombre" debe rellenarse con un nombre personal; el campo "Fecha de nacimiento" debe aceptar una fecha válida, etc.

14.- FORMULARIO DE CONTACTO
El formulario de Contacto es una página especial que permite que las visitas de tu sitio web se contacten contigo fácilmente. Los mensajes enviados a través del formulario de contacto los podrás ver en tu dirección de email. Más abajo te mostramos cómo activar y configurar la página especial de Contacto. Al final mencionamos algunos beneficios.


lunes, 23 de marzo de 2015

ELEMENTOS BÁSICOS DE HTML

ELEMENTOS BASICOS DE HTML
1.-BLOC DE NOTAS:
(en inglés notepad) es un editor de texto simple incluido en los sistemas operativos de Microsoft
2.-BUSCADOR:
 Sistema informático que busca archivos almacenados en servidores web
3.-COMPATIBLE:
se refiere a componentes creados para permitir a un sistema operativo utilizar programas o bibliotecas que habían sido creados para otro sistema operativo incompatible con el primero;
4.-ESTRUCTURA DE PAGINAS WEB:
Se refiere a la forma que tendrá el Sitio Web en términos generales con sus secciones, funcionalidades y sistemas de navegación. No considera ni incluye elementos gráficos (logotipos, viñetas, etc.).
5.-ETIQUETA:
lenguaje informático de marcado utilizado, por ejemplo, para construir páginas con HTML.
6.-HIPERTEXTO:
Es una herramienta de software con estructura secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.
7.-LENGUAJE HTML:
Al marcado para la elaboración de páginas web
8.-MARCAS(TAG):
Los "comandos" que los programas navegadores leen e interpretan para armar y dar forma a las páginas de Internet.
9.-NAVEGADOR:
Un navegador o navegador web, o browser, es un software que permite el acceso a Internet, interpretando la información de distintos tipos de archivos y sitios web para que éstos puedan ser visualizados.
10.-PAGINA WEB:
Un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas.
11.-SITIO WEB:
Es una colección de páginas de internet relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet
12.-.PLATAFORMA:
En informática, una plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible13.-SERVIDOR WEB:
14.-VINCULOS:

                                                                                                         

INTRODUCCIÓN AL HTML

INTRODUCCIÓN AL HTML

1.- ¿Qué entiendes por una página en HTML?
HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto

2.- Define cada una de las letras que conforman HTML
HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web.

3.- ¿Quién invento HTML?
Tim Berners-Lee

4.- ¿Cuál era el objetivo de crear  HTML?
Su objetivo era facilitar a los científicos de las  universidades el acceso a los documentos de investigación de cada una de ellas.

5.- Menciona cuatro características del lenguaje HTML
 Todo Lenguaje De Marcado Tiene Una Gramática Que Nos Indica Qué Etiquetas Se Pueden Utiliza
Nos Permite Indicar La Estructura De Nuestro Documento Mediante Etiquetas
Html Es La División De La Información En Dos Bloques: La Cabecera (Head) Y El Cuerpo (Body). La División De Esta Información Es Fácil De Entender Si Lo Comparamos Con Un Libro, Donde La Información Técnica (Título, Editorial, Etc.) Se Encuentra En Las Primeras Páginas
Este Lenguaje Nos Ofrece Una Gran Adaptabilidad, Una Estructuración Lógica Y Es Fácil De Interpre­tar Tanto Por Humanos Como Por Máquinas
.

6.- Menciona siete reglas  básicas que debes seguir para el diseño de una página web

martes, 17 de marzo de 2015

BOSQUEJO DE MI PAGINA EN HTML





CUESTIONARIO

1.- ¿Cuales son tus posibles temas a tratar en tu página web?
·         Música
·         Películas
·         Carros
2.- clasifica tus temas
·         películas
3.- escoge el tema para tu página web
Las mejores películas
4.- define la información que va a contener tu página
Las mejores películas, esta pagina es solo informativa acerca de las películas que han logrado destacar en el  gusto de las personas a nivel nacional e internacional.
Podrás encontrar nombres de diferentes películas y géneros que se estrenaron   a partir del año 2000 hasta la actualidad.
5.- ¿Cuáles fuentes de información tienes para tu página?
6.- escalabilidad
Cada año.
7.- planificación: (objetivos, publico y estructura) contar con una pagina principal y dos paginas secundarias, que contenga una lista y una tabla.
            Objetivo: dar a conocer peliculas y venderlas.
            Publico: todo el publico. No hay restrincciones
Estructura: paginas con hipervinculos.
8.- definición del diseño:
ü    Esquema

ü     Incluya la información de imágenes que correspondan al sitio  en Word o PowerPoint