lunes, 2 de junio de 2014
Act.25 Como subir tu página WEB
- Primero creas una cuenta en algún servidor gratuito o de pago. Aquí uno bueno (http://www.hostinger.es/)
- Ya que se haya aceptado la cuenta, pronto en tu correo electrónico te mandaran un mensaje donde tendrás que entrar al sitio para poder registrar tu página web.
- Entra en el plan gratis que te ofrece el servidor.
- Ingresa tu subdominio o dominio y contraseñas.
- Si el sitio te aparece que no hay otro igual entonces continuar.
- Acepta las condiciones y resuelve el captcha y continuar.
- Ahora tu dominio ya está registrado pero ahora necesitas de unos códigos.
- Después entrar en hosting, se desplegara una ventana y clic en el nombre de cómo le pusiste a tu página.
- Clic en cuentas> Detalles.
- Abrir el fileZilla.
- Si te encuentras en fileZilla, en la parte de arriba te aparece "servidor", ahi copiaras el número que te dan en el sitio donde subiste tu página. Bajas hasta la parte inferior donde en una cuadricula dice así (Detalles de Carga de Archivo).
- Siguiente tendrás que copiar los números que te aparecen a un lado de "IP FTP" ejemplo (31.130.164.113). Y lo pegaran en fileZilla donde dice "servidor".
- Bueno seguimos en el sitio de donde publicas tu página web, ahora copiaras los numeros que etsan a un lado de "Usuario FTP" ejemplo (u266175436) y lo pegaras en fileZilla donde dice "nombre de usuario".
- También en fileZilla pondrás la misma contraseña que pusiste en el sitio donde publicaste tu página web.
- Ahora lo que harás en fileZilla es buscar todas tus carpetas donde tienes todo tus archivos de la página.
- OJO EN ELA CARPETA "PUBLIC" BORRAR EL ARCHIVO "DEFAULT.PHP" TEN MUCHO CUIDADO CON ESTO.
- La pasaras ah una carpeta "Public" que está a la derecha del fileZilla.
- Pasas tu "index" nombrándole index con minúsculas.
- Se tardara un poco dependiendo el tamaño de tus archivos.
- Ya que se haya subido todo bien, le darás clic en "conexión rápida".
- Si te aparecen unas letras en verde es que tu página se subió a Internet correctamente. Sino fue así y te aparecieran en rojo, es que hay un problema. (Recomiendo que vuelvas a ser todo de nuevo incluyendo un correo electrónico porque solo se puede registrar una vez).
- Si ya subió todo correctamente, ahora toca registrarla en Google (aquí el link para mas rápido https://www.google.com/webmasters/tools/submit-url?pli=1 ).
- Y listo ahora podrás observar de tu página cuando quieras.
- Espero que sean de ayuda estos pasos :D.
Act. 24 Sitios que venden alojamiento
Logo
|
Caracteristicas
|
URL
|
|
Hosting compartido.
-Cloud Hosting. -Registro de dominios. -Servidores dedicados virtuales. -Servidores dedicados. -Hosting gestionado. -Almacenamiento online de archivos. -Diseño web. -Servicio de e-mail. |
|
|
-Hosting compartido.
-Registro de dominios. -Servicio de E-commerce. -Servicio de Marketing. |
|
|
-Hosting compartido.
-Registro de dominios. -Servidores Privados Virtuales. -Diseño web.
$100 al mes/ $300 pago trimestral
|
|
|
-Hosting compartido.
-Registro de dominios. -SEO. -Diseño de páginas web.
12 dlls 0 150 mxn por mes
|
|
|
-Hosting compartido.
-Registro de dominios.
$3.50 PER
MONTH* |
|
miércoles, 30 de abril de 2014
Act.23 Sitios Gratis
Logo
|
Características
|
URL
|
|
Ofrecen
25Mb, acceso Web FTP, transferencia ilimitada, estadísticas completas, tienes
que soportar su publicidad (Nada molesta) url tipo
http://tu_nombre.webcindario.com. Bases de datos, php, Muchos recursos y
gratuitos para crear tu sitio.
|
|
|
25Mb de espacio
gratuito, ftp, cuentas de correo, alojamiento por tiempo ilimitado.
|
|
|
Ofrecen 50Mb , acceso
Web , herramientas y asistente para principiantes , tienes que soportar
publicidad tipo popup al entrar en tu Web , tienes que instalarte un pack al
registrarte (noticias en tu email , boletín de paginas en telepolis ,
asistente para navegación , la pagina de telepolis como inicio) que luego
puedes desinstalar , url tipo http://club.telepolis.com/tu_nombre.
|
|
|
Ofrecen 50Mb ,
acceso FTP EN LA PROPIA WEB , herramientas para principiantes , la
publicidad es personalizable. lo que tiene de malo es que es muy difícil
subir tu sitio si tienes que manejarte con varias carpetas, ya que no te
permite abrirlas. Url tipo http://usuarios.lycos.es/tu_nombre. Soporte
php y sql,
|
|
Ofrecen 100Mb de
espacio , acceso vía Web o FTP , trafico ilimitado , herramientas para
principiantes , libros de visita , estadísticas detalladas de tus visitas , ,
, tienes que soportar su publicidad , un banner enorme abajo de la pagina o
mandándoles un correo a esta dirección (popup@iespana.es) una ventana popup
al entrar en tu pagina . Dirección url que obtienes http://tu_nombre.iespana.es.
|
miércoles, 26 de marzo de 2014
jueves, 20 de marzo de 2014
P.18 Terminología básica del software para diseñar paginas WEB
Dreamweaver CS5:
Es un software fácil de usar que permite crear páginas web profesionales.
Las funciones de edición visual de Dreamweaver CS5 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual.
Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.
CSS:
CSS es el acrónicmo de Cascading Style Sheets (es decir, hojas de estilo en cascada).
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.
Contenedor en dreamweaver:
Donde agrupamos la estructura central de la página. Esta estructura se divide en otras dos divisiones: div "anuncios" donde tenemos la publicidad que mostrará nuestra web, y div "contenido", donde se mostrará el contenido de las distintas páginas. Es aquí donde encontramos la región editable de la plantilla.
Comportamientos en dreamweaver:
Son acciones, programadas normalmente en código JavaScript, 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 JavaScript 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.
Sitio local:
El sitio web local es un conjunto de páginas que solo pueden ser vistas en tu computadora, ya que no están montadas sobre un servidor ni sobre un DNS por el cual puedan ser accedidas.
Sitio dinámico:
Los sitios web dinámicos son un conjunto de aplicaciones en línea que permiten crear y mantener fácilmente un sitio web, encargándose hasta de las tareas más tediosas que ocupaban el tiempo de los administradores del sitio web.
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.
Región 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.
Maquetación:
Composición de una página, compaginación de diferentes elementos. Son términos diferentes, que se utilizan para hacer referencia a una misma cosa; la forma de ocupar el espacio del plano mesurable, la página.
Etiqueta Div:
La etiqueta <div> se emplea para definir un bloque de contenido o sección de la página, para poder aplicarle diferentes estilos e incluso para realizar operaciones sobre ese bloque específico.
Tabla:
Las tablas són una buena herramienta para organizar los datos en una página web, ademas nos permiten estructurar las paginas de nuestro sitio separando la cabecera, el menú, el contenido.
Formulario:
Un formulario es un documento, ya sea físico o digital, diseñado con el propósito de que el usuario introduzca datos estructurados (nombre, apellidos, dirección, etc.) en las zonas del documento destinadas a ese propósito, para ser almacenados y procesados posteriormente.
Formulario de contacto:
Los formularios de contacto son una gran manera hacer que los visitantes se unan a tu sitio. Crear un formulario de contacto creativo es la manera más agradable de darles la bienvenida a tus visitantes.
martes, 18 de febrero de 2014
P.1.3 Elementos básicos de html
1)
Bloc de
notas: El Bloc de
Notas es el programa más básico que tiene Windows para crear documentos de
texto. Puede también venir identificado por su nombre en inglés: Notepad.
2)
Buscador: Es un sistema
informático que busca archivos almacenados en servidores
web gracias a su «spider» (o Web crawler).
3)
Compatibilidad: La compatibilidad es la condición que
hace que un programa y un sistema, arquitectura o aplicación logren comprenderse
correctamente tanto directamente o indirectamente (mediante un algoritmo). A
este algoritmo que hace que un programa logre ser comprendido por un sistema,
arquitectura o aplicación se lo denomina emulador por el hecho de que es un
intérprete entre el programa y el sistema, arquitectura o aplicación.
4)
Estructura de página web: Una estructura
HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo
que esté en medio será la página web. Dentro de <html></html> se
encuentran 2 partes diferenciadas.
5)
Etiqueta: Una etiqueta
o baliza (términos a veces reemplazados por el anglicismo tag) es
una marca con clase que delimita una región en los lenguajes basados en XML.
También puede referirse a un conjunto de juegos informáticos interactivos que
se añade a un elemento de los datos para identificarlo (Oxford English
Dictionary). Esto ocurre, por ejemplo, en los archivos MP3 que guardan
información sobre una canción así como sobre el artista que la ha cantado o
compuesto.
6)
Híper texto: Definimos el hipertexto como aquel texto que contiene
enlaces a otros documentos.
7)
Marcas (tags): Los tags, a veces
llamados "etiquetas" en español, son los "comandos" que los
programas navegadores leen e interpretan para armar y dar forma a las páginas
de Internet.
8)
Navegador: Un
"navegador" es una herramienta que permite a los usuarios de Internet
visitar sus sitios Web favoritos. Es un tipo de software con una interfaz
gráfica que incluye botones de navegación, una barra de direcciones y una barra
de estado (en general debajo de la ventana). La mayor parte de su superficie se
usa para mostrar páginas Web.
9) 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 compatible. Dicho sistema está definido por un estándar alrededor del cual
se determina una arquitectura de hardware y una plataforma de software
(incluyendo entornos de aplicaciones). Al definir plataformas se establecen los
tipos de arquitectura, sistema operativo, lenguaje de programación o interfaz
de usuario compatibles.
10) Sitio web: En inglés website o web site, un
sitio web es un sitio (localización) en la World Wide Web que contine
documentos (páginas web) organizados gerárquicamente. Cada documento (página
web) contiene texto y o gráficos que aparecen como información digital en la
pantalla de un ordenador. Un sitio puede contener una combinación de gráficos,
texto, audio, vídeo, y otros materiales dinámicos o estáticos.
11) Servidor web: Un servidor web es un programa que se ejecuta continuamente en
un computador, manteniéndose a la espera de peticiones de ejecución que le hará
un cliente o un usuario de Internet. El servidor web se encarga de contestar a
estas peticiones de forma adecuada, entregando como resultado una página web o
información de todo tipo de acuerdo a los comandos solicitados. En este punto
es necesario aclarar lo siguiente: mientras que comúnmente se utiliza la
palabra servidor para referirnos a una computadora con un software servidor
instalado, en estricto rigor un servidor es el software que permite la
realización de las funciones descritas.
12) Vínculos: Un vínculo tiene dos extremos
(llamados en inglés anchors, anclas), y una dirección. El vínculo comienza en
el "ancla de origen" (origen del vínculo) y apunta al "ancla
destino" (destino del vínculo), que puede ser cualquier recurso de la Web
(p.ej., una imagen, un videoclip, un archivo de sonido, un programa, un
documento HTML, un elemento dentro de un documento HTML, etc.).
Suscribirse a:
Entradas (Atom)