Tutorial de como crear una pagina web sin programar.
1° paso: abrir paginawebgratis.es "sitio de creación.
2° paso: vamos en la sub pagina donde dice editar diseño, encojemos la que mas nos guste, en caso cuando seleccionemos el que mas nos atrae damos en aceptar.
3° paso: vamos a el sub controlar paginas, nos aparecerá una subpagina que dice "home" le damos click para editar el contenido del inicio
4° paso: si queremos ir modificando y agregando las siguientes paginas es decicion de ustedes
5° paso: el quinto paso es una opción alternativa " subir imágenes para decorar su web
Tutorial de como crear una pagina con html y css "para programadores"
: ya teniendo las instrucciones del tema anterior nos vamos a editar diseño, ay aparecerá un menú desplegable con unas opciones , seleccionamos css-desing, esta es una opción que nos permite crear nuestro propio diseño, después de esto vamos a opciones avanzadas.
después podemos escojer un diseño en una de las siguientes web:
1: kateko.es.tl
2: css-desing.es.tl
3: plantillas-web.es.tl
4: kilometro6.es.tl
5: desing-valdez.com
recuerden nuestro diseño seria: "diseño pagina web gratis" "diseño css"
cuando tengamos nuestro diseño escojido copiamos:
1: texto que esta por encima de la pagina "copiamos el que aparece en las webs que mencione" y lo pegamos en texto por encima de la pagina " de pagina web gratis"
2: texto que esta por debajo de la pagina "copiamos el que aparece en las webs que mencione" y lo pegamos en texto por debajo de la pagina " de pagina web gratis"
3: texto css "copiamos el que aparece en las webs que mencione" y lo pegamos en texto cssa " de pagina web gratis"
continuamos, ya teniendo nuestro diseño nada mas falta adaptarlo "lo mas duro"
-primero: en los links que aparecen asi: <a href="Ejemplo1.es.tl"> Ejemplo2</a> los podemos remplazar asi <a href="Tuweb.es.tl"> Lo que quieras aca</a>
segundo: si el logo es caso de imagen y aparece asi: <img src="Ejemplo.jpg"> lo podemos suplantar asi <img src="Tulogo.jpg">
tercero: si aparece asi: <li><a href="Ejemplo1.es.tl">Ejemplo 2</a></li> lo podemos modificar asi <li><a href="Tu web.es.tl">Lo que quieras aca</a></li>
en el caso de que la web no sea inicio si no una sub de esta, hacemos esto:
Antes: <a href="Ejemplo1.es.tl">Ejemplo 2</a>
Despues: <a href="Ejemplo1.es.tl/Lasub.htm">Ejemplo 2</a>
es nescesario colocar la extencion .htm para poder que aparesca la web.
para suplantar o agregar una imagen colocamos:
<img src="imagen">
Adaptacion De Plantillas Para PWG
Autor Del Tutorial: CaarlooS
Para Seguir El Tutorial Les Recomiendo Usar Este Diseño:http://www.free-css.com/free-css-templates/page17/simpleblog-1.0.php#bookmarks
Paso 1:
Deberan Pegar El Siguiente Codigo En CSS-code sin style tags
Código:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
Paso 2:
Elegir Y Descargar El Diseño Css A Adaptar, Yo Recomiendo http://Free-Css.com/
Paso 3:
Extraemos El Fichero Descargado Obtendremos Una Carpeta
Paso 4:
Ejecutamos Con El Blog De Notas U Otro Programa Similar El Archivo Con Formato .Html Encontrado En La Carpeta Antes Mencionada
Paso 5:
Borramos Desde El Titulo Del Contenido Hasta Los Dos Ultimos </div> Antas Del Comienzo Del Footer Normalmente Encontrado Como
<div id="footer">
Paso 5 (En Algunos Casos):
Borramos Desde El Titulo Del Contenido Hasta El Princio De Los Box
Paso 6:
Una Vez Terminado Tendria Que Quedar Arriva El Cierre De Los </div> El Titulo Del Contenido, El Menu, Etc.(Pegamos Esta Parte Del Code En "Texto por encima de la pagina" Y Abajo El Footer Y En Algunos Casos Los Box Y El Footer (Pegamos Esta Parte Del Code En "Texto por debajo de la pagina"
Paso 7:
Cerramos Y Se Nos Abrira Un Cartel Que Dira Si Queres Guardar Los Cambios, Ponemos Que Si
Paso 8:
Abrimos Nuevamente El Archivo .Html, Para Comprobar Que El Conenido Desaparecio Y El Diseño Continua En Horden
Paso 9:
Abrimos La Carpeta "Imagenes" Abrimos El Archivo .Css Con El Blog De Notas, Copiar Todo El Codigo Y Pegarlo En CSS-code sin style tags (Debajo Del Codigo Colocado Anterior Mente)
Paso 11:
Editar Todos Los Link, Titulos, Derechos De Copring, Etc.
Si Decea Colocar Este Tutorial En Su Web, Foro, Blog, Etc. Hagalo Sin Borrar Los Derechos De Autor.
Creditos a: fosebad, unico autor de este post, gracias.