Fecha y hora actual: Lunes 27 Ene 2020 04:10
Índice del Foro

Foros de programación informática, diseño gráfico y Web

En esta comunidad intentaremos dar soporte de programación a todos los niveles, desde principiantes a profesionales de la informática, desarrollo de programas, programación web y mucho más.

Ayuda trabajo

Responder al Tema Ir a página 12Siguiente

Índice del Foro > Optimización Web > Ayuda trabajo

Autor Mensaje
jmvsquare



Registrado: 04 Ene 2009
Mensajes: 9

Mensaje Publicado: Domingo 04 Ene 2009 13:53

Título del mensaje: Ayuda trabajo

Responder citando

Hola, tengo que hacer un trabajo sobre un tema libre y debe contener los elementos básicos de HTML (imágenes, tablas, enlaces), un formulario, y opcionalmente marcos. También ha de hacerse uso de reglas de estilo. Como elementos opcionales,puede incluir programación en JavaScript y películas en Flash.La asignatura con asistir a todas las clases se aprobaba, pero dado que estuve enfermo una parte del trimestre tengo que hacer este trabajo y no tengo mucha idea, esto es lo que tengo hecho.A ver si alguien me puede ayudar a mejorarlo o simplemente dejarme algun trabajo parecido.Muchas gracias.

Este es el link a mi trabajo:
megaupload.com/es/?d=H9Y31AJ8

Volver arriba
Ver perfil del usuario Enviar mensaje privado
Tesis
Administrador


Registrado: 04 Mar 2007
Mensajes: 3230
Ubicación: Valencia - España

Mensaje Publicado: Domingo 04 Ene 2009 15:20

Título del mensaje: Re: Ayuda trabajo

Responder citando

He movido el post a el foro de optimización Web, y me tomo la libertad de postear tu code:
Código:

<html>

<head>
<title>The Strokes</title>
<script language="javascript">
<!--

var saltos,intervalo;
saltos=60;
intervalo=120;
var rojo1,rojo2,verde1,verde2,azul1,azul2;
rojo1=255;
verde1=255;
azul1=255;
rojo2=0;
verde2=0;
azul2=0;
var incremento,actual;
incremento=2;
actual=0;

function iniciar(){
   parrafo.style.backgroundColor="rgb("+rojo1+","+verde1+","+azul1+")";
   setInterval("colorear()",intervalo);
}

function colorear(){
   var rojo,verde,azul;
   actual+=incremento;
   if(actual==0 || actual==saltos) incremento=-incremento;
   rojo=parseInt(rojo1+(rojo2-rojo1)*actual/saltos);
   verde=parseInt(verde1+(verde2-verde1)*actual/saltos);
   azul=parseInt(azul1+(azul2-azul1)*actual/saltos);
   parrafo.style.backgroundColor="rgb("+rojo+","+verde+","+azul+")";
}


-->
</script>
</head>

<body onLoad="iniciar()" text="#FFFFFF" bgcolor="#000000">
<p id=parrafo style="font-size:44pt;color:red" align="center">
<font face="Viner Hand ITC">The Strokes</font></p>
<p style="color: red" align="center"><b><font face="Viner Hand ITC">
<font size="4" color="#FFFFFF">The Strokes</font><font size="4"><font color="#FFFFFF">
es una banda de rock estadounidense, concretamente de </font>
<a title="Nueva York" href="http://es.wikipedia.org/wiki/Nueva_York">
<font color="#FFFFFF"><span style="text-decoration: none">Nueva York</span></font></a><font color="#FFFFFF">,
formada en 1998. Alcanzaron la fama a principios del año 2000 como un grupo
líder en la reactivación del </font>
<a title="Garage rock" href="http://es.wikipedia.org/wiki/Garage_rock">
<font color="#FFFFFF"><span style="text-decoration: none">garage rock</span></font></a><font color="#FFFFFF">.
Tras el lanzamiento de su aclamado álbum debut Is This It en 2001, muchos
críticos nombraron al grupo como los &quot;salvadores del rock&quot;. A partir de
entonces, la banda ha sumado y mantenido una gran cantidad de seguidores y ha
disfrutado de un gran éxito.</font></font></font></b></p>
<p style="color: red" align="center">&nbsp;</p>
<p style="color: #FF0000" align="center"><b>
<font face="Viner Hand ITC" size="6">HISTORIA</font></b></p>
<p style="color: #FF0000" align="center">&nbsp;</p>
<p style="color: #FF0000" align="center"><font face="Viner Hand ITC"><b>
<a title="Julian Casablancas" href="http://es.wikipedia.org/wiki/Julian_Casablancas">
<font color="#FFFFFF"><span style="text-decoration: none">Julián Casablancas</span></font></a><font color="#FFFFFF">,
vocalista del grupo y </font>
<a title="Nikolai Fraiture" href="http://es.wikipedia.org/wiki/Nikolai_Fraiture">
<font color="#FFFFFF"><span style="text-decoration: none">Nikolai Fraiture</span></font></a><font color="#FFFFFF">,
bajo, eran amigos desde la infancia. </font>
<a title="Nick Valensi" href="http://es.wikipedia.org/wiki/Nick_Valensi">
<font color="#FFFFFF"><span style="text-decoration: none">Nick Valensi</span></font></a><font color="#FFFFFF">,
guitarrista, y Fabrizio , el baterista, se conocieron cuando asistían clases. En
el Instituto Le Rosey, en </font>
<a title="Suiza" href="http://es.wikipedia.org/wiki/Suiza">
<font color="#FFFFFF"><span style="text-decoration: none">Suiza</span></font></a><font color="#FFFFFF">,
</font>
<a title="Julian Casablancas" href="http://es.wikipedia.org/wiki/Julian_Casablancas">
<font color="#FFFFFF"><span style="text-decoration: none">Julián Casablancas</span></font></a><font color="#FFFFFF">
(a quien su padre había enviado por sus problemas de conducta) y </font>
<a title="Albert Hammond Jr." class="mw-redirect" href="http://es.wikipedia.org/wiki/Albert_Hammond_Jr.">
<font color="#FFFFFF"><span style="text-decoration: none">Albert Hammond Jr.</span></font></a><font color="#FFFFFF">,
uno de los guitarristas, se conocieron ya que los dos eran estadounidenses y por
lo tanto concordaban en su idioma, aunque no eran tan amigos, más bien conocidos</font></b></font></p>
<p style="color: #FF0000" align="center"><b><font face="Viner Hand ITC">
<font color="#FFFFFF">Años después, Casablancas se encontraría en las calles de
New York con Hammond Jr., el guitarrista principal, lo que sería el comienzo de
esta banda. Casualmente los dos vivían en apartamentos en la misma calle, uno
enfrente del otro, ya que Hammond se había trasladado a </font>
<a title="Nueva York" href="http://es.wikipedia.org/wiki/Nueva_York">
<span style="text-decoration: none"><font color="#FFFFFF">Nueva York</font></span></a><font color="#FFFFFF">
para acudir a la Escuela Tisch de Artes de la Universidad de Nueva York. Albert
y Julián empezaron a compartir apartamento y en </font>
<a title="1999" href="http://es.wikipedia.org/wiki/1999">
<span style="text-decoration: none"><font color="#FFFFFF">1999</font></span></a><font color="#FFFFFF">
se convirtieron en una banda oficialmente. Su popularidad creció rápidamente,
especialmente en la </font>
<a title="Lower East Side" href="http://es.wikipedia.org/wiki/Lower_East_Side">
<span style="text-decoration: none"><font color="#FFFFFF">Lower East Side</font></span></a><font color="#FFFFFF">
de </font><a title="Nueva York" href="http://es.wikipedia.org/wiki/Nueva_York">
<span style="text-decoration: none"><font color="#FFFFFF">Nueva York</font></span></a><font color="#FFFFFF">.
Empezaron a tocar en la popular </font>
<a class="new" title="Sala Lounge (aún no redactado)" href="http://es.wikipedia.org/w/index.php?title=Sala_Lounge&action=edit&redlink=1">
<span style="text-decoration: none"><font color="#FFFFFF">Sala Lounge</font></span></a><font color="#FFFFFF">
de </font><a title="Manhattan" href="http://es.wikipedia.org/wiki/Manhattan">
<span style="text-decoration: none"><font color="#FFFFFF">Manhattan</font></span></a><font color="#FFFFFF">,
donde </font>
<a class="new" title="Ryan Gentles (aún no redactado)" href="http://es.wikipedia.org/w/index.php?title=Ryan_Gentles&action=edit&redlink=1">
<span style="text-decoration: none"><font color="#FFFFFF">Ryan Gentles</font></span></a><font color="#FFFFFF">
era el encargado de los compromisos. Gentles estaba tan impresionado con la
banda que dejó su trabajo para convertirse en su manager.</font></font></b></p>
<p style="color: #FF0000" align="center">&nbsp;</p>
<p style="color: #FF0000" align="center"><b>
<font face="Viner Hand ITC" size="5">DISCOGRAFÍA</font></b></p>
<p style="color: #FF0000" align="center">&nbsp;</p>
<p align="center"><b><font face="Viner Hand ITC">Is This It publicado en el
2001, con temas tan conocidos como Last Nite o Someday. Es uno de los discos más
aclamados por la crítica de los últimos tiempos.</font></b></p>
<p align="center"><b><font face="Viner Hand ITC">Room on Fire publicado en el
2003, segundo disco de la banda y record de ventas en todo el mundo, sobre todo
en Europa y Estados Unidos. Los principales temas del disco son:&nbsp; Reptilia,
12-51 y The End Has no End.</font></b></p>
<p align="center"><b><font face="Viner Hand ITC">First Impressions of Earth
publicado en 2006, tercer y de momento último disco de la banda, cuyos
principales temas son Juicebox, Heart in a Cage y You only live Once.</font></b></p>
<p style="color: #000000" align="center">&nbsp;</p>
<table border="1" width="100%" bgcolor="#66CCFF">
   <tr>
      <td bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000" width="203" bgcolor="#66CCFF">
      <font face="Viner Hand ITC" color="#FFFFFF"><b>Título</b></font></td>
      <td align="center" bordercolor="#000000" bgcolor="#FFCC00"><b>
      <font face="Viner Hand ITC">Is This It</font></b></td>
      <td align="center" bordercolor="#000000" bgcolor="#FF6600">
      <font face="Viner Hand ITC" color="#FFFFFF"><b>Room on Fire</b></font></td>
      <td align="center" bordercolor="#000000" bgcolor="#66FF66">
      <font face="Viner Hand ITC"><b>First Impressions of Earth</b></font></td>
   </tr>
   <tr>
      <td width="203" bordercolor="#000000">
      <font face="Viner Hand ITC" color="#FFFFFF"><b>Año de publicación</b></font></td>
      <td align="center" bordercolor="#000000" bgcolor="#FFCC00">
      <font face="Viner Hand ITC"><b>2001</b></font></td>
      <td align="center" bordercolor="#000000" bgcolor="#FF6600">
      <font face="Viner Hand ITC" color="#FFFFFF"><b>2003</b></font></td>
      <td align="center" bordercolor="#000000" bgcolor="#66FF66">
      <font face="Viner Hand ITC"><b>2006</b></font></td>
   </tr>
   <tr>
      <td width="203" bordercolor="#000000" bgcolor="#66CCFF">
      <font face="Viner Hand ITC" color="#FFFFFF"><b>Premios</b></font></td>
      <td align="center" bordercolor="#000000" bgcolor="#FFCC00">
      <font face="Viner Hand ITC"><b>Mejor banda Inglesa</b></font></td>
      <td align="center" bordercolor="#000000" bgcolor="#FF6600">
      <font face="Viner Hand ITC" color="#FFFFFF"><b>Mejor banda de rock</b></font></td>
      <td align="center" bordercolor="#000000" bgcolor="#66FF66">
      <font face="Viner Hand ITC"><b>Mejor banda internacional</b></font></td>
   </tr>
</table>
<h1 class="firstHeading">&nbsp;</h1>
<p class="firstHeading" align="center"><b>
<font face="Viner Hand ITC" color="#000000" size="4">
<a href="http://es.wikipedia.org/wiki/Is_This_It"><font color="#FF0000">Is this
It</font></a></font></b></p>
<p class="firstHeading" align="center">
<img border="0" src="Is-this-it-cover.jpg" width="311" height="309"></p>
<p class="firstHeading" align="center">&nbsp;</p>
<form method="POST" action="--WEBBOT-SELF--">
   <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
   <p class="firstHeading" align="center">
   <input type="checkbox" name="C3" value="ON"><input type="submit" value="Votar como preferido" name="B5"></p>
</form>
<p class="firstHeading" align="center">&nbsp;</p>
<p class="firstHeading" align="center">&nbsp;</p>
<p class="firstHeading" align="center"><b><font face="Viner Hand ITC" size="4">
<a href="http://es.wikipedia.org/wiki/Room_On_Fire"><font color="#FF0000">Room
on Fire</font></a></font></b></p>
<p class="firstHeading" align="center">
<img border="0" src="2027109-1729771724.jpg" width="300" height="300"></p>
<p class="firstHeading" align="center">&nbsp;</p>
<form method="POST" action="--WEBBOT-SELF--">
   <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
   <p class="firstHeading" align="center">
   <input type="checkbox" name="C2" value="ON"><input type="button" value="Votar como preferido" name="B3"></p>
</form>
<p class="firstHeading" align="center">&nbsp;</p>
<p class="firstHeading" align="center">&nbsp;</p>
<p class="firstHeading" align="center"><b><font face="Viner Hand ITC" size="4">
<a href="http://es.wikipedia.org/wiki/First_Impressions_of_Earth">
<font color="#FF0000">First Impressions of Earth</font></a></font></b></p>
<p class="firstHeading" align="center">
<img border="0" src="blogthestrokesfirstimpressionsofearth.jpg" width="300" height="300"></p>
<p style="color: #000000" align="center">&nbsp;</p>
<form method="POST" action="--WEBBOT-SELF--">
   <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
   <p style="color: #000000" align="center">
   <input type="checkbox" name="C1" value="ON"><input type="button" value="Votar como preferido" name="B1"></p>
</form>
<p style="color: red" align="left">&nbsp;</p>
<p style="color: red" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
<p style="color: red" align="left">&nbsp;</p>
<p style="color: red" align="left">
<object width="425" height="344" align="left"><param name="movie" value="http://www.youtube.com/v/cbRe5mxR0q0&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/cbRe5mxR0q0&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p style="color: red" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
<p style="color: red" align="left">&nbsp;</p>
<p style="color: red" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font face="Viner Hand ITC" size="4">&lt;------- </font><b>
<font face="Viner Hand ITC" size="4">Heart in a Cage</font></b></p>

<p align="center">&nbsp;</p>
<p>&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center"><object width="425" height="344" align="right"><param name="movie" value="http://www.youtube.com/v/WnuHIDtVmkw&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WnuHIDtVmkw&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</p>
<p align="left">&nbsp;</p>
<p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<b><font size="4" face="Viner Hand ITC" color="#FF0000">Reptilia&nbsp;&nbsp;
----&gt;</font></b></p>
</body>

</html>


Saludos.


Normas del foro
Aprende a postear correctamente usando las etiquetas
Volver arriba
Ver perfil del usuario Enviar mensaje privado
Capilla
Colaborador


Registrado: 07 Mar 2007
Mensajes: 619
Ubicación: Valencia - España

Mensaje Publicado: Domingo 04 Ene 2009 19:30

Título del mensaje: Re: Ayuda trabajo

Responder citando

No esta mal.
¿Tienes que meterlo todo en una misma pagina o puede tener un menú y vas cambiando?
Se supone que el trabajo no tiene que parecer profesional ¿no?
¿Puedes ayudarte con algún programa o tiene que ser desde el bloc de notas?


Es importante adquirir el conocimiento de diferentes lugares, si lo haces desde uno solo, se vuelve rígido y tedioso, si entiendes al resto, te ayudarán a ser más completo.
Volver arriba
Ver perfil del usuario Enviar mensaje privado Yahoo Messenger MSN Messenger
jmvsquare



Registrado: 04 Ene 2009
Mensajes: 9

Mensaje Publicado: Domingo 04 Ene 2009 19:51

Título del mensaje: Re: Ayuda trabajo

Responder citando

A la primera pregunta es igual como se haga, me ayudo con un programa,el microsoft frontpage.El trabajo es mas o menos de nivel intermedio.

Volver arriba
Ver perfil del usuario Enviar mensaje privado
jmvsquare



Registrado: 04 Ene 2009
Mensajes: 9

Mensaje Publicado: Lunes 05 Ene 2009 17:19

Título del mensaje: Re: Ayuda trabajo

Responder citando

A ver si alguno me puede ayudar por favor.

Volver arriba
Ver perfil del usuario Enviar mensaje privado
Tesis
Administrador


Registrado: 04 Mar 2007
Mensajes: 3230
Ubicación: Valencia - España

Mensaje Publicado: Miércoles 07 Ene 2009 16:38

Título del mensaje: Re: Ayuda trabajo

Responder citando

Te dejo algunas modificaciones:

Código:
/***************************** Da formato al titulo *************************/
   function iniciar(){
      parrafo.style.backgroundColor="rgb("+rojo1+","+verde1+","+azul1+")";      
      parrafo.style.color = "#F00";
      parrafo.style.fontSize = "34px";
      parrafo.style.fontWeight = "bold";
     parrafo.style.textAlign = "center";
      setInterval("colorear()",intervalo);
   }



Código:
<!-- Reglas de estilo-->
<style>
body {
      color:#fff;
      background-color:#000;
}
.cabecera {
   text-align:center;
   color:#F00;
   font-size:26px;
   font:Arial, Helvetica, sans-serif;
   font-weight:bold;
   margin:20px 0 20px 0;
}
p.texto {
   text-align: justify;
   color:#CCC;
   font:Arial, Helvetica, sans-serif;
   font-size:14px;
   margin:15px 0 15px 0;
}
p.texto a {
   text-decoration:underline;
   color:#FF8080;
}
p.texto a:hover {
   color:#F00;
}

</style>
<!-- Fin de reglas de estilo-->



Código:
<body onLoad="iniciar()">
<p id="parrafo">Trabajo de muestra</p>

<p class="cabecera">The Strokes</p>
<p class="texto"><strong>The Strokes</strong> es una banda de rock estadounidense, concretamente de <a title="Nueva York" href="http://es.wikipedia.org/wiki/Nueva_York">Nueva York</a>, formada en 1998. Alcanzaron la fama a principios del año 2000 como un grupo líder en la reactivación del <a title="Garage rock" href="http://es.wikipedia.org/wiki/Garage_rock">Ggarage Rock</a>. Tras el lanzamiento de su aclamado álbum debut Is This It en 2001, muchos críticos nombraron al grupo como los &quot;salvadores del rock&quot;. A partir de
entonces, la banda ha sumado y mantenido una gran cantidad de seguidores y ha disfrutado de un gran éxito.</p>

<p class="cabecera">HISTORIA</p>


Haz lo mismo con el resto de documento para tener un estilo compacto.
NO pongas propiedades a las etiquetas, usa los estilos CSS, yo he usado la etiqueta <style> para no vincular un CSS externo.

También puedes agregar algún mensaje de aviso al pulsar un botón:

Código:
<input type="submit" value="Votar como preferido" name="B5" onClick="alert('Su voto ha sido enviado con éxito.')">



Repasa todo el code y déjalo como el párrafo que te he puesto arriba, no pongas clases que no esisten (que malo es el copy/paste) Reir
Si lo modificas hoy le hecho otro vistazo, ok.

Saludos.


Normas del foro
Aprende a postear correctamente usando las etiquetas
Volver arriba
Ver perfil del usuario Enviar mensaje privado
jmvsquare



Registrado: 04 Ene 2009
Mensajes: 9

Mensaje Publicado: Miércoles 07 Ene 2009 23:21

Título del mensaje: Re: Ayuda trabajo

Responder citando

Perdona pero es que no se aplicarlo directamente asi, como yo utilizo el frontpage me sale directamente donde quiero pero con el codigo que me has dado no se donde colocarlo.Perdon por las molestias y gracias.

Volver arriba
Ver perfil del usuario Enviar mensaje privado
Tesis
Administrador


Registrado: 04 Mar 2007
Mensajes: 3230
Ubicación: Valencia - España

Mensaje Publicado: Jueves 08 Ene 2009 00:31

Título del mensaje: Re: Ayuda trabajo

Responder citando

Yo uso DreamWeaver pero cualquier otro editor te puede valer.

frontpage, no es el más apropiado para hacerlo.

Si no tienes tiempo para instalarte programas usa el Blok de notas y lo haces manualmente.


Saludos.


Normas del foro
Aprende a postear correctamente usando las etiquetas
Volver arriba
Ver perfil del usuario Enviar mensaje privado
jmvsquare



Registrado: 04 Ene 2009
Mensajes: 9

Mensaje Publicado: Jueves 08 Ene 2009 01:09

Título del mensaje: Re: Ayuda trabajo

Responder citando

Muchisimas gracias.

Volver arriba
Ver perfil del usuario Enviar mensaje privado
Tesis
Administrador


Registrado: 04 Mar 2007
Mensajes: 3230
Ubicación: Valencia - España

Mensaje Publicado: Jueves 08 Ene 2009 11:43

Título del mensaje: Re: Ayuda trabajo

Responder citando

Lo que me has mandado por MP, está igual que el original Triste

Te dejo algunas modificaciones pero el resto lo tienes que hacer tu, ok.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Strokes</title>
<script language="javascript">
<!--

   var saltos,intervalo;
   saltos=60;
   intervalo=120;
   var rojo1,rojo2,verde1,verde2,azul1,azul2;
   rojo1=255;
   verde1=255;
   azul1=255;
   rojo2=0;
   verde2=0;
   azul2=0;
   var incremento,actual;
   incremento=2;
   actual=0;
   
   /***************************** Da formato al titulo *************************/
   function iniciar(){
      parrafo.style.backgroundColor="rgb("+rojo1+","+verde1+","+azul1+")";      
      parrafo.style.color = "#F00";
      parrafo.style.fontSize = "34px";
      parrafo.style.fontWeight = "bold";
     parrafo.style.textAlign = "center";
      setInterval("colorear()",intervalo);
   }
   
   function colorear(){
      var rojo,verde,azul;
      actual+=incremento;
      if(actual==0 || actual==saltos) incremento=-incremento;
      rojo=parseInt(rojo1+(rojo2-rojo1)*actual/saltos);
      verde=parseInt(verde1+(verde2-verde1)*actual/saltos);
      azul=parseInt(azul1+(azul2-azul1)*actual/saltos);
      parrafo.style.backgroundColor="rgb("+rojo+","+verde+","+azul+")";
   }

-->
</script>

<!-- Reglas de estilo-->
<style>
body {
      color:#fff;
      background-color:#000;
      margin:20px 20px 20px 20px;
}
.cabecera {
   text-align:center;
   color:#F00;
   font-size:26px;
   font:Arial, Helvetica, sans-serif;
   font-weight:bold;
   margin:50px 0 20px 0;
}
p.texto {
   text-align: justify;
   color:#CCC;
   font:Arial, Helvetica, sans-serif;
   font-size:14px;
/*   margin:15px 0 15px 0;*/
}
p.texto a {
   text-decoration:underline;
   color:#FF8080;
}
p.texto a:hover {
   color:#F00;
/*   font-weight:bold;*/
}
.tabla {
   border:1px;
   background-color: #66CCFF;
   width:100%;
}
td {
   border:1px solid #000;
   width:203px;
}
td.td1 {
   background-color:#66CCFF;
}
td.td2 {
   background-color:#FFCC00;
}
td.td3 {
   background-color:#FF6600;
}
td.td4 {
   background-color:#66FF66;
}
img {
   border: 0;
   width:300px;
   height:300px;
   margin:20px 20px 20px 20px;
}
.der {
   float:right;
   width:425px;
   height:344px;
}
.izq {
   float:left;
   width:425px;
   height:344px;
}

</style>
<!-- Fin de reglas de estilo-->
</head>

<body onLoad="iniciar()">

<p id="parrafo">The Strokes</p>
<p class="texto"><strong>The Strokes</strong> es una banda de rock estadounidense, concretamente de <a title="Nueva York" href="http://es.wikipedia.org/wiki/Nueva_York">Nueva York</a>, formada en 1998. Alcanzaron la fama a principios del año 2000 como un grupo líder en la reactivación del <a title="Garage rock" href="http://es.wikipedia.org/wiki/Garage_rock">Ggarage Rock</a>. Tras el lanzamiento de su aclamado álbum debut Is This It en 2001, muchos críticos nombraron al grupo como los &quot;salvadores del rock&quot;. A partir de
entonces, la banda ha sumado y mantenido una gran cantidad de seguidores y ha disfrutado de un gran éxito.</p>

<p class="cabecera">HISTORIA</p>
<p class="texto"><a title="Julian Casablancas" href="http://es.wikipedia.org/wiki/Julian_Casablancas">Julián Casablancas</a>, vocalista del grupo y <a title="Nikolai Fraiture" href="http://es.wikipedia.org/wiki/Nikolai_Fraiture"> Nikolai Fraiture</a>,
bajo, eran amigos desde la infancia. <a title="Nick Valensi" href="http://es.wikipedia.org/wiki/Nick_Valensi">
Nick Valensi</a>, guitarrista, y Fabrizio , el baterista, se conocieron cuando asistían clases. En el Instituto Le Rosey, en <a title="Suiza" href="http://es.wikipedia.org/wiki/Suiza">Suiza</a>, <a title="Julian Casablancas" href="http://es.wikipedia.org/wiki/Julian_Casablancas">Julián Casablancas</a> (a quien su padre había enviado por sus problemas de conducta) y <a title="Albert Hammond Jr." class="mw-redirect" href="http://es.wikipedia.org/wiki/Albert_Hammond_Jr.">
Albert Hammond Jr.</a>, uno de los guitarristas, se conocieron ya que los dos eran estadounidenses y por lo tanto concordaban en su idioma, aunque no eran tan amigos, más bien conocidos</p>

<p class="texto">Años después, Casablancas se encontraría en las calles de New York con Hammond Jr., el guitarrista principal, lo que sería el comienzo de esta banda. Casualmente los dos vivían en apartamentos en la misma calle, uno enfrente del otro, ya que Hammond se había trasladado a <a title="Nueva York" href="http://es.wikipedia.org/wiki/Nueva_York">Nueva York</a> para acudir a la Escuela Tisch de Artes de la Universidad de Nueva York. Albert y Julián empezaron a compartir apartamento y en <a title="1999" href="http://es.wikipedia.org/wiki/1999">1999</a> se convirtieron en una banda oficialmente. Su popularidad creció rápidamente, especialmente en la <a title="Lower East Side" href="http://es.wikipedia.org/wiki/Lower_East_Side">Lower East Side</a> de <a title="Nueva York" href="http://es.wikipedia.org/wiki/Nueva_York">Nueva York</a>. Empezaron a tocar en la popular <a class="new" title="Sala Lounge (aún no redactado)" href="http://es.wikipedia.org/w/index.php?title=Sala_Lounge&action=edit&redlink=1">Sala Lounge</a>
de <a title="Manhattan" href="http://es.wikipedia.org/wiki/Manhattan">Manhattan</a>, donde <a class="new" title="Ryan Gentles (aún no redactado)" href="http://es.wikipedia.org/w/index.php?title=Ryan_Gentles&action=edit&redlink=1">Ryan Gentles</a> era el encargado de los compromisos. Gentles estaba tan impresionado con la banda que dejó su trabajo para convertirse en su manager.</p>


<p class="cabecera">DISCOGRAFÍA</p>

<p class="texto">Is This It publicado en el 2001, con temas tan conocidos como Last Nite o Someday. Es uno de los discos más aclamados por la crítica de los últimos tiempos.<br />
Room on Fire publicado en el 2003, segundo disco de la banda y record de ventas en todo el mundo, sobre todo en Europa y Estados Unidos. Los principales temas del disco son:&nbsp; Reptilia, 12-51 y The End Has no End.<br />
First Impressions of Earth publicado en 2006, tercer y de momento último disco de la banda, cuyos principales temas son Juicebox, Heart in a Cage y You only live Once.</p>

<table class="tabla">
   <tr>
      <td class="td1">Título</td>
      <td class="td2">Is This It</td>
      <td class="td3">Room on Fire</td>
      <td class="td4">First Impressions of Earth</td>
   </tr>
   <tr>
      <td class="td1">Año de publicación</td>
      <td class="td2">2001</td>
      <td class="td3">2003</td>
      <td class="td4">2006</td>
   </tr>
   <tr>
      <td class="td1">Premios</td>
      <td class="td2">Mejor banda Inglesa</td>
      <td class="td3">Mejor banda de rock</td>
      <td class="td4">Mejor banda internacional</td>
   </tr>
</table>


<p class="texto"><strong><a href="http://es.wikipedia.org/wiki/Is_This_It">Is this It</a></strong><br />
<img src="Is-this-it-cover.jpg" />
   <form method="POST" action="#">
      <input type="checkbox" name="C3" value="ON">
      <input type="submit" value="Votar como preferido" name="B5" onClick="alert('Su voto ha sido enviado con éxito.')">
   </form>
</p>


<p class="texto"><strong><a href="http://es.wikipedia.org/wiki/Room_On_Fire">Room on Fire</a></strong><br />
<img src="2027109-1729771724.jpg" />
   <form method="POST" action="#">
      <input type="checkbox" name="C2" value="ON"><input type="button" value="Votar como preferido" name="B3">
   </form>
</p>

<p class="texto"><strong><a href="http://es.wikipedia.org/wiki/First_Impressions_of_Earth">First Impressions of Earth</a></strong><br /><img  src="blogthestrokesfirstimpressionsofearth.jpg" />
   <form method="POST" action="#">
      <input type="checkbox" name="C1" value="ON"><input type="button" value="Votar como preferido" name="B1">
   </form>
</p>

<div>
<object class="izq"><param name="movie" value="http://www.youtube.com/v/cbRe5mxR0q0&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/cbRe5mxR0q0&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

<object class="der"><param name="movie" value="http://www.youtube.com/v/WnuHIDtVmkw&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WnuHIDtVmkw&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
</div>

</body>
</html>


Ya nos cuentas.


Normas del foro
Aprende a postear correctamente usando las etiquetas
Volver arriba
Ver perfil del usuario Enviar mensaje privado
jmvsquare



Registrado: 04 Ene 2009
Mensajes: 9

Mensaje Publicado: Jueves 08 Ene 2009 13:30

Título del mensaje: Re: Ayuda trabajo

Responder citando

Solo una ultima duda, cuando abro el trabjo con internet explorer va perfecto, pero cuando lo abro con mozilla el titulo no cambia de color y se queda en el margen izquierdo,y cuando le doy a votar como preferido en mozilla va correcto y en el explorer me dice que la pagina web ha caducado.¿esto a que es debido?.Muchas gracias por todo y ya os dire que me ponen jejeje.



Ultima edición por jmvsquare el Jueves 08 Ene 2009 14:00; editado 1 vez
Volver arriba
Ver perfil del usuario Enviar mensaje privado
jmvsquare



Registrado: 04 Ene 2009
Mensajes: 9

Mensaje Publicado: Jueves 08 Ene 2009 13:59

Título del mensaje: Re: Ayuda trabajo

Responder citando

jmvsquare escribió:
Solo una ultima duda, cuando abro el trabjo con internet explorer va perfecto, pero cuando lo abro con mozilla el titulo no cambia de color y se queda en el margen izquierdo,y cuando le doy a votar como preferido en mozilla va correcto y en el explorer me dice que la pagina web ha caducado.¿esto a que es debido?.Muchas gracias por todo y ya os dire que me ponen jejeje.

Volver arriba
Ver perfil del usuario Enviar mensaje privado
Tesis
Administrador


Registrado: 04 Mar 2007
Mensajes: 3230
Ubicación: Valencia - España

Mensaje Publicado: Jueves 08 Ene 2009 16:24

Título del mensaje: Re: Ayuda trabajo

Responder citando

Para los votos quita las etiquetas form quedando solo esto:

Código:
<input type="checkbox" name="C3" value="ON">
<input type="button" value="Votar como preferido" name="B5" onClick="alert('Su voto ha sido enviado con éxito.')">



Eso sucede por que firefox no reconoce parrafo, ahora me marcho a comer.


Normas del foro
Aprende a postear correctamente usando las etiquetas
Volver arriba
Ver perfil del usuario Enviar mensaje privado
jmvsquare



Registrado: 04 Ene 2009
Mensajes: 9

Mensaje Publicado: Jueves 08 Ene 2009 16:37

Título del mensaje: Re: Ayuda trabajo

Responder citando

¿Entonces no crees que me lo ponga como malo lo del parrafo no? Bueno ya no os molesto mas y muchisimas gracias por todo.

Volver arriba
Ver perfil del usuario Enviar mensaje privado
Capilla
Colaborador


Registrado: 07 Mar 2007
Mensajes: 619
Ubicación: Valencia - España

Mensaje Publicado: Jueves 08 Ene 2009 22:22

Título del mensaje: Re: Ayuda trabajo

Responder citando

A ver que te va pareciendo esto...
Archivo estilos.css
Código:

body {
   font-family: "Viner Hand ITC";
   color: #FFF;
   text-decoration: none;
   background-color: #000;
   font-size: 16px;
   font-weight: bold;
}
h1 {
   font-size: 64px;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #F00;
   text-decoration: none;
   text-align: center;
   margin: 5px;
   padding: 0px;
}
a {
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}


Archivo index.html
Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Strokes</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>

<body><h1>The Strokes</h1>
<p align="center"><a href="#">Inicio</a> | <a href="#">Historia</a> | <a href="#">Discograf&iacute;a</a> | <a href="#">V&iacute;deos</a></p>
<p align="center">The Strokes es una banda de rock estadounidense, concretamente de <a title="Nueva York" href="http://es.wikipedia.org/wiki/Nueva_York">Nueva York</a>, formada en 1998. Alcanzaron la fama a principios del año 2000 como un grupo líder en la reactivación del <a title="Garage rock" href="http://es.wikipedia.org/wiki/Garage_rock">garage rock</a>. Tras el lanzamiento de su aclamado álbum debut Is This It en 2001, muchos
críticos nombraron al grupo como los &quot;salvadores del rock&quot;. A partir de
entonces, la banda ha sumado y mantenido una gran cantidad de seguidores y ha
disfrutado de un gran éxito.</p>
</body>
</html>



Si te gusta y sabes terminarlo lo terminas y si no sabes terminarlo me lo dices y hablamos.
Tampoco es nada del otro mundo, pero asi tal vez no tengas problemas de exploradores.


Es importante adquirir el conocimiento de diferentes lugares, si lo haces desde uno solo, se vuelve rígido y tedioso, si entiendes al resto, te ayudarán a ser más completo.
Volver arriba
Ver perfil del usuario Enviar mensaje privado Yahoo Messenger MSN Messenger
Responder al Tema Ir a página 12Siguiente
Mostrar mensajes anteriores:   
Ir a:  
Todas las horas están en GMT + 2 Horas

Temas relacionados

Tema Autor Foros Respuestas Publicado
El foro no contiene ningún mensaje nuevo

Clave del registro para PowerShell [AYUDA]

.:Xx4NG3LxX:. S.O. Windows 0 Martes 24 Dic 2019 20:14 Ver último mensaje
El foro no contiene ningún mensaje nuevo

Ayuda para hacer formula en

luiscoro40 Visual Basic y VBA 0 Jueves 14 Nov 2019 15:46 Ver último mensaje
El foro no contiene ningún mensaje nuevo

Ayuda, necesito guardar la funcion inversa en u...

carloscacr Programación en general 0 Viernes 04 Oct 2019 05:21 Ver último mensaje
El foro no contiene ningún mensaje nuevo

Necesito Ayuda Con Este codigo sobre 2 Versione...

Adrian Roth C, C#, Visual C++ 0 Viernes 27 Sep 2019 04:05 Ver último mensaje
Panel de Control
No puede crear mensajes, No puede responder temas, No puede editar sus mensajes, No puede borrar sus mensajes, No puede votar en encuestas,