Autor Tema: Mis Primeras Practicas ^^ (Leído 1054 veces)

Jose · « **en:** 27 de Enero de 2010, 23:34:51 pm »

Bueno. Gracias por darme el curso . (sonya me dijo que lo tenia

)
en fin. estube leyendo Los Tutoriales. Intento comenzar desde el inicio.
Empezare desde el dichoso "Mi Primera Pagina web".
Dejare los Codigos y me corrigen si?

Código: [Seleccionar]

<html>
    <head>
        <title>
            Mi Primera Pagina Web
        </title>
    </head>
    <body>
<tt>Texto en formato Teletipo</tt><br />
En esta linea esta palabra es mas <big>GRANDE</big> y en esta otra es mas <small>pequeña.</small><br />
Aqui aparece esta palabra en <b>NEGRITA</b>, otra en <i>Italica</i>, otra <u>Subrayada</u> y por ultimo<b><i> varias palabras en negrita e italica</i></b><br>
Para Terminar algunas formulas:<br>
E = mc<sup>2</sup><br>
<sup>a</sup>k + 1 = <sup>a</sup>k <big>+ 1</big>

    </body>
</html>

Ok Asta ahora eso es todo. espero mi rebicion.

Pd: El ejemplo lo saque de <a href="http://www.design-sensation.almaweb.es/Aprendiendo/Html/ejTexto.html>AQUI.[/url]

Nota: Estemm.. utilizo ese programita llamado Dreamweaver. esta bn??

Alma · « **Respuesta #1 en:** 27 de Enero de 2010, 23:53:42 pm »

Hola Jose, a ver, el html, vamos a practicarlo sin el Dreamweaver si? esto es solo con un block de notas, así deberás escribir tu código, palabra por palabra, empieza por el primer tema, y realiza la práctica tal y como se te indica, no debes fijarte en ejemplos más avanzados, y por supuesto olvidate del dream, hasta que termines el html

¡Adelante!

Jose · « **Respuesta #2 en:** 28 de Enero de 2010, 00:13:17 am »

ok. me olvidare de el dream. pero para serte sincero. los codigos esos los escribi yo mismo.
empiezo con el otro entonces .
dame unos minutos

Jose · « **Respuesta #3 en:** 28 de Enero de 2010, 01:26:05 am »

Listo . mi segunda practica echa en block de notas.
me fue algo dificultoso ya que no tenia idea de como aserlo que aparesca en el mozilla
pero lo solucione y corrio normal.
esta practica es sobre <a href="http://www.design-sensation.almaweb.es/dream/Hiperenlacesmimspagina.html#abajo>ENLACES[/url]
aqui mis codigos.

Código: [Seleccionar]

<html>
    <head>
        <title>
            HiperEnlaces
        </title>
    </head>
<body>
Hola esto es una prueba de Hiper enlaces <br>
en una misma pagina <br>
para ello as <a href="#abajo">Click Aqui</a><br>
y te enviara abajo de toda la pagina.
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br> 
<br>
<a name="abajo">Ahora estas aqui abajo</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</body>
</html>

al rato paso las demas

Jose · « **Respuesta #4 en:** 28 de Enero de 2010, 02:12:57 am »

Ok . este es sobre lo mismo pero usando Mailto
para que sean puros codigos busqe en google Codigos de colores
de esa forma tampoco me complico.. esque no soi bueno con el ingles jaja.
son 2 archivos html.

Código: [Seleccionar]

<html>
    <head>
        <title>
            Guia Telefonica
        </title>
    </head>
    <body bgcolor="#FFFF00">
<br>
<br>
<br>
<br>
<br>
<font color="#0000FF" size="3" face="Comic Sans MS">
Guia Telefonica de Alma
<br>
<br>
<a href="guia.html">Haz Click aqui, para poder entrar</a></font>

    
    </body>
</html>

este es el otro

Código: [Seleccionar]

<html>
    <head>
        <title>
            Guia de Telefonica
        </title>
    </head>
    <body bgcolor="#FFFF00">
    <br>
    <br>
    <br>
<h1><font color="#0000FF" face="Comic Sans MS"><a name="inicio">GUIA DE TELEFONOS DE ALMA</a></font></h1>
<font color="#0000FF" face="Comic Sans MS">Mis Contactos:
<br>
<br>
<a href="#sonia">-Sonia</a>
<br>
<br>
<a href="#lola">-Lola</a>
<br>
<br>
<a href="#naty">-Naty</a>
<br>
<br>
(para ver los detalles de mis contactos dale click en los nombres)</font>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font color="#0000FF" face="Comic Sans MS"><a name="sonia">Detalles del contacto de Sonia</a><br><br>
<a href="mailto:sonia123@hotmail.com">E-mail</a><br><br>
<a href="#inicio">Volver al Inicio</a>
</font>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font color="#0000FF" face="Comic Sans MS"><a name="lola">Detalles de contaco de Lola</a><br><br>
<a href="mailto:lola123@hotmail.com">-E-mail</a><br><br>
<a href="#inicio">Volver al Inicio</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font color="#0000FF" face="Comic Sans MS"><a name="naty">Detalles de conctacto de Naty</a><br><br>
<a href="mailto:naty123@hotmail.com">-E-mail</a><br><br>
<a href="#inicio">Volver al inicio</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>


    </body>
</html>

acepto cualquier tipo de criticas.
Pd: me fije en "Codigo de Fuentes" y vi que esta echa de otra forma. pero la mia esta bn (supongo)

Jose · « **Respuesta #5 en:** 28 de Enero de 2010, 02:27:40 am »

Preguntas.
1- Como ago para que salgan los resultados de mis codigos. osea poner un enlace con un nombre cualquiera y que salgan los resultados de mis codigos.
Ejemplo: Click aqui y sale Google
***en realidad en ves de qe salga "google" quiero que salgan los resultados de mis codigos
2-En la practica de Imagenes. ¿Tengo que ponerle las mismas imagenes que salen en el ejemplo?
Ejemplo de Imagenes.
Respondeme porfavor

Alma · « **Respuesta #6 en:** 28 de Enero de 2010, 21:30:52 pm »

Hola Jose, luego en un ratito paso a corregirte, mira para que pueda ver tus prácticas de la misma forma que haces con el enlace de google, tienes que subirlas a un servidor, pero esto no es necesario en las practicas de html, ya con dream si que tendremos que hacer uso de un servidor.
Puedes usar las imágenes que quieras.
Jose, si haces el código a mano, ¿porqué dejas espacios? y porqué usas código (h1) que aún no hemos explicado? Me gustaría que te ciñeras a los tutos.
Un beso, luego paso a corregirte...

Jose · « **Respuesta #7 en:** 28 de Enero de 2010, 22:15:50 pm »

eh alma no piense qe le miento.
a mi ya me enseñaron algo basico sobre html.
(bueno. eh leido tbn.)
dejo espacios. porque de esa forma puedo diferenciar mis codigos.
en pocas palabras. las coloco ordenadamente. para que cuando escriba algun codigo mal.
yo pueda saber mas o menos (no exactamente) por donde estan mis codigos erroneos.
le soi sincero porque tengo ganas de aprender. y empiezo desde el basico. para que asi cuando yo este mas adelante no me paresca raro algunos codigos como el "<tt>".( no sabia sobre lo del teletipo)
tbn me enseñaron algo de php. pero asta lo que me dijeron . primero debo de aprender html para poder entender el php.
Espero no causar molestias.

Alma · « **Respuesta #8 en:** 28 de Enero de 2010, 22:48:58 pm »

No si yo no pienso que me engañes, es que no tiene mucho sentido, haciendo código a mano, espaciar el head, o el title, entiendo el body, o por ej en tablas, listas etc... pero el resto no, y yo ante la duda siempre pregunto, por eso me gustaría entenderte y quiero hacerlo, y para eso necesito que me expliques como és tu organización. Aparte de eso, como consejo te diré que escribas tus códigos en mayúsculas, de esa forma diferenciaras el código de lo que no lo és.
Los ejercicios están bien, pero de verdad me encantaría que me explicases tu forma de organizar el código...

Jose · « **Respuesta #9 en:** 28 de Enero de 2010, 23:12:28 pm »

Listo acabe mi practica de <a href="http://design-sensation.almaweb.es/Aprendiendo/Html/Imagenes.html>IMAGENES[/url].
Aqui mis codigos.

Código: [Seleccionar]

<html>
    <head>
        <title>
            Documento sin t&iacute;tulo
        </title>
    </head>
    <body bgcolor="#0000FF">
<font color="#FFFFFF" size="5">
INSERTAR IMAGENES CON HTML
</font>
<br>
<br>
<img src="http://fjqm.files.wordpress.com/2007/05/perspectiva_laberinto.jpg" align="left" width="500">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font color="#FFFFFF" size="4">
IMAGEN SIN BORDE
</font>
<br>
<br>
<img src="http://fjqm.files.wordpress.com/2007/05/perspectiva_laberinto.jpg" align="left" width="500" border="20">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font color="#FFFFFF" size="4">
IMAGEN CON BORDE
</font>
<br>
<br>

    </body>
</html>

--------------

Alma mi forma de trabajar, digamos que es una forma organizada?.
de esa manera me enseñaron a poner mis codigos. me explicaron lo mismo qe te dije.
"para saber en donde se ubican mis errores y todo eso."
me decian.
"Cuando abras un tag. Cierralo!!. para que no te olvides y no te salten errores."

-------

Aqui te dejo un link donde ago mis codigos en block.
CLICK AQUI
------
Yo separo mis codigos con la tecla "TAB"
primero ubico de esta manera.

<html>
<head>
<title>
Este es el Titulo.
</title>
</head>
<body>
El texto lo escribo normal porque aqui es donde entran mas codigos y los tengo que organizar asi.
<font color="#0000ff" size="3">
Esto es en azul y tamaño 3. cerre la etiqueta antes que escriba el texto
</font>
ahora todo encaja normal y no tengo que estar cerrando etiquetas. ya qe las eh cerrado al momento de abrirlas.

en pocas palabras ya no me preocupo por los codigos si estan O NO ESTAN CERRADOS.
</body>
</html>

------

Ojala me entiendas ya qe no soi bueno para explicar.
Si fuese profesor .. SERIA UN FRACASO jajaja. :D
en fin espero no causar problemas

PD: La chica de la foto es linda verda??

Alma · « **Respuesta #10 en:** 28 de Enero de 2010, 23:54:49 pm »

Jajja, bueno a ver, creo entender lo que me dices, yo a lo que me refiero es que el "Tab" tu lo debes utilizar, de forma como si encerrase o englobase el resto del código en su interior, por ej, en el caso de una lista:

Código: [Seleccionar]

 
<ul> 
<li>Uno 
   <ul> 
   <li>Uno</li> 
   <li>Dos</li> 
   <li>Tres</li> 
   </ul> 
</li> 
<li>Dos</li> 
<li>Tres</li> 
</ul>

en una tabla, o en el interior del body, porque ese sería su contenido.
Entonces no tiene mucho sentido que uses solamente el Tab en el head y el title no? Yo te entendería si siguieses con el mismo estilo de trabajo durante todo el documento, lo que a mi me sorprende es que tan solo lo hagas con el head y el title, que en realidad es lo más tonto no crees?

De todas formas, si antes tenía alguna duda de sí hacias o no trampas, ahora ya sé que si las haces, porque en esta práctica, no entiendo que pusieras de nombre al documento: Documento sin título ¿Es eso lo que pone por defecto el dream verdad? Aisss, jajaj, que te parece si comenzamos por el principio, y pones tu código tal y como te he dicho en mayusculas, uno a uno y a mano, con el block de notas, olvidate del dream, el curso que tenemos aquí de html es muy cortito, y si no te lo tomas en serio, no merece la pena que lo hagas
Un beso.

Jose · « **Respuesta #11 en:** 29 de Enero de 2010, 00:08:56 am »

ok. bueno no soi bueno explicando .. pero tbn no soi bueno mintiendo.
esqe en ese trabajito de imagenes.
habia un error qe no lo abia detectado YO a simple vista.
tube qe usar el dream para darme cuenta.
te explico mira.ise esto.
------
vi tu trabajo de imagenes y trate de resolverlo.
cuando puse la imagen. salio todo normal
en el texto qe dice.. "IMAGEN SIN BORDE"
no me salia justamente en el lugar qe qeria, es decir, abajo de la imagen.
entonces no lo entendia porqe.
vi tu trabajo.
le di en "ver>Codigo de Fuente"
al ver los codigos no lo abia notado.
asi qe lo copie y lo pege en el dream porque ay si salen que y que codigos estan mal.

Código: [Seleccionar]

<HTML>
<HEAD>
<TITLE>Trabajando imagenes</TITLE>
</HEAD>
<BODY TEXT=#ffffff BGCOLOR=#000033>
<BR>
<BR>
INSERTAR IMAGENES CON HTML.
<BR>
<BR>
<IMG SRC="http://almaweb.es/Mi_album/albums/userpics/10001/kate_moss.jpg" ALT="Kate Moss" WIDHT="550" HEIGHT"311" ></a>
<BR>
<BR>
IMAGEN SIN BORDE.
<BR>
<BR>
<IMG SRC="http://almaweb.es/Mi_album/albums/userpics/10001/kate_moss.jpg" alt="Kate Moss" WIDHT="550" HEIGHT"311 BORDER="10" ></a>
<BR>
<BR>
IMAGEN CON BORDE.
<BR>
<BR>
</body>
</html>

eso son los "Codigos de Fuente".
si te fijas. ay un codigo "</ a>".
qe no tiene inicio pero si el FIN.
me resulto dudoso y pos qise comprabarlo con el dream.
cuando me di cuenta qe estaban mal .
empeze a llenarlos de "< br>"
(en el block de notas por cierto)
y pos lo abia copiado y pegado y se me fue esa parte del "Documento sin título"

para la otra si no puedo acerlo lo posteo.
espero no aber perdido credibilidad.

Jose · « **Respuesta #12 en:** 29 de Enero de 2010, 00:12:39 am »

se me olvido .
si te fijas en la foto qe envie.
ay un icono de mozilla llamado "IMAGENES"
ezo no qrea el Dream por siacaso.
lo ase el block d notas con su extension .html
.
el codigo me salio asi porque al momento de terminar con el rebisado.
lo copie y lo pege para ahorrarme el trabajo.

Alma · « **Respuesta #13 en:** 29 de Enero de 2010, 00:29:07 am »

Vamos a ver, para empezar, tu no debes fijarte el código de mis ejemplos, esos ejemplos son solamente para que veais como queda vuestra página, én los tutoriales, hay suficientes ejemplos de códigos, como para que entiendas el tuto, entiendo que encontraste el error, "porque copiaste mi código", si tu haces el tutorial, siguiendo los pasos tal y como se te indica, no tendrías ningun problema. Si quieres seguir con el curso, comienza de nuevo, por el primer tutorial, y hazlo como se indica y en mayusculas!!! y desde luego, olvidate del dream, y de mirar codigos de ninguna pagina...

Sobre el icono de "imagenes" veo que lo hiciste con el dream, porque con el block de notas, asi como tienes configurado tu windows (ventanas) no te deja crear el html, lo hace en txt, tal y como tienes el otro icono del block de notas.

Jose · « **Respuesta #14 en:** 29 de Enero de 2010, 00:48:35 am »

a mi me abre normal.
no tube qe configurar nada. creo qe estaba por defecto.
el icono se creo automaticamente cuando puse a abrir el archivo .
tengo muchos de esos en la carpeta de html qe esta en mi escritorio.
pero bueno.
aqui esta mis codigos desde el INICIO.

Código: [Seleccionar]

<HTML>
    <HEAD>
        <TITLE>
            Mi Primera Pagina Web
        </TITLE>
    </HEAD>
    <BODY>
<TT>Texto en formato Teletipo</TT><BR>
En esta linea esta palabra es mas <BIG>GRANDE</BIG> y en esta otra es mas <SMALL>pequeña.</SMALL><BR>
Aqui aparece esta palabra en <B>NEGRITA</B>, otra en <I>Italica</I>, otra <U>Subrayada</U> y por ultimo<B><I> varias palabras en negrita e italica</I></B><BR>
Para Terminar algunas formulas:<BR>
E = mc<SUP>2</SUP><BR>
a<SUB> k</SUB> + 1 = <SUB>a <SUB>k</SUB> + 1

    </BODY>
</HTML>

Autor Tema: Mis Primeras Practicas ^^ (Leído 1054 veces)

Jose

Mis Primeras Practicas ^^

Alma

Re:Mis Primeras Practicas ^^

Jose

Re:Mis Primeras Practicas ^^

Jose

Re:Mis Primeras Practicas ^^

Jose

Re:Mis Primeras Practicas ^^

Jose

Re:Mis Primeras Practicas ^^

Alma

Re:Mis Primeras Practicas ^^

Jose

Re:Mis Primeras Practicas ^^

Alma

Re:Mis Primeras Practicas ^^

Jose

Re:Mis Primeras Practicas ^^

Alma

Re:Mis Primeras Practicas ^^

Jose

Re:Mis Primeras Practicas ^^

Jose

Re:Mis Primeras Practicas ^^

Alma

Re:Mis Primeras Practicas ^^

Jose

Re:Mis Primeras Practicas ^^