Menú

Mostrar Mensajes

Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.

Mostrar Mensajes Menú

Mensajes - Filibustero de bolsillo

#31
Desarrollo Web / Re: Sitio web para china
23 Enero 2019, 01:05 AM
No es tanto como que no debas como que simplemente no se puede... No se pueden embeber vídeos, no se puede conectar con APIs. Etc. Pero más allá de limitaciones legales es simplemente una limitación tecnológica: Su Firewall no lo permitiría. Pero puedes... tantear. Simplemente ver qué sirve y qué no.

He tenido algunos clientes Chinos que han montado e-commerce con WordPress sin problemas, la verdad...

Para alojar sitios web en Asia recomiendo buscar proveedores en Singapur. Tienen los mejores centros de datos y una de las mejores conexiones en todo el hemisferio oriental. Otra ventaja es que es un destino bastante popular entre occidentales, por lo que incluso los proveedores más convencionales probablemente tienen servidores en Singapur. Basta con preguntarles y asegurarte de que tu cuenta sea creada allí cuando compres el servicio. Yo recomiendo https://www.hostwithlove.com/server-locations.php Hostwithlove. También tienen Centros de Datos en Hong Kong.

Sobre el lenguaje, pues depende qué esté buscando el cliente, quién vaya a administrar el sitio y cosas así. Yo últimamente he usado Hugo para sitios web livianos y fáciles de administrar. Pero ten en cuenta que es solo para contenido estático. Podrías ojear Wigtail, que se puede desplegar en cPanel con jSSH y Python. Y más tradicionales, pues me iría con WordPress. La gente que lo subestima es porque simplemente no saben usarlo :rolleyes: o terminan dependiendo demasiado de plugins. Pero si tienes alguna idea de PHP, functions.php dentro de WordPress es casi que todo lo que necesitarás para expandir las características de tu WordPress.
#32
Hola @Beginner Web

No comprendí muy bien tu primera pregunta, ¿hablas de imágenes con captions, o simplemente de colocar imagen / texto / imagen / texto?

Si es así, realmente basta con algo así:
Código (html4strict) [Seleccionar]

<p>primer parrafo</p>
<p>segundo parrafo</p>
<img src="link de la imagen en SVG si quieres" title="titulo de la imagen" />
<p> tercer parrafo</p>


Y ya, queda una estructura vertical simple... No sé si esa era tu pregunta.
Para dar orden determinado a etiquetas HTML, si buscas algo más complejo que una simple visualización vertical, entonces necesitarás aplicar CSS. Hay maneras básicas como float, lo cual hará que la imagen se haga hacia un lado y el texto al lado contrario. O bien, mi recomendación sería flexbox

Para tu segunda pregunta, es sencillo; buscas el selector :hover
https://www.w3schools.com/cssref/sel_hover.asp

Sirve para cualquier elemento HTML, no solo botones y vínculos; ¡y puedes aplicar cualquier parámetro CSS que quieras! (no solo cambiar el color de fondo, por ejemplo)

Ejemplo rápido con enlace:

Código (html4strict) [Seleccionar]

<html>
<head>

<style>
a {color:red;}
a:hover {color:yellow;}
</style>

</head>
<body>

<a href="#">Un enlace</a>

</body>
</html>


La definición de etiquetas HTML en CSS tiene efecto en TODOS los elementos. Por lo que si deseas solamente tocar un elemento en particular, te recomiendo usar clases:

Código (html4strict) [Seleccionar]

<html>
<head>

<style>
a.lalolanda {color:red;}
a.lalolanda:hover {color:yellow;}
</style>

</head>
<body>

<a class="lalolanda" href="#">Un enlace</a>

</body>
</html>


A veces el selector de la etiqueta en particular puede sobrar; por ejemplo, ahí arriba solo ".lalolanda" en la definición CSS habría funcionado. Pero depende de cuán específica quieras ser con el selector. Puede haber, por ejemplo "p.lalolanda" que solo afectaría a los "<p>" que se llamen "lalolanda" pero no a los "<a>" ¿me hago entender?...

Saludos.
#33
Desarrollo Web / Re: HTML maquetacioin
15 Enero 2019, 01:23 AM
Hola,

Podría preguntarte... ¿Cuál es tu objetivo? ¿intentas iniciar un blog? ¿es solo una página en blanco la que deseas diseñar?

Veo que estás iniciando en la parte web (perdona, solo podría inferirlo por el código html que suministraste; puede que seas más experimentada), lo cual puede generar mucho entusiasmo al principio: ¡Espero que no pierdas el impulso pues hay mucho por aprender! ... Cuenta con la ayuda de los usuarios de este foro para llevar a cabo tus proyectos.

Antes de responder tu duda puntual, quiero comentarte sobre dos grandes paradigmas en la web:

1. Contenidos dinámicos
2. Contenidos estáticos

Ambos están estrechamente relacionados; pero debes comprender inicialmente que la generación de contenido Dinámico se consigue aprendiendo lenguajes de programación que, de acuerdo a instrucciones suministradas, las interprete y genere contenido a demanda con base en la instrucción dada.

Pensar en contenidos dinámicos es útil pues permite trabajar con relativamente pocos archivos de instrucciones que hagan la mayor parte del trabajo por ti. Pongamos un caso de ejemplo a modo de anécdota:

CitarAlex desea crear un foro de hackers. Desea que las personas puedan ver información que él publica en su sitio web, pero también quiere que las personas interactuen entre sí y generen contenido para el foro. Ahora bien, su idea es crear un archivo estático que sirva como índice. Lo publica.

Empiezan a llegar personas, y ven el contenido que él ha colocado en el archivo estático, pero Alex se da cuenta que las personas no pueden publicar nada porque al archivo solo tiene acceso él. Tendría que, literalmente, pedirle a las personas que lo llamen por teléfono y les dicte el contenido que quieren poner en su archivo estático. Alex tendría que hacer esto con absolutamente todos los participantes del foro. Elhacker.net tiene 300.000 usuarios.

Insostenible, ¿verdad? Pues bien. Alex se ingenia una manera de automatizar el proceso: Crea un programa para que, a través de un formulario que haga las veces de llamada telefónica, reciba los mensajes de las personas y los coloque en su archivo estático. Al hacer esto, las personas solo deben colocar sus respuestas y el programa las publicaría de forma automática.

Esto genera un inconveniente: Cada vez que el programa recibe una nueva publicación, crea un nuevo archivo estático. No parece un problema ¡hasta que se generan 500.000 temas! ... Y Alex quiere cambiar el logo de su página web... ¿Cómo modificaría 500.000 archivos individuales? ¡Otro cuello de botella!

Pues bien, Alex haya la manera de modificar el mismo programa para que, en vez de generar archivos individuales por cada publicación, más bien utilice una plantilla estática única y, que al ser ejecutada por cualquiera de los usuarios, muestre el contenido relevante del foro en cuestión. Siendo las publicaciones ahora almacenadas en una base de datos.

Se crea entonces este trabajo en equipo de tres componentes clave: El contenido estático (la plantilla); la Base de Datos (que aloja las publicaciones); El programa (que se encarga de la parte lógica, de las instrucciones, de decir: Cuando este formato reciba una publicación, debe alojarla en esta base de datos; y esta página estática debe mostrar dichas publicaciones)

Pues bien, ahora Alex puede cambiar el diseño de la plantilla base y sabrá que las 500.000 publicaciones tendrán el mismo diseño sin importar el momento; y se redujo la cantidad de archivos a unos cuantos (los que el programa con instrucciones requiera). Automatizó todo el proceso.

A modo general, así funcionan las páginas web. No toqué temas fundamentales como qué es un Servidor / Hosting; o cuál es el papel (hoy en día fundamental) del navegador web; porque se extendería mucho la anécdota.

Pero creo que es importante mencionarlo para decirte que, si tu intención es crear un Blog, entonces sepas que te encuentras en el segundo párrafo de mi anécdota. Estas creando un archivo estático; plano; que tendrás que alimentar tú manualmente siempre que vayas a actualizar contenido. Y sin una base de datos, esto será insostenible.

Descuida, no tienes que hacer tu propio programa de Foro, o Blog, o lo que desees... Ya hay programas hechos, muy famosos. Uno muy popular para Blogs es WordPress. Y puedes descargarlo e instalarlo tú misma en tu servidor; o bien, registrar tu propio blog en wordpress.com

Ahora bien, para tu pregunta puntual:



El código HTML es la manera en que los navegadores web interpretan la estructura de una página y la muestran ante tus ojos de acuerdo al modo en que dicha maquetación esté dispuesta. Tres jugadores fundamentales hacen parte de la renderización de tu página web: La estructura HTML en sí (las etiquetas); el estilo CSS (hojas de estilo); javascript (no es importante en estos momentos, para no complicarte la vida)

A grandes rasgos tu estructura es correcta, pero carece de varios aspectos fundamentales y algunos errores (el header, clases, una etiqueta obsoleta, y algunos tags). Déjame entrar en detalle con lo que para mí es realmente fundamental:

Lo ideal, señorita, es intentar no incluir parámetros de estilo dentro de la estructura HTML en sí. Esto se llama "inline css" y es una mala práctica en general. ¿Por qué? Porque imagina que tienes muchas línea de texto en tu página. Todas tienen el parámetro de estilo color: #008000; ¿verdad? Bueno, ¿y si quieres cambiar el estilo de todo el texto al mismo tiempo? Volvemos a un escenario insostenible. Es por eso que existen las clases html.

Las clases son nombres que les asignas a las etiquetas HTML y al contenido que albergan, de tal modo que sus estilos sean globales en todo el sitio.

Escenario incorrecto:

<span style="color: #0000dd;">Hola mundo</span>


Escenario correcto:

<style type="text/css">
.mi-clase {
  color: #0000dd;
}
</style>

<span class="mi-clase">Hola mundo</span>


Y ahora podrás reutilizar mi-clase donde desees. Para cambiar el color, ahora solo tendrías que cambiar el único parámetro de color en la hoja de estilo y ya está.




Para finalizar: Cualquier duda que tengas no dudes en preguntarnos. Un buen lugar para iniciar con HTML es:
https://www.w3schools.com/html/html_basic.asp

El tema de las bases de datos y lenguajes de programación inevitablemente requiere un insumo vital: Un Servidor o Espacio de Hosting. Sin eso, no tendrás más alternativa que instalar un servidor local en tu PC; pero tu sitio web no sería abierto al público, y solo tú lo podrías ver.

Envíame un mensaje privado si deseas un espacio de hosting gratuito que puedo suministrarte; suelo alojar sitios web de estudiantes, pues a esto me dedico :xD y ya contarás con un espacio para hacer tus experimentos.
#34
 :rolleyes: siempre he visto ese tal 'efecto mandela' como la forma más arrogante y egocéntrica de evitar admitir que uno estaba equivocado sobre algo. Porque claro, es más fácil admitir que el jodido universo cambió por el CERN, a admitir que simplemente algo que yo creía era cierto, resulta que no lo era.

En todo caso, respecto al tema, también creo que es culpa del mapa Mercator, que de forma desproporcionada hacía ver Groenlandia como una masa más grande de lo que siempre fue en realidad; dándonos actualmente la ilusión de que 'algo falta'.
#35
Tengo curiosidad por saber qué hace que esta foto luzca como esta foto. Pero desafortunadamente es algo que ni siquiera sé cómo buscar. ¿Algún consejo?

https://imgur.com/a/1ArCtuO

Un saludo.
#36
¿En qué consiste el proyecto? ¿Cuál es la tarifa y cuánto tiempo dura el proyecto?
Se necesita un poco más de información para que freelancers generen más interés ;)
#37
Hardware / Re: Que portatil economico nuevo?
22 Noviembre 2018, 21:10 PM
Sea lo que compres: Intenta encontrar un portátil con disco de estado sólido (SSD). La diferencia en desempeño es muy, muy evidente; más si usarás Windows 10.
#38
Desarrollo Web / Re: JQuery, ¿obsoleto?
4 Octubre 2018, 23:25 PM
Todavía existen enormes plataformas como WordPress que usan jQuery activamente ... La obsolencia de un lenguaje al parecer lo determina más su uso que las tecnologías emergentes. De lo contrario, ya nadie usaría PHP.

Aunque el auge de constructores visuales está haciendo que tecnologías como React se vuelvan más populares, como es el caso de Divi o Brizy. Habrá que ver. El uso extendido de constructores visuales es algo que WordPress no puede pasar por alto por mucho tiempo, y eso probablemente catalice una migración de algún tipo.

Por otro lado, desde PHP 7 se han hecho avances impresionantes, y aún así más del 90% de las páginas PHP corren 5.6 o inferior...
#39
Cita de: PalitroqueZ en 17 Junio 2018, 19:26 PM
en colombia tendrán que decidir entre un mal gobierno (la derecha del pupilo de uribe) y el infierno que viene detrás de petro.

al ver a petro me recuerda tanto a hugo chavez durante la campaña electoral del 1998, un tipo que le hablaba con "sinceridad" al pueblo, que era "democrata" pero por sobre todo "no era socialista"

esperemos que los colombianos no vayan a meter la pata como lo hicimos nosotros, por lo menos ellos ya están avisados y conocen muy bien nuestra historia.

Desafortunadamente lo que comentas solo demuestra una increíble ignorancia en temas no solo de política pública, sino históricos, causales (para ponernos lógicos), filosóficos e incluso éticos. Desmentir lo que comentas sobre Petro no se reduce solo a controvertir tus conclusiones evidentemente panfletarias, sino también a cuestionar el débil andamiaje argumentativo que las sostiene y sin duda las premisas de base; por tal motivo, solo reduciré este post a un leve insulto a tu inteligencia.

¡Un saludo!
#40
Desarrollo Web / Re: Publicar una pagina
19 Mayo 2018, 02:38 AM
Sin entrar en detalles:

1. Baja Xampp
2. Utiliza alguna utilidad como no-ip.org
3. Configura Apache para que funcione con tu IP pública
4. Abre los puertos correspondientes en tu firewall

Y ya está :P

Más allá de las tantísimas limitaciones técnicas, creo que lo que más te jodería sería la IP dinámica y el pobre ancho de banda...