Estructura para un sitio web

Vista previa del material en texto

Hosting compartido: 
Es el más utilizado, simple y económico, el que te ofrecen en todos lados, es como vivir con roomies en una casa
El proveedor tiene la responsabilidad de garantizar la estabilidad del sistema (como un arrendador del mantenimiento de una casa)
Límites de almacenamiento y ancho de banda
Algunos proveedores de hosting compartido
ofrecen servicios de alojamiento de
tráfico ilimitado
Tipos de hosting
Hosting WordPress: 
Hosting básico con recursos optimizados para WordPress
Actualizaciones y respaldos automáticos
Seguridad contra ciberataques contra WordPress
Hosting VPS: 
Servidor Privado Virtual
Recursos dedicados, flexibilidad, mayor rendimiento
Requerimientos de conocimiento técnico
No compartes con nadie
Servidor dedicado
Más costoso 
Servidor físico exclusivo para tu sitio web
Usuario absoluto
Ancho de banda y espacio exclusivo
Conocimientos técnicos necesarios
Estructura web
Editor de textos: Bloc de notas, Word, SublimeText, Brackets, DreamWeaver.
.html extensión del documento
Indica a los navegadores el tipo de contenido que se va a mostrar 
El lenguaje HTML fue creado inicialmente en inglés
CONSEJOS AL NOMBRAR LOS DOCUMENTOS
Aplica para todo lo que se vaya a usar imágenes, videos, htmls, etc
NO espacios en el nombre de un documento % (guiones en lugar de espacios - _) 
NO caracteres especiales (ñ y acentos)
NO mayúsculas
NO los siguientes caracteres: 
Punto (.): se usa para indicar extensiones de archivos
Comillas ("): se usan en la sintaxis de HTML
Barra derecha (/): indica anidación de archivos en carpetas
Barra izquierda (\): no se admite en MS Windows
Dos puntos (:): se usa en comandos de script
index.html navegadores reconocen como página principal o portada (Home)
 
Página sin index.html
 
Los demás archivos HTML sí pueden ser nombrados acorde a su contenido, 
por ejemplo, contacto.html, productos.html, servicios.html
Tip: para un buen posicionamiento en google puedes nombrarlos con algunas palabras clave, ej. servicios-mantenimiento-albercas.html
Además de los HTML, un sitio web puede tener archivos de diferentes tipos:
Imágenes
Videos
Audios
Hojas de estilo (css)
Javascripts (js) 
Hypertext preprocessor (php)
En un hosting todos los archivos generados van adentro del public_html
Los html principales no van dentro de subcarpetas (index, contacto, nosotros, servicios)
Subcarpetas por tipo de archivo
A
Aquí van tus archivos web
 
ESTRUCTURA DE ARCHIVOS
*Tip: Administrar con Filezilla (FTP) File Transferece Protocol
Los archivos HTML están juntos en la carpeta raíz (estructura_web)
Las imágenes, .js y .css van colocados en carpetas separadas
Se pueden hacer subcarpetas para jerarquizar
servicios/poda-jardineria.html
servicios/mantenimiento-albercas.html
servicios/plomeria-electricidad.html
Inicio
Nosotros
Servicios
Contacto
Jardinería
Albercas
Plomería y electricidad
DIAGRAMA DE FLUJO
Root
NO se deben organizar así los archivos
Referencias
1&1 digital guide. (2016). Dominios: conceptos básicos. Recuperado de https://www.1and1.Mx/digitalguide/dominios/consejos-sobre-dominios/que-es-un-dominio/ 
Beati, H. (2015). HTML5 y CSS3 para diseñadores. Argentina: alfaomega grupo editor.
Chávez, g. (2018). Entendiendo qué es un hosting y cómo usarlo. Recuperado de https://mx.Godaddy.Com/blog/entendiendo-que-es-un-hosting-y-como-usarlo/ 
Chávez, G. (2017). Tipos de dominios para tu empresa. Recuperado de https://mx.Godaddy.Com/blog/tipos-de-dominios-para-tu-empresa/ 
Giordano, M. (2007). Consejos para la creación de una página web. 
Prieto, p. (2018). ¿Cuál es la diferencia entre hosting y dominio? Recuperado de https://mx.Godaddy.Com/blog/cual-es-la-diferencia-entre-hosting-y-dominio/
Terán, A. J. (2010). Manual de introducción al lenguaje html. Formación para el empleo. Recuperado de https://0-ebookcentral.Proquest.Com.Millenium.Itesm.Mx