Entradas

Mostrando entradas de mayo 28, 2017

MODULO 3 - Lección 8 - COMO PUBLICAR UN SITIO WEB: ALOJAMIENTO (HOSTING) (1)

Imagen
Para publicar un sitio web en Internet, lo primero que hay que hacer es adquirir un dominio (nombre con el cual los usuarios van a encontrar nuestro sitio web) Una vez elegido el nombre o nombres de dominio, el siguiente paso es publicar el sitio web en Internet. Para ello podemos montar nuestro propio servidor web, aunque esto sólo lo haremos si queremos probar y aprender como se hace, ya que es mejor delegarlo a una empresa externa que se dedique a ello, y nosotros poder centrarnos en el desarrollo del sitio web, El servidor propio es recomendable cuando el sitio web: Es grande y complejo Necesita mucho almacenamiento y volumen de transferencia de datos Tiene una configuración particular Contamos con presupuesto suficiente para comprar el ordenador y contratar la conexión a Internet necesaria Tenemos los conocimientos necesarios para instalar, configurar y administrar todo el sistema Tenemos los conocimientos necesarios para mantener nuestro servidor web seguro y ev...

MODULO 3 - Lección 7: EL ALOJAMIENTO (HOSTING)

Imagen
El registro de un nombre de dominio, sólo significa que se han obtenido determinados deerechos para usar el nombre para el término del registro. El alojamiento de sitios web o el servicio de correo electrónico no estará disponible, a menos que se haya convenido específicamente estos servicios en relación con el nombre de dominio. La creación de un sitio web consta de varios pasos, como la obtención de servicios de alojamiento y la publicación de contenido. Crear un servicio de correo electrónico también consta  de algunos pasos de configuración. Hay registradores que ofrecen paquetes que pueden incluir estos servicios junto con el registro del nombre de dominio, Sin embargo, estos servicios también pueden configurarse de forma separada y puede hacerlo uno mismo o bien el proveedor que se contrate para ello.

MODULO 3 - Lección 4: COMO COMPRAR UN DOMINIO DE INTERNET

Imagen
Una vez ya tenemos nuestro sitio web, que suele ser desarrollado en nuestro propio ordenador, llega el momento en que hay que publicarlo y la URL es un elemento importante; cuanto más simple, corta y diferente a las demás, mejor. Para eso, necesitamos un dominio . Para elegir un nombre de dominio  hay que tener en cuenta: normas Términos prohibidos Para elegir un nombre de dominio, hay que comprobar primero que nadie lo haya registrado antes (para ello existe el protocolo de Internet WHOIS ) Se pude consultar en los siguientes enlaces: https://whois.icann.org/es https://www.whois.net/ Para dominios en español, se puede consultar la página web: www.dominios.es Un agente registrador, es una empresa que comercia con dominios en Internet. El precio de un dominio, depende de si se ofrece sólo el nombre de dominio, o de si se ofrecen también otro tipo de servicios alternativos, como puedan ser hosting, housing, cloud, etc... Los nombres de domino no se c...

MODULO 2 - Lección 20 PROTOTIPOS VISUALES DE ALTA FIDELIDAD

El prototipo o diseño visual es la evolución del mockup, un documento más elaborado y detallado dónde dar estilo a los elementos generales y particulares del diseño, con elementos como el color, la composición o la tipografía, para obtener un prototipo más ajustado al diseño final. En el prototipo se diseñan las dimensiones en pixeles y los atributos estéticos de la mayoría de los elementos visibles de la web. Hay que definir los siguientes elementos: - Color - Áreas - Cajas de contenido - Imágenes - Textos - Menús y enlaces - Iconos SOFTWARE DE EDICIÓN DE IMÁGENES: - Adobe Photoshop - Gimp (Gratuito) SOFTWARE DE DIBUJO VECTORIAL: - Adobe Ilustrator - Inkscape (Gratuito) El software ha de trabajar en capas, para poder asignar a cada objeto unas dimensiones y espacio propios. También nos ha de permitir MEDIR, utilizando reglas y poder trabajar el documento con dimensiones reales, así como editar imagenes. CONSEJOS PARA ANTES DE EMPEZAR A CREAR LA PÁGINA WEB:...

MODULO 2 - Lección 16 - HTML: TRES ERRORES TÍPICOS

Existen confusiones o malas costumbres que deberíamos evitar a la hora de crear páginas web, y que son cometidos incluso por personas que llevan años creando páginas web. Hay que intentar evitar: 1 - SALTOS DE LINEA: Para introducir un salto de línea se utiliza la etiqueta <br> </br> Es una etiqueta vacía, no puede tener contenido entre la etiqueta de inicio y la de fin. 2 - ESPACIOS EN BLANCO: &nbsp; = N o- b reak sp ace 3 - REFERENCIAS DE CARACTERES: & : se utiliza para empezar la referencia ; :Se utiliza para terminar la referencia. Referencia de caracteres con nombre: &nombre; Las referencias de caracteres con nombre son necesarias para representar algunos caracteres especiales: & = &amp; "= &quot; '=&apos; <=&lt; >=&gt; Referencias  de caracteres numéricas: - Decimales: &#nnnn; - Hexadecimales: &#NNNN; Caracteres especiales: Á=&Aacute; á=&aacute; É=&Eacute...

MODULO 2 - Lección 15: EDITORES DE PÁGINAS WEB

EDITOR DE PÁGINAS WEB: Es un programa de ordenador, un software, diseñado para facilitar la creación y edición de páginas web basadas en HTML, CSS, JavaScript y otras tecnologías que se emplean en el desarrollo web. En el articulo  Editor de páginas web  de la Wikipedia, se clasifician este tipo de aplicaciones en tres tipos: Editor de texto sin formato Editor de texto con ventanas Editor WYSIWYS El editor, es simplemente una herramienta, y no es lo más importante a la hora de crear una página web. Si uno, no sabe como hacerlo, el editor no hace milagros. No es recomendable acostumbrarse a un único editor y deberíamos probar y saber utilizar varios. Nunca deberíamos hacer una página web utilizando WordPad o Word.

MODULO 2. Lección 14 HTML: ENLACES

Los enlaces son el elemento principal que confieren a la web su carácter de hipertexto. El hipertexto se puede definir como un documento digital que se puede leer de forma no secuencial y que está compuesto por: Nodos o secciones Enlaces, hiperenlaces o hipervínculos Anclajes NODOS: Partes del hipertexto que contienen información accesible para el usuario. ENLACES: Son la uniones o vínculos que se establecen entre nodos y facilitan la lectura, secuencial o no secuencial, por los nodos del documento. ANCLAJES: Son los puntos de activación de los enlaces. TIPOS DE ENLACES: Enlace intradocumental Enlace extradocumental Un hiperenlace puede hacer referencia a un punto determinado de la página que lo contiene, a otra página HTML, o a un punto determinado de otra página HTML. En los dos últimos casos, la página de destino, puede residir en el mismo servidor de la página que contiene el hiperenlace o en un servidor distinto. La etiqueta que se util...

MODULO 2. Lección 12 - HTML: LISTAS (1)

Imagen
Hay tres tipos de listas: Lista no ordenada  <ul> Primer elemento Segundo elemento Tercer elemento Cuarto elemento Lista ordenada <ol> Primer elemento Segundo elemento Tercer elemento Cuarto elemento Lista de descripción <dl> Primer elemento          Descripción del primer elemento Segundo elemento          Descripción del segundo elemento En las listas no ordenadas y ordenadas se emplea el elemento  <li> En las listas de descripción, se usan los elementos <dt> y <dd> <ul>  ul=unordered list (lista no ordenada) El orden de aparición de los elementos no es importante Cada elemento de la lista se define con  <li> li=list item Los elementos se indican con símbolos (círculos, cuadrados, etc...) <ol> ol=Ordered list (lista ordenada) El orden de aparación de los elementos es importante Cada eleme...

MODULO 2 Lección 11: HTML: CONCEPTOS BÁSICOS

GRÁMATICA HTML, REGLAS: Las estiquetas siempre se tienen que cerrar. Los documentos tienen que estar bien formados y los elementos anidados deben tener un correcto orden de apertura/cierre. El que se abre el último, debe cerrarse el primero. Escribir las etiquetas siempre en minúsculas. Los valores de los atributos tienen que ir siempre en "comillas dobles" o en 'comillas simples' Para los nombres de los ficheros de las páginas usaremos las letras del alfabeto inglés, de la A a la Z, los números y los guines alto - y bajo _ Las extensiones de las páginas web son : HTM HTML

MODULO 2 Lección 9: CONCEPTOS BÁSICOS (PARTE 2)

Para escribir el código web de una página, es decir, para escribir el código HTML , no se necesita ningún programa especial (se puede incluso usar el Bloc de Notas) Se puede escribir en lenguaje HTML en una sola línea, sin que ello afecte a como se va a visualizar luego la página Web, pero por comodidad se suele separar el texto para facilitar la lectura. También se suele separar el código del margen izquierdo usando la barra espaciadora o el tabulador. Todo ello, no afectará a como se visualiza luego la página, es simplemente una cuestión de estilo personal. Si usamos el bloc de notas para escribir el código Web de una página, al guardarlo debemos ponerle la extensión HTML y en la casilla TIPO , seleccionar T ODOS LOS ARCHIVOS. En Codificación, es recomendable poner UTF-8 Una vez guardado, si vamos a la  carpeta dónde hemos archivado el documento, veremos como sale el nombre del archivo con el logotipo del navegador usado por defecto por nuestro ordenador delante, y si...

MODULO 2 Lección 8 - HTML: CONCEPTOS BÁSICOS (PARTE 1)

Imagen
El lenguaje HTML se emplea únicamente para definir la estructura y el contenido (texto, imágenes, vídeos y otros componentes de una página web) o información de una página, nunca para definir la presentación visual de las páginas Web. En la actualidad el lenguaje HTML está desarrollado por el W3C , que es el organismo internacional que vela por el correcto desarrollo de la Web. Para aprender HTML y otras tecnologías web, es recomendable consultar la página web en inglés: www.w3schools.com El lenguaje HTML esta formado por etiquetas que se escriben encerradas entre los corchetes angulares < y > Desde que se creó el lenguaje HTML en el año 1990, el número de etiquetas ha ido aumentando y en la actualidad ya hay más de 100. El elemento es el componente básico de una página Web. Una página Web está compuesta por un conjunto de elementos escritos en un orden concreto. Un elemento  esta compuesto por una etiqueta inicial o de apertura y de una etiqueta f...

MODULO 2 Lección 6 HISTORIA DE HTML

http://www.w3.org/People/ragget/book4/ch02.html Tim Berners-Lee desarrolló el lenguaje HTML a patir de SGML (Standart Generalized Markup Language) un estandart ISO del año 1 986 (ISO 8879) que se emplea para la organización y etiquetado de textos. El lenguage SGML sirve para especificar las reglas de etiquetado de documentos y no impone en si ningún tipo de etiquetas en especial. Es el equivalente al actual XML Los documentos creados en HTML , se parecen bastante a los documentos creados en SGML . El uso de una pareja de etiquetas ( <title>...</title> )  para marcar partes del texto en HTML está tomado directamente de SGML , al igual que ciertas etiquetas como <p> , los encabezados <h1> , <h2> , etc..., o las etiquetas de lista como <ol> , <ul> o <li> , que eran muy comunes en lenguages creados a partir de SGML . Lo que SGML no incluía, y que es una invención propia de Tim Berners-Lee es la etiqueta <a-href="...