Este documento introduce los conceptos básicos del desarrollo web. Explica que la World Wide Web fue inventada por Tim Berners-Lee en 1989 usando HTML para vincular documentos a través de hiperenlaces. Describe los cuatro pilares de la WWW: hipertexto, identificadores de recursos, modelo cliente-servidor y lenguaje de marcas. También define términos clave y explica cómo funciona la web, incluyendo el proceso de solicitud y respuesta entre cliente y servidor.
Presentación usada en la sesión de DeustoSTART Digital Donostia I (Programa de activación de empresas de internet y negocios digitales), en octubre de 2015.
Documentación de cómo podemos instalar y configurar de una manera sencilla un sitio web basado en Wordpress 3.8.
Este manual nos explica paso a paso cómo instalar y configurar para poner en marcha la versión 3.8 de Wordpress en un hosting externo como en nuestra propia máquina.
Esta basado en la documentación de Iñaki Arenaza (@iarenaza) "Monta Worpdress en tu Empresa" y en la documentación de Dani Reguera (@dreguera) "Los mejores plugins para Wordpress".
Presentación usada en la sesión de DeustoSTART Digital Donostia I (Programa de activación de empresas de internet y negocios digitales), en octubre de 2015.
Documentación de cómo podemos instalar y configurar de una manera sencilla un sitio web basado en Wordpress 3.8.
Este manual nos explica paso a paso cómo instalar y configurar para poner en marcha la versión 3.8 de Wordpress en un hosting externo como en nuestra propia máquina.
Esta basado en la documentación de Iñaki Arenaza (@iarenaza) "Monta Worpdress en tu Empresa" y en la documentación de Dani Reguera (@dreguera) "Los mejores plugins para Wordpress".
Calendrier des travaux agricoles miniature du XVème sièclecoriolan76
Le Rustican est un calendrier du Moyen Âge, écrit par l'agronome italien, sénateur de Bologne, Pietro de' Crescenzi ou Pierre de Crescent (1230-1320), en 12 volumes, qui indique à quelle période on doit semer, récolter, battre le grain, tuer les cochons, etc.
L'ouvrage, paru en latin en 1306, fut traduit en français sur l'ordre de Charles V, portant le titre Rustican du labour des champs, translaté du latin de Pierre de Crescens en français, par l'ordre de Charles V, roi de France, en 1373.
Avec l’invention de l’imprimerie, l’ouvrage de Pierre de Crescent fut imprimé en 1471, malgré son ancienneté, ce qui montre en quelle estime le tenaient encore les agronomes du début de la Renaissance.
notice vikidia
En el mundo del Internet
existen muchas tecnologías
que se pueden emplear para
programar los clientes web,
las más extendidas y se
pueden considerar estándar
son : HyperText Markup
Language (HTML) y JavaScript
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial ValenciaAMADO SALVADOR
Descubra el catálogo completo de buzones BTV, una marca líder en la fabricación de buzones y cajas fuertes para los sectores de ferretería, bricolaje y seguridad. Como distribuidor oficial de BTV, Amado Salvador se enorgullece de presentar esta amplia selección de productos diseñados para satisfacer las necesidades de seguridad y funcionalidad en cualquier entorno.
Descubra una variedad de buzones residenciales, comerciales y corporativos, cada uno construido con los más altos estándares de calidad y durabilidad. Desde modelos clásicos hasta diseños modernos, los buzones BTV ofrecen una combinación perfecta de estilo y resistencia, garantizando la protección de su correspondencia en todo momento.
Amado Salvador, se compromete a ofrecer productos de primera clase respaldados por un servicio excepcional al cliente. Como distribuidor oficial de BTV, entendemos la importancia de la seguridad y la tranquilidad para nuestros clientes. Por eso, trabajamos en colaboración con BTV para brindarle acceso a los mejores productos del mercado.
Explore el catálogo de buzones ahora y encuentre la solución perfecta para sus necesidades de correo y seguridad. Confíe en Amado Salvador y BTV para proporcionarle buzones de calidad excepcional que cumplan y superen sus expectativas.
2. Introducción al desarrollo Web 1
Un poco de Historia
World Wide Web (WWW)
Inventada por Tim Berners Lee en 1989!!!
Mientras trabajaba European Organization
for Nuclear Research (CERN)
http://www.w3.org/Consortium/history.html
http://www.w3.org/History/1989/proposal.html
NeXTcube utilizado por
Tim Berners-Lee como
primer servidor HTTPD
3. Introducción al desarrollo Web
La WWW es una combinación de 4 ideas básicas
Hipertexto
Habilidad de navegar desde un documento a otro a través de
conexiones “hiperenlaces”
Identificadores de Recursos
Permite encontrar un recurso particular (un documento,
imagen) en la red a través de dicho identificador
Uniform Resource Identifier (URI), Uniform Resource Locator
(URL)
Modelo cliente servidor
Un cliente software demanda servicios o recursos a un
servidor software
Un lenguaje de marcado
Además de texto incluyen conjuntos de caracteres especiales
que indican al navegador como presentar dicho texto HTML
2
Terminología básica
4. Introducción al desarrollo Web 3
Terminología básica
La WWW no es Internet, es un servicio que está montado
sobre Internet
Internet (la red) está formado por el conjunto de ordenadores que
están interconectados entre sí.
HTML
HTTP
INTERNET
5. Introducción al desarrollo Web 4
Como funciona la WEB
INTERNET
CLIENTE
DNS
http://www.google.es
Servidor WEB
1. Petición Domain Name Server (DNS)
www.google.es 216.239.59.147
2. Petición HTTP
GET / HTTP/1.1
Host: www.google.es
User-Agent: Mozilla/5.0
…
1
2
1. El navegador recibe el HTML
2. Realiza nuevas peticiones al servidor
para obtener los archivos adicionales
como imágenes, CSS, JavaScript…
6. Introducción al desarrollo Web 5
Una WEB por dentro
Una página WEB no es un único objeto, está compuesto
por múltiples ficheros (imágenes, video, películas flash,
JavaScript …)
Existe un fichero principal cuyo contenido es HTML y que
describe el contenido de la página, tanto texto como otros
elementos
7. Introducción al desarrollo Web 6
Material necesario para crear una página WEB
Material básico
Un editor de texto cualquiera (ej. el bloc de notas)
Un navegador cualquiera
Material avanzado
Un editor de texto profesional Notepad++ ó XML Spy
Un editor de gráficos / retoque fotofráfico Photoshop ó GIMP
Editores específicos de páginas WEB
Microsoft FrontPage
Macromedia DreamWeaver
NVU (gratuito y de código libre, basado en el núcleo Firefox)
Plugins de Firefox 3.X pensados para el desarrollo web
Un servidor WEB como Apache
Varios navegadores y en varias versiones (para hacer pruebas)
8. Introducción al desarrollo Web 7
Pincelada sobre el HTML
HTML es el lenguaje con el que se definen páginas WEB
Es texto plano
Se trata de un conjunto de etiquetas que sirven para indicar que el
texto dentro de la etiqueta hay que tratarlo de manera especial
Ej: <b>Texto en negrita</b>
Ha evolucionado a lo largo del tiempo desde que Tim
Berners-Lee propusiera la primera versión
Se ha llevado a cabo un proceso de estandarización
Word Wide Web Consortium: http://www.w3.org
Las versiones actuales son HTML 4.01 y XHTML 1.1
9. Introducción al desarrollo Web 8
Ejemplo de página WEB simple
Las etiquetas están estructuradas (en un árbol)
Hay dos secciones claramente diferenciadas (cabecera y
cuerpo)
Las etiquetas van pareadas
<html>
<head>
<title>Título de la página</title>
<script type="text/javascript">...</script>
</head>
<body>
<h1>Encabezado</h1>
<p>Podemos crear un párrafo <b>resaltando</b>
parte de sus contenidos.</p>
</body>
</html>
10. Introducción al desarrollo Web
Si planeamos un sitio WEB grande, es útil crear plantillas
que podamos utilizar como partida para crear cada una
de las secciones de nuestro sitio WEB
Podemos definir varias plantillas para distintos tipos de páginas
Consejos
No utilizar espacios en blanco o acentos en los nombres de
ficheros
Hay que tener cuidado con las mayúsculas y minúsculas: los
servidores no son siempre Windows!!!
Asegurarse que nombre tiene que tener el documento por defecto
(normalmente index.html, o index.htm)
Utilizar siempre la misma extensión para los archivos del proyecto
(.htm, .html, .xhtml) pero no mezclarlas
Advertencia: La extensión no indica el tipo de contenido
9
Construir páginas WEB y sitios WEB
11. Introducción al desarrollo Web 10
Imágenes y otros recursos
Formatos de imágenes
Los formatos más habituales son JPG, GIF y PNG
Lo ideal sería utilizar JPG y PNG (sin patente)
Tratamiento de las imágenes
No utilizar imágenes que no quepan en la pantalla, y si lo
hacemos utilizar un programa de edición para hacerlas más
pequeñas
Por defecto el navegador es capaz de escalarla
automáticamente pero se transmite por la red el documento
completo !!!
Es recomendable estructurar los recursos e imágenes en
directorios para su fácil acceso.
Al estructurar de manera correcta los contenidos se simplifica la
tarea de subir los archivos al servidor.
12. Introducción al desarrollo Web 11
Imágenes y otros recursos (cont.)
Un problema típico consiste en que las imágenes se vean
de manera correcta en nuestro ordenador y se dejen de
ver al subirlas al servidor
Posibles problemas
La imagen/recurso no está subida al servidor
La posición relativa de la imagen con respecto a la página no es la
misma en nuestro ordenador (local) y en el servidor (remoto).
La imagen que se intenta acceder tiene un camino dirigido a un
directorio de nuestro disco duro, como al ver la página desde
Internet no se tiene acceso a tu disco duro, los usuarios no podrán
ver las imágenes.
Cuando trabajamos con un editor de HTML y colocamos
imágenes en algunas ocasiones el editor coloca caminos en
nuestro disco duro en lugar de caminos relativos.
13. Introducción al desarrollo Web 12
Alojamiento (Hosting) de sitios WEB
Cualquier servicio que queramos ofertar en internet, está
alojado en un servidor.
En el caso de los sitios WEB, las páginas y recursos de
nuestro sitio WEB se encuentra alojadas en un servidor
WEB que se encuentra permanentemente conectado a
Internet.
Posibilidades
Alojamiento (Hosting) de pago, gratuito básico (proveedores de
servicios, Tripod, Yahoo, Google…), gratuito con PHP y base de
datos (100Webspace, 000Webhost.com, Good Host …)
Montarte tu servidor en casa
Conexión ADSL, adquirir un Dominio (www.tunombre.es o
www.tunombre.com) y dejar el ordenador siempre conectado
14. Introducción al desarrollo Web 13
Acceso al Servidor WEB
Normalmente accederemos al servidor WEB para
Subir nuevos contenidos
Administrarlo
En el caso de subir contenidos, es habitual utilizar un
cliente de File Transfer Protocol (FTP), o de Secure File
Transfer Protocol (SFTP)
Instalaremos en el lugar de trabajo un cliente de FTP (ej. FileZilla)
Usuario: prueba Password:prueba
El proyecto según se desarrolla se va subiendo al FTP
15. Introducción al desarrollo Web 14
Documento por defecto
Tener en cuenta el archivo por defecto del servidor
Depende de la configuración del mismo (ej. Apache)
El documento por defecto es el archivo que envía el
servidor cuando el cliente no especifica cual quiere
Ej: http://www.google.es/
Ej: http://www.midomino.com/subcarpeta/
Normalmente los servidores están configurados para
devolver los archivos index.html e index.htm.
Cuando disponemos de un motor de scripting como PHP también
se devuelve index.php
¿Cuál tiene preferencia si existen todos los archivos?
Dependen de la configuración de nuestro servidor
16. Introducción al desarrollo Web 15
Entornos de explotación
Desarrollo
Se monta directamente en la máquina del desarrollador un
WAMP (siglas de Windows + Apache + MySQL + PHP)
Existen distribuciones completas muy simples de instalar
(¡hasta las puedes tener disponibles en una memoria USB!)
Ej: XAMPP 1.7.3
http://www.apachefriends.org
(incluye Apache 2.2.14, MySQL 5.1.41, PHP 5.3.1…)
Eclipse 3.4 + PDT 1.X (para poder depurar PHP)
Baja seguridad: la configuración del servidor suministra mucha
información para poder depurar las aplicaciones
17. Introducción al desarrollo Web 16
Entornos de explotación
Producción
Linux, generalmente preferible a Windows
Habitualmente el servidor web más el motor de script se
encuentra en una máquina y el servidor de base de datos se
encuentra en otra distinta
Tenemos disponibles servicio de correo y FTP
Alta seguridad: todas las restricciones aplicables para evitar que
accedan intrusos