Por favor, ayuda, estoy desesperado

Buenas, me presento soy Sergio y soy de Zaragoza y es la primera vez que entro a esta comunidad, la busqueda me ha llevado a ella y me ha impresionado ver tanta gente metida en esto dispuesta a ayudar.

Pues si, ese es mi motivo aunque me de verguenza admitirlo. Necesito vuestra ayuda.
Llevo muchos meses metidos en hacer mi cutre-web:

www.icelost.es.vg

Con unas rutas por francia explicando un poco cada cosa con sus fotos y luego pues unas cosillas un poco mas frikis por ahi que me gustan. Y bueno, mis colegas que guay como mola, mi novia ole que guapa esta, mis papas joer como te lo has currao. Hasta que le toco el turno al colega borde >.<
Jolin que incomoda es pa navegar por ella...
Ya me la ha liado bien liada. Depresion total!!!!

Pues ahi empieza mi problema. Me gustaria por favor, que alguien me diga o haga o me oriente o lo que sea... por favor: Necesito que todas mis sub-paginas tengan en la parte superior un mini menu con 5 casillas horizontales nada mas, para poder acceder a cualquier parte de la web desde cualquier sitio. Creo que me explico bien, si no me lo decis.

Me han dicho con frames, con macros, creando una plantilla (pero para eso tengo que empezar de cero y llevo mas de 40 sub-paginas copiadas a mano...) y si muy bien: pero no lo entiendo, no se hacerlo, he leido un apartado en el foro y alguien le contestaba: pues si es mu facil pon esto y ya esta (toma codigo html...) pero no se donde va, no veo en que parte del body o donde sea se pone. Lo pongo y o me sale mal o me sale simplemente toda la parrafada en medio de la pagina. Los siento, no me aclaro con las ayudas de dreamweaver ni de frontpage, ni con el post del compañero del foro, ni con lo buscado en el Google©
No se si alguien podra hacerme el favor, ya que no entiendo ni el "webs para dummies". Si no me lo puede hacer por esta via le invito a un cafe dº,...,ºb en mi house.XDXDXD

NO, en serio, por favor, agradeceria mucho que alguien me pudiera ayudar, lo siento no entiendo lo que vosotros veis tan facilmente :(
Un saludo y gracias de antemano.
Pd: Perdon por el post tan largo, estoy desesperado y me tenia que desaohogar... Ha faltado muy poco para que borrara la f**k**g web del hosting.

sabes ke hasta los grandes webmaster empezaron sin saber nada..

bueno pues yo te recomendaria inciar todo el curso, si te deseperas no lograras anda empieza aki:

http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-i…


y despues sigue todos los demas cursos, anda nunca se acaba de aprender!!
animos y adelante...

recuerda no deseperarte.

Bueno, en primer lugar bienvenido al foro, pasa y ponte cómodo, que te va a llevar un ratito,je je je.

Si lees un poco los primeros mensajes de cada uno de los que aqui te pueden parecer gente con cierto nivel en diseño web, verás que la mayoría no tenia ni idea hace unos meses. Entraron como tú, buscando ayuda y son ellos ahora quienes ayudan al resto. Este tema parece complicado, como todo lo que se desconoce, pero como puedes ver en los mensajes del foro, hasta un niño pequeño aprende a crear su web. Tú no vas a ser menos. :wink:

He visitado tu web y tienes bastante material seguramente interesante además (no me he parado mucho a leer, la verdad) pero como dice tu amigo, es un auténtico caos navegar por ella. Me temo que te toca empezar desde el principio. Si te lanzas vas a tener suerte, porque aqui solemos ayudar hasta aburrir, je je je. Pero te va a tocar trabajar un poco, pocas cosas se aprender como en Matrix, con tomarse una pastillita, ja ja ja.

El material que ya tienes no tienes porqué volver a escribirlo, se puede aprovechar con solo copiar los textos desde el navegador y pegandolos en la nueva web cuando tengas su estructura terminada.

Lo más importante es que primero te aclares tú mismo. Has de crear un esquema de tu web, algo así como el indice de un libro, con sus temas y apartados. Cuando lo tengas, sabás cuantas páginas y secciones vas a necesitar.

Veo que tienes 3 temas diferenciados. Historia, Actividades y Francia. Esos serán los 3 temas que colocaremos en el menú horizontal superior, pero los mantendremos en toooodas las subpaginas de tu web para que el visitante, en cualquier momento, pueda ir de un sitio a otro sin necesidad de retroceder desde el navegador.

Una vez entras en cada uno de esos temas, necesitas estructurar todo su contenido desde un menú lateral, como el que tienes. Ese menú lateral ha de existir en toooodas las subpáginas de ESA sección, para que así el navegante siga teniendo todo a mano.

Por supuesto, desde cualquier subpágina de tu web se debe poder acceder a la página principal y eso lo puedes logras de un modo más elegante que el enlace que colocas en la parte de abajo de todas las páginas. Por ejemplo, colocándole un enlace al logo que pongas en toodas las partes superiores de tus páginas. Algo así como esta web ( www.comocreartuweb.com ).

Por supuesto hay otras muchas alternativas para estructurar una web, pero esa no está mal y como es la que yo uso, me es más fácil explicartela y mostrarte el ejemplo, claro.

Así que, por el momento olvidate de tu web. Apaga el ordenador (aún no! cuando termines de leerme! je je je) toma papel y lapiz y haz tu esquema de web, tu indice, con sus temas, y secciones de cada tema.

Piensa qué quieres colocar en el menú superior. Cada enlace del menu superior te ha de llevar a una página de presentación de ese tema en concreto y has de elaborar también un esquema de lo que va a contener cada tema, pues será el contenido del menú lateral.

Una vez lo tengas claro, haz el curso paso a paso:
http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-i…
(no te llevará mas de unas horas) para que aprendas lo básico. Si tienes el Dreamweaver (creo que si) puedes usarlo, las lecciones de ese curso se siguen bien con ese programa.

Con ese curso aprenderás a crear una página ordenada. Cuando lo termines solo tendrás que presonalizarla un poco (con nuestra ayuda, claro) y una vez la tenga lista el siguiente paso será insertar en ella el contenido de tu web.

Si, no es coser y cantar, hay que molestarse en leer, hacer los ejemplos, dudar, preguntar, mostrar, corregir, repetir... pero "Queréis la fama, pero la fama cuesta y aquí es donde vais a empezar a pagar. Con sudor".
:twisted:

Cuentas con nosotros para TODO lo que necesites. Si con tu web actual tu familia y "algunos" amigos han flipado.... ni te cuento si aprendes con nosotros de lo que serias capaz...

Como muestra, te invito a que visites los trabajos de los colegas del foro que, como tú, entraron un dia sin tener ni idea....
http://www.comocreartuweb.com/phpBB2/ftopic2360-0-asc-15.html

Un abrazo Icelost :wink:

Toy triste y contento:
Triste por que no ha servido de mucho lo echo, pero contento por qu eme tais ayudando. Muchas gracias y prometo seguir dandoos mal si lo necesito >.<
Un saludo

No estés triste amigo. Verás como te va a gustar lo que vas a aprender. La verdad, ojalá yo hubiera encontrado un foro como este cuando me puse a aprender, je je je. Lo que me tomó meses en aquella época lo aprendeis con CCTW en unas horas. Aprovecha! :wink:

Pues si que tienes razon, es todo una suerte que pueda disponer de este espacio de ayuda.
Ahora estoy, basandome en la web creada en el curso. La estoy decorando a mi gusto y poniendo los menus que basicamente voy a usar en el desorden ese de web que tenia... xdxdxd. Entonces basicamente lo que voy a hacer es cuando la tenga a mi gusto, la guardare como plantilla y ya pasare a crear las por ejemplo 9 subpaginas que van en ese apartado, con la posibilidad de al tener el menu poder acudir a cualquier zona de la web comodamente. Por cierto, en el curso no se ha explicado mucho, pero para hacer un menu superior en vez de hacerlo en el lateral derecho???
Y otra cosa guardo la plantilla y la abro con el dreamweaver que con los albumes de fotos me aclaro mas, y la parte de abajo que en teoria esta redondeada como indica en el curso(con el html-kit se ve redondeado) y no se ve redondeado, se ve cuadrado normal

Gracias por ayudarme, es algo que me hace mucha lusion: por fin poder colgar algo en la web con mis vivencias (interesantes para unos y no para otros) y mis opiniones sacadas en los viajes realizados.
Muchas gracias.

Perdon por ser tan pesado, pero por que teniendo esto asi, cuando muevo el mouse por la parte de abajo de la web se me "enciende" el apartado del menu superior donde pone "Via de contacto" como si le pasara el mouse por encima a el ???

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
  <div id="cabecera">Ruta catara en Francía y visita esoterica a Rennes-le-Château</div>
  <div id="navegacion"><ul> 
  [*]<a href="#">Francia	
  [*]<a href="#">Rincones de la historia
	[*][url="#"]Mis pueblos[/url]
	[*][url="#"]Cosillas[/url] 
  [*]<a href="#">Via de contacto[/list] </div>
  <div id="contenido">
			 <div id="menu">
<ul>[*][url="#"]Château D'Montsegur[/url]
[*][url="#"]Château D'Arques[/url]
[*][url="#"]Rennes-le-Château[/url]
[*][url="#"]La forteresse royale de Peyrepertuse[/url]
[*][url="#"]Duilhac Sous Peyrepertuse[/url]
[*][url="#"]Cucugnan[/url]
[*][url="#"]Château de Quéribus[/url]
[*][url="#"]Cité Médiévale de Carcassonne[/url][/list]
</div>		 
<h1>Esta será la zona principal de la web</h1>


Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>


<h2>Y este es el tercer párrafo</h2> En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie"><h2>Sergio Pérez Pérez© Zaragoza 2007</h2></div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body        {text-align: center }
#global     {width:800px ; margin:4px auto }
#navegacion ul { list-style: none ;} 
#navegacion li { float: left; margin: 0px 7px 0px 0px ; }
#cabecera { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid }
#navegacion {background-color: pink ; border: black 1px solid }}
#contenido  {background-color: #FFBBFF ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu       {background-color: #C6E2FF ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#menu {................... margin:3px 10px 3px 3px}
#menu li    {list-style:none ; margin: 4px 0px 4px 6px }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
                  background-repeat: no-repeat ;
                  width:800px ;
                  height: 12px ;
                  overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
                  background-repeat: no-repeat ;
                  width:800px ; 
                  height: 12px
				          overflow: hidden }

h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#pie { background-color: white ; 
       border-left: black 1px solid ; 
       border-right: black 1px solid; 
       border-top: black 1px solid }
a         {color: #0000CD ; text-decoration:none ; display: block }
a:link    {}
a:visited {}
a:hover   {color:red ; text-decoration:underline ; background-color: #F5DEB3}
a:active  {}
p {text-align: justify}

hola

tu codigo no salió completo

recuerda activar la casilla de abajo "deshabilitar html ene ste mensaje"
cada que pegues codigos

o bien

ve a Tu perfil

y en la parte de abajo está la opcion para mantenerla activada siempre

saludos

Yaneth escribió:hola

tu codigo no salió completo

recuerda activar la casilla de abajo "deshabilitar html ene ste mensaje"
cada que pegues codigos

o bien

ve a Tu perfil

y en la parte de abajo está la opcion para mantenerla activada siempre

saludos

Gracias por la informacion, ya se una cosa mas.
Ya he habilitado eso, creo que ya esta todo bien,por favor a ver si me solucionan el problema que tengo.

Listo

el error está en que te falta cerrar este trozo

<a href="#">Via de contacto </div>

al arreglaro quedará asi:

Via de contacto </div>

lo checas y me avisas

saludos

Yaneth escribió:Listo

el error está en que te falta cerrar este trozo

<a>Via de contacto </div>

al arreglaro quedará asi:

<a>Via de contacto</a> </div>

lo checas y me avisas

saludos

Muchisimas gracias, si que era ese el fallo , al mirarlo y comprovarlo he visto que en la misma linea si teni la apertura <a> pero no el cierre -.-
Por cierto, es mucho abusar y pedir ayuda para poner mejor y centrados los 5 apartados del menu horizontal???

del menu horizontal

????

en las caracteristicas del div navegacion tienes esto:

#navegacion {background-color: pink ; border: black 1px solid }}

solo le agregas, text-align: center

y con eso debe centrarse

es eso???

mmm pues no lo se, creo que ese comando lo he probado, pero lo que yo quiero es digamos dividir el menu en 5 partes iguales, para que asi quede realmente centrado.quizas no me explique bien

pues.....

lo unico que se me ocurre, por el momento es crear

5 divs y meterlas dentro de la div de navegación

y el ancho...

pues si tu navegacion mide 800 px pues lo divides entre 5, para darle a cada uno un tamaño especifico

sería cuestion de probar

saludos

BUff que cosas mas complicadas me dices xdxdxd
Muchas gracias.
Voy a perder un ratillo el tiempo (no creo que lo sepa hacer, basicamente no lo entiendo y eso de copiar pegar lo del curso no lo veo solucion). Muchas gracias.

jejej

no te asustes antes de empezar

mira, hoy ya no te puedo ayudar, pero mañana temprano
te hago algo para que te des una idea

saludos

no por favor, tu sin ninguna prisa, ahora estoy revisando otra vez en el curso el aprtado de css para ver si veo como he echo el vertical y lo intento comprender. Pero estoy muy agobiado, por que me tire muchisimas horas con mi cutre web y bueno ya me lo han dejado claro... es una kk la organizacion que tiene y ahora otra vez todo nuevo bufffff que agobio llevo todo el dia xdxdxdxd Me voy a dormirrrrrrrrrrr.
En serio muchas gracias.

ajjajaja

yo llevo varios meses

de 8 horas diaras

tratando de comprender esto ejjejeje

y si vieras como me divierte

tu no te preocupes, que en poco tiempor verás que sabes un monton

saludos y hasta mañana, que ya cumplí con mi horario

Luego tengo otro par de dudas existenciales:
Mi host es gratuitio, no queria coger de pago sin saber si iba a saber hacer la web y mirar por lo menos si me entraba alguien a visitarla. Entonces me ponen un banner arriba de propaganda. la pagina se desplaza hacia abajo lo que es el banner???
Y la otra es que el encabezado y el menu, asi como el pie de la pagina llevan marco con linea negra y lo que es el body no lleva, no se, me gustaria que llevara para que pareciera como si fuera todo una pieza.

Saludos Icelost.

Hecho bien en empezar con un hosting gratuito. Cuando veas que esto te gusta podrás pillar uno de pago (los hay por solo unos 40 dolares al año muy completos).

La propaganda que te ponen los hosting gratuitos, en el caso del banner de arriba si, desplaza tu página "real" hacia abajo, viendose ambas cosas, su banner y tu web entera. Es molesto, pero es gratis.

Si consigues hacer el curso paso a paso con Html kit, aprenderás eso que dices de ponerle el marco por todos los costados. Yo creo que en unas pocas horas puedes hacer lo que llevamos terminado de curso y con eso ya tienes para ir tirando. Poco a poco voy incorporando más lecciones, pero de todos modos, siempre tienes el foro para complementar lo que necesites.

Y no desesperes tanto, que las crisis son oportunidades de mejora! :wink:

jur pero es que me lio. Realmente no lo entiendo bien y no me aclaro que cosas he de intentar combinar en .css o en el .html
Pero si, tu curso es buenisimo y sigo probando cosillas . LLevo un tiempo muy enganchado con esto xdxdxd y de momento esperando estoy a que salga la leccion 4 xdxdxd
No es meterte prisa, es simplmente que me ha gustado que con 4 frases haya salido lo que de momento me ha salido... Curioso el html si señor xdxdxd

#navegacion {background-color: pink ; border: black 1px solid ; text-align: center; border-left: black 1px solid ; border-right: black 1px solid }}
#contenido  {background-color: #FFBBFF ; width: 800px ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}

MMM de momento he conseguido hacer que el body tenga margen negro, pero la barra de navegacion no, siendo que en las 2 lineas de intrucciones he puesto lo mismo

Hola

quieres ponerle borde negro a la barra de navegación???

arriba, abajo y a los lados??

hola yo de nuevo

tienes esto:

#navegacion {background-color: pink ; border: black 1px solid ; text-align: center; border-left: black 1px solid ; border-right: black 1px solid }}

pero hay cosas que sobran aqui, primero le dices que el color de fondo es rosa, luego que le ponga un borde de 1 pixel negro a todo el div, luego que te centre el texto, y mas adelante le dices que quieres un borde a la izquierda y otro a la derecha

ayer te dije que para que centraras el texto le pusieras "text-align:center"

pero eso no es necesario ya que al principio de las lineas,

body {text-align: center }

de la hoja de estilos le pusimos que todo lo que esté en la plantilla lo queremos centrado, a menos que cambiemos de opinion :oops:

y estoy segura que no te lo centra (el texto de navegacion) porque lo tienes con listas

pero para el borde en cuestion solo es necesario que lo pongas asi:


#navegacion {background-color: pink ; border: black 1px solid}

con esto te pondrá el borde en los 4 lados