viernes, 13 de junio de 2014
actividad 25: registro de pagina
ya terminada tu pagina web en Dreamweaver
primero tendremos que buscar alojamiento en una para poder registrar tu pagina y sacar tu subdominio por ejemplo en http://www.hostinger.es/ para poder sacar tu subdominio ya terminado
Ya listo tu subdominio te darán un servidor y usuario para poder subir tu pagina en filezilla.
primero hay que descargar filezilla después abrir entonces te pedirá tu servidor, usuario y contraseña
después de haber puestos los datos que necesitas tendremos que darle en conexión rápida, después en las ventana donde te aparecen los documentos seleccionados hay que mover ala otra ventana para terminar de subir la pagina y estará lista tu pagina web en el Internet para verificar checa tu url en el internet
martes, 10 de junio de 2014
sitios que venden alojamiento
Compañía
|
País
|
Servicios
|
Costo paquete mínimo
(Mensual) |
|
|
USA
|
-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. |
$4.99
|
|
|
USA
|
-Hosting compartido.
-Registro de dominios. |
$3.75
|
|
|
USA
|
-Hosting compartido.
-Registro de dominios. -Servidores privados virtuales (VPS). -Servidores dedicados. |
$3.95
|
|
|
USA
|
-Hosting compartido.
-Registro de dominios. |
$5.95
|
|
|
USA
|
-Hosting compartido.
-Registro de dominios. -Servidores Privados Virtuales. -Servidores dedicados. |
$3.99
|
|
|
USA
|
-Hosting compartido.
-Registro de dominios. |
$4.95
|
http://internetrcc.com/alojamiento-web-pago/
sábado, 10 de mayo de 2014
sitios de alojamiento gratis
|
Sitio
|
Descripción
|
url
|
|
Uno de
los mejores servidores gratuitos. Te ofrece de forma absolutamente
instantánea 30 MB de espacio SIN NINGÚN TIPO DE PUBLICIDAD en tus páginas.
Aunque está en inglés esto no debe suponer ningún problema porque puedes
acceder a sus servicios muy fácilmente rellenando un simple formulario de
registro. Por si todo esto te parece poco te ofrecen soporte para ASP 3.0 y
para publicar bases de datos de Microsoft Access entre otros servicios gratis
|
||
|
Geocities
tiene cientos de complementos para enriquecer vuestra web. Podéis añadir
contadores de visitas, consultar todo tipo de estadísticas sobre la gente que
os visita, obtener servidores de noticias, de tiempo, de horóscopo, insertar
todo tipo de imágenes, intercambiar banners, etc.
|
||
|
Con uno
de los mejores servicios de ayuda o con poca publicidad, el portal Ya.com
ofrece 30 Megas de espacio web a quien lo necesite de forma gratuita. Pese a
que este servicio está todavía en construcción, su velocidad de acceso es de
las mejores y los servicios que promete ofrecer en el futuro hacen tener en
cuenta este servidor y clasificarlo como uno de los mejores en español.
|
||
|
Galeón
se hubiera impuesto en esta página como el mejor servidor gratuito por sus
múltiples cualidades y servicios, aunque últimamente hay dos razones para no
decantarse por él. El banner publicitario es un pequeño recuadro que se abre
en la parte superior derecha del explorador, pero cuando este es cerrado por
el usuario todos los gifs animados de la página, así como la carga de esta se
detiene completamente, por lo que nuestra página puede llegar a perder mucha
calidad. Además, brinkster supera con creces los servicios de los demás
servidores analizados aqui.
|
||
|
Ofrece
100 MB desde el principio (es muchísimo, pese a que no permite solicitar más
espacio). También nos ofrece la posibilidad de ganar dinero mediante
inserción de publicidad, aunque personalmente creo que siempre es mejor
contratar estos servicios de forma independiente a empresas especializadas,
pero eso es otro tema.
|
viernes, 9 de mayo de 2014
actividad 18¨; terminología básica del software para diseñar paginas web
Adobe
Dreamweaver cs5:
es una aplicación en forma 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 World Wide Web Consortium.
css:
Hojas de Estilo en Cascada
(Cascading Style Sheets) es el lenguaje de hojas de estilo utilizado para
describir el aspecto y el formato de un documento escrito en un lenguaje de
marcas, esto incluye varios lenguajes basados en XML como son XHTML o SVG.
Plantillas en dreamwever:
Una 'Plantilla' es un
pre.diseño de una página Web creada para que la utilices como base de un
desarrollo Web rápido y de alta clidad en diseño. Simplemente agrega tu textoe
imágenes a tu plantilla y obtendrás un sitio Web funcional y vistoso listo para
subir a Internet.
contenedor de dreamweaver:
Un conjunto de marcos es un contenedor html que muestra dentro de sí dos o más páginas html.
Para que una opción del menú haga cambiar el contenido de una capa o layer hay que trabajar con <ILAYER></ILAYER> que no es soportado en forma nativa por Dreamweaver pero como cualquier tag de html puede ser editado manualmente. Este, finalmente es otro caso distinto del anterior y otra posiblidad. Pero no intercambies los conceptos.
Un conjunto de marcos es un contenedor html que muestra dentro de sí dos o más páginas html.
Para que una opción del menú haga cambiar el contenido de una capa o layer hay que trabajar con <ILAYER></ILAYER> que no es soportado en forma nativa por Dreamweaver pero como cualquier tag de html puede ser editado manualmente. Este, finalmente es otro caso distinto del anterior y otra posiblidad. Pero no intercambies los conceptos.
http://www.lawebdelprogramador.com/foros/Dreamweaver/722248-Contenedor_en_dreamweaver.html
comportamiento de dreamweaber:
los comportamientos
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.
El sitio web remoto, en cambio, es un conjunto de páginas que pueden ser vistas a través de internet en todo el mundo
El sitio web remoto, en cambio, es un conjunto de páginas que pueden ser vistas a través de internet en todo el mundo
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.
Entre sus principales
funciones están las de crear, editar y eliminar artículos o contenido del sitio
desde un práctico y sencillo editor en línea.
Sitios
interactivos:
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.
Región 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.
Maquetación:
La maquetación es la
distribución de los elementos en nuestra página. Piensa en una página web
cualquiera. Seguro que distingues algunos elementos claramente diferenciados,
como un encabezado, columnas, y un pie de página.
etiqueta div:
Etiqueta
div:
La etiqueta <div> se utiliza para definir una sección
dentro del documento.
Esta etiqueta se usa comunmente para agrupar un bloque de elementos, para luego añadirle un estilo determinado.
Esta etiqueta se usa comunmente para agrupar un bloque de elementos, para luego añadirle un estilo determinado.
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.
Formulario:
Los formularios permiten interactuar con los visitantes del
sitio o recopilar información de ellos. Por ejemplo, puede solicitar el nombre
y la dirección de correo electrónico de un usuario o hacer que los visitantes
respondan a una encuesta o proporcionen comentarios acerca del sitio.
Formulario de contacto:
Un formulario, permite interactuar con los usuarios que visitan
nuestro sitio.
Un formulario consta de tres partes:
-El código HTML, con la etiqueta form, abarcando todo el formulario.
-Secuencias de comandos CGI (Common Gateway Interface), una aplicación que se ejecuta en el servidor y que procesa la información enviada por el usuario.
-Elementos del formulario, así como campos de texto, casillas de verificación, listas, etc...
En este tutorial vamos a hacer un formulario simple de contacto.
Un formulario consta de tres partes:
-El código HTML, con la etiqueta form, abarcando todo el formulario.
-Secuencias de comandos CGI (Common Gateway Interface), una aplicación que se ejecuta en el servidor y que procesa la información enviada por el usuario.
-Elementos del formulario, así como campos de texto, casillas de verificación, listas, etc...
En este tutorial vamos a hacer un formulario simple de contacto.
miércoles, 19 de marzo de 2014
martes, 4 de marzo de 2014
Practica 1.2 introducción del HTML
Que entiende por HTML?
Define cada una de las letras que
conforman la palabra HTML?
H: Hyper
T: Text
M: Markup
L:
Language
es.wikipedia.org/wiki/HTML
Quien invento el HTML?
En
el año 1989 Tim Berners Lee creó la web, y junto con ella el lenguaje HTML.
Cual era el objetivo al crear el lenguaje HTML?
permite confeccionar archivos de texto mostrándolo de forma
estructurada y atractiva, con enlaces (hyperlinks) que hacen referencia a otros
documentos o fuentes de información relacionada, y que permite incorporar
archivos multimedia como gráficos, sonidos, imágenes, videos, etc.
Menciona 4 características del lenguaje HTML?
Elementos
Cada elemento de un documento HTML
consta de una marca de comienzo, un bloque de texto y una marca de fin.
<MARCA>bloque de texto</MARCA>. Por ejemplo, <H1>Titular de nivel 1</H1>
Estos elementos se denominan
contenedores , porque contienen un bloque de texto entre las dos marcas.
También existen elementos vacíos , que no afectan a bloques de texto y, por
tanto, no contienen marca de fin.
Por ejemplo, línea 1 <BR> línea 2
Por ejemplo, línea 1 <BR> línea 2
Atributos
Muchos elementos tienen atributos que
definen propiedades del elemento: <MARCA ATRIBUTO="VALOR">
bloque de texto </MARCA>. Por ejemplo, <H1 ALIGN="CENTER">Titular de nivel
1 centrado</H1>
Es recomendable encerrar los valores de
los atributos entre comillas dobles. En algunos casos es además obligatorio
(por ejemplo, si contienen espacios en blanco).
Distinción
entre mayúsculas y minúsculas
HTML no distingue entre mayúsculas y
minúsculas. Cuando es importante hacerlo, cosa que puede ocurrir con los
valores de algunos atributos (por ejemplo, nombres de ficheros), es preciso
encerrar el valor entre comillas dobles. Por ejemplo, <IMG ALT=""
SRC="BolaRoja.gif">
Comentarios
Los comentarios se escriben en HTML de
la siguiente forma: <!-- Esto es un comentario -- >. Los caracteres de inicio del comentario, <!--
deben ir juntos, pero se permiten espacios entre los -- y el > del final.
Los comentarios pueden expandirse varias líneas, aunque no es conveniente
porque algunos visualizadores pueden no interpretarlos.
Interpretación
de espacios, tabulaciones y retornos de carro
Los espacios, tabulaciones, líneas en
blanco y retornos de carro del documento HTML se ignoran, tomándose como un
único espacio en blanco. Esto permite añadir espacios para aumentar la claridad
del documento. Cuando se quiere forzar un espacio en blanco, se hace de la
siguiente forma:
Estructuración
HTML es un lenguaje estructurado.
Existen unas reglas estructurales sobre dónde pueden y no pueden ir los
elementos. Por ejemplo,
- Ciertos elementos no pueden contener otros elementos. Por ejemplo,
no es correcto colocar un titular dentro de otro. Además, tampoco tiene
sentido hacerlo. <H1><H2>Texto</H2></H1>
- Los elementos no se pueden solapar. No es correcto escribir <EM><H1>Texto</EM></H1>
Menciona 7 reglas
básicas que debes seguir para el diseño de una pagina web?
martes, 11 de febrero de 2014
1.3 Elementos básicos de HTML
Bloc de notas:
Bloc de notas (en inglés llamado notepad) es un editor de texto simple
incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy sencilla. Algunas
características propias son:
·
Inserción de hora y fecha actual pulsando F5, en formato "HH:MM
DD/MM/AA".
·
Inserción de hora y fecha actual automática si el documento comienza por
".LOG".
·
Ajuste de línea.
La extensión predeterminada de este
editor es *.txt.
Buscador:
Un buscador es una página de internet que permite realizar
búsquedas en la red. Su forma de utilización es muy sencilla, basta con
introducir una o más palabras clave en una casilla y el buscador generará una
lista de páginas web que se supone guardan relación con el tema solicitado.
Compatible:
La compatibilidad es la cualidad de ser compatible, de poder concurrir en buenas condiciones
con algo o alguien. Puede referirse a cualquiera de los siguientes artículos:
·
Compatibilidad,
en informática, entre un programa y un sistema;
·
Compatibilidad
electromagnética, referida a las interferencias entre equipos
eléctricos y electrónicos;
·
Retrocompatibilidad o compatibilidad hacia atrás, habilidad de una
aplicación de utilizar datos generados con una versión anterior de la misma.
La
estructura básica de una página :
index.html
|
|
<HTML> Indica el inicio del documento.
<HEAD> Define el inicio de la cabecera. <TITLE> Inicia el título del documento. </TITLE> Fin del título del documento. </HEAD> Define el fin de la cabecera. <BODY> Inicio del cuerpo del documento. </BODY> Fin del cuerpo del documento. </HMTL> Indica el fin del documento. |
|
La primera parte de una página HTML es el identificador del lenguaje de programación. En esta sección se le indica a los exploradores (Internet Explorer, Netscape Navigator, etc.) qué tipo de información van a leer.Estructura de pagina web:
Etiqueta:
Una etiqueta o marca HTML es un código que se
incluye en los archivos creados con el lenguaje HTML para estructurar, añadir
significado o formato al contenido a una página web.
Hipertexto:
El hipertexto es una herramienta de software con estructura no secuencial que
permite crear, agregar, enlazar y compartir información de diversas fuentes por
medio de enlaces asociativos.
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 (lexías).
Lenguaje HTML:
el lenguaje consta de etiquetas que tienen esta forma
<B> o <P>. Cada etiqueta significa una cosa, por ejemplo <B>
significa que se escriba en negrita (bold) o <P> significa un párrafo,
<A> es un enlace, etc. Casi todas las etiquetas tienen su correspondiente
etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la
etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de
escribir en negrita. Así que el HTML no es más que una serie de etiquetas que
se utilizan para definir la forma o estilo que queremos aplicar a nuestro
documento. <B>Esto está en negrita</B>.
Marcas (tag):
es un lenguaje para escribir páginas de hipertexto definido por
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.
Todos los tags de HTML
empiezan con el caracter < y terminan con el caracter >. Dentro de ellos
va toda la información del tag, empezando por el nombre. Por ejemplo, el tag
HTML (que probablemente sea el más básico de todos)
Navegador:
Un navegador es un software utilizado para acceder a
internet. Un navegador te permite visitar páginas web y hacer actividades en
ella, como iniciar sesión, ver contenido multimedia, enlazar de un sitio a
otro, visitar una página desde otra, imprimir, y enviar y recibir correo, entre
muchas otras actividades. Los nombres de los navegadores más comunes del
mercado son: Microsoft Internet Explorer, Mozilla Firefox, Apple Computer's
Safari y Opera.
Pagina web:
Una página
web (o página
electrónica, según el término
recomendado por la Real Academia Española1 )
es un documento o
información electrónica capaz de contener texto,sonido, vídeo, programas, enlaces, imágenes, y muchas otras
cosas, adaptada para la llamada World Wide Web, y
que puede ser accedida mediante un navegador.
Plataforma:
una plataforma es
un sistema que sirve como base para hacer funcionar determinados módulos de hardware o
desoftware 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 dearquitectura, sistema operativo, lenguaje de programación o interfaz
de usuario compatibles.
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.
Una
página web es un documento HTML/XHTML que es accesible generalmente mediante
el protocolo HTTP de Internet.
Todos los
sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información (un gigantesco
entramado de recursos de alcance mundial).
Servidor web:
Un servidor
web o servidor
HTTP es un programa informático que
procesa una aplicación
del lado del servidor, realizando conexiones bidireccionales y/o
unidireccionales y síncronas o asíncronas con
el cliente y generando o cediendo una respuesta en cualquier lenguaje o Aplicación
del lado del cliente.
Vínculos:
es un elemento de un documento
electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto
específico del mismo o de otro documento. Combinado con una red de
datos y unprotocolo de
acceso, un hipervínculo permite acceder al recurso referenciado en diferentes
formas, como visitarlo con un agente de navegación,
mostrarlo como parte del documento referenciador o guardarlo localmente.
Suscribirse a:
Comentarios (Atom)