Bienvenido a Tecnohackers

Tecnohackers » Programacion » Programacion Webmaster (Moderador: Zentraedi)
 » 

Crear Una Página Web De Forma Sencilla y Rápida



Autor Tema: Crear Una Página Web De Forma Sencilla y Rápida  (Leído 600 veces)

Desconectado zolo

  • Consigliere
  • Master
  • *****
  • Mensajes: 22377
  • Un Mes, Un Año o Toda Una Vida, Da Igual, Estare
Crear Una Página Web De Forma Sencilla y Rápida
« en: Junio 04, 2012, 07:55:25 am »
El método más sencillo y fácil de hacer una página web con solo dos clics, copiando y pegando el texto en la ventana de una aplicación. Solo es necesario escribir o introducir el título, el contenido del cuerpo, tu nombre y será creada la página que podrás utilizar para fines diferentes.
 
Existen varias opciones para crear una página web, puede ser usando un poderoso CMS online con múltiples recursos, editando manualmente el código HTML, editando plantillas con diferentes estilos, etc.

 En ocasiones solo necesitamos una página web sencilla, con los elementos básicos para una presentación que lo requiera, para enviarla por email, para promocionar un evento, etc.
 En todos estos casos y además si no se tiene la suficiente habilidad al utilizar programas y software complejos, puedes usar el siguiente método, es la forma más sencilla que puede existir de crear una página web, pruébalo y lo comprenderás.
 Quizás este sea un método que te pueda ser muy útil en varias situaciones.
 
Como hacer la pagina web
 
Solo son necesarios dos requisitos, crear un documento de texto previamente donde tengamos el Titulo que tendrá la página y su contenido.
 Descargar la aplicación que contiene tres plantillas diferentes, más abajo en este mismo artículo, solo mide 4 KB.
 Crear una página web es un proceso muy sencillo, solo es necesario seguir los siguientes pasos:
 
1- Descarga el archivo que contiene las tres plantillas a tu equipo, descomprímelo (Clic derecho -> extraer aquí)
 2- Dos clics en el archivo de plantilla a utilizar.
 3- Introduce el título que tendrá la página en el primer cuadro, o sea escribirlo o pegarlo si está en un documento.
 4- Introduce el contenido o cuerpo de la página en el segundo.
 5- En el tercero escribe tu nombre que aparecerá en los créditos al final de la página.
 4- Presiona el botón “Crear página”.
 
La página será creada en la misma ubicación donde se encuentran las plantillas, tendrá uno de los siguientes nombres, de acuerdo a la plantilla utilizada:
 mipagina.html, mipagina2.html o mipagina3.html
 El nombre lo puedes cambiar a tu conveniencia.
 
Hay disponibles tres plantillas diferentes que se diferencian en el color de fondo y el tipo de fuente que utilizan.
 Si tienes un poco de habilidad y te resultan de utilidad las aplicaciones, podrás posteriormente editar y perfeccionar las plantillas, de forma tal que el resultado sea exactamente el que necesitas.
 Las plantillas son sencillas aplicaciones o paginas HTA, funcionan lo mismo en el equipo que online.
 El formato HTA es poco usado pero es muy útil, son páginas web que funcionan como aplicaciones.
 
Nota: Cada Script que les dejo lo editan en un blog de notas y lo guardan con extensión *.HTA
 
CrearPaginasWeb.hta
 
<!DOCTYPE html>
 
<head>
 
<title>Crear una página web</title>
 
<meta name=”author” content=”cu-32″>
 
<HTA:APPLICATION

     ID=”Crear una página web”
 
     APPLICATIONNAME=”Crear una página web”>         

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
 
<script language=”VBScript”>
 
self.ResizeTo 680, 620
 
</script>
 
<style>
 
.button{width:120px;}
 
</style>
 
<script type=”text/javascript”>
 
var fso,fileHandle;
 
fso=new ActiveXObject(“Scripting.fileSystemObject”);
 
fileHandle=fso.createTextFile(“mipagina.html”,true);
 
function write()
 
{fileHandle.write(‘<!DOCTYPE html><head><style>body{font-family:”Times New Roman”;background-color:#c7e9fa;font-size:18px;}#page{width:800px;background-color:white;padding:12px;margin-top:12px;margin:0 auto;}h1{font-size:28px;}#creditos{font-size:14px;text-align:center;margin-top:18px;}</style></head><body><div id=”page”><h1>’);}
 
function write2()
 
{fileHandle.write(document.all(“titulo”).value+’</h1>’);fileHandle.write(document.all(“content”).value)+’</div><br>’;fileHandle.write(‘<div id=”creditos”>Copyright (c) 2012 ‘+(document.all(“credit”).value)+’</div>’);setTimeout(‘self.close()’,1500);}
 
</script>
 
</head>
 
<body onLoad=”write()”>
 
<h2>Crear una página web</h2>
 
<form>
 
<textarea onclick=”titulo.select()” style=”margin-bottom:6px;” id=”titulo” cols=”60″ rows=”2″>Introduce el título
 
</textarea><br>
 
<form>
 
<textarea onclick=”content.select()” style=”margin-bottom:6px;” id=”content” cols=”60″ rows=”16″>
 
Introduce el contenido de la página
 
</textarea><br>
 
<form>
 
<textarea onclick=”credit.select()” style=”margin-bottom:6px;” id=”credit” cols=”60″ rows=”2″>
 
Introduce tu nombre para los créditos
 
</textarea><br>
 
<input type=”button” value=”Crear página” onclick=”write2()”>
 
</form>
 
</body>
 
</html>
 
CrearPaginasWeb2.hta
 
<!DOCTYPE html>
 
<head>
 
<title>Crear una página web</title>
 
<meta name=”author” content=”cu-32″>
 
<HTA:APPLICATION

     ID=”Crear una página web”
 
     APPLICATIONNAME=”Crear una página web”>         

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
 
<script language=”VBScript”>
 
self.ResizeTo 680, 620
 
</script>
 
<style>
 
.button{width:120px;}
 
</style>
 
<script type=”text/javascript”>
 
var fso,fileHandle;
 
fso=new ActiveXObject(“Scripting.fileSystemObject”);
 
fileHandle=fso.createTextFile(“mipagina2.html”,true);
 
function write()
 
{fileHandle.write(‘<!DOCTYPE html><head><style>body{font-family:”Comic Sans MS”;background-color:#e6fcee;font-size:18px;}#page{width:800px;background-color:white;padding:12px;margin-top:12px;margin:0 auto;}h1{font-size:28px;}#creditos{font-size:14px;text-align:center;margin-top:18px;}</style></head><body><div id=”page”><h1>’);}
 
function write2()
 
{fileHandle.write(document.all(“titulo”).value+’</h1>’);fileHandle.write(document.all(“content”).value)+’</div><br>’;fileHandle.write(‘<div id=”creditos”>Copyright (c) 2012 ‘+(document.all(“credit”).value)+’</div>’);setTimeout(‘self.close()’,1500);}
 
</script>
 
</head>
 
<body onLoad=”write()”>
 
<h2>Crear una página web</h2>
 
<form>
 
<textarea onclick=”titulo.select()” style=”margin-bottom:6px;” id=”titulo” cols=”60″ rows=”2″>Introduce el título
 
</textarea><br>
 
<form>
 
<textarea onclick=”content.select()” style=”margin-bottom:6px;” id=”content” cols=”60″ rows=”16″>
 
Introduce el contenido de la página
 
</textarea><br>
 
<form>
 
<textarea onclick=”credit.select()” style=”margin-bottom:6px;” id=”credit” cols=”60″ rows=”2″>
 
Introduce tu nombre para los créditos
 
</textarea><br>
 
<input type=”button” value=”Crear página” onclick=”write2()”>
 
</form>
 
</body>
 
</html>
 
CrearPaginasWeb3.hta
 
<!DOCTYPE html>
 
<head>
 
<title>Crear una página web</title>
 
<meta name=”author” content=”cu-32″>
 
<HTA:APPLICATION

     ID=”Crear una página web”
 
     APPLICATIONNAME=”Crear una página web”>         

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
 
<script language=”VBScript”>
 
self.ResizeTo 680, 620
 
</script>
 
<style>
 
.button{width:120px;}
 
</style>
 
<script type=”text/javascript”>
 
var fso,fileHandle;
 
fso=new ActiveXObject(“Scripting.fileSystemObject”);
 
fileHandle=fso.createTextFile(“mipagina3.html”,true);
 
function write()
 
{fileHandle.write(‘<!DOCTYPE html><head><style>body{font-family:Verdana;background-color:#fcfcea;font-size:18px;}#page{width:800px;background-color:white;padding:12px;margin-top:12px;margin:0 auto;}h1{font-size:28px;}#creditos{font-size:14px;text-align:center;margin-top:18px;}</style></head><body><div id=”page”><h1>’);}
 
function write2()
 
{fileHandle.write(document.all(“titulo”).value+’</h1>’);fileHandle.write(document.all(“content”).value)+’</div><br>’;fileHandle.write(‘<div id=”creditos”>Copyright (c) 2012 ‘+(document.all(“credit”).value)+’</div>’);setTimeout(‘self.close()’,1500);}
 
</script>
 
</head>
 
<body onLoad=”write()”>
 
<h2>Crear una página web</h2>
 
<form>
 
<textarea onclick=”titulo.select()” style=”margin-bottom:6px;” id=”titulo” cols=”60″ rows=”2″>Introduce el título
 
</textarea><br>
 
<form>
 
<textarea onclick=”content.select()” style=”margin-bottom:6px;” id=”content” cols=”60″ rows=”16″>
 
Introduce el contenido de la página
 
</textarea><br>
 
<form>
 
<textarea onclick=”credit.select()” style=”margin-bottom:6px;” id=”credit” cols=”60″ rows=”2″>
 
Introduce tu nombre para los créditos
 
</textarea><br>
 
<input type=”button” value=”Crear página” onclick=”write2()”>
 
</form>
 
</body>
 
</html>


Fuente: cu-32
gratisprogramas.com
You are not allowed to view links. Register or Login

Tags:
Tags:

 


SMF 2.0.19 | SMF © 2016, Simple Machines
Paginas Afiliadas
Twitter - FaceBook - Daraxblog
Designed by Smf Personal