Estás navegando como visitante. Por favor Registrate y Logueate para poder participar de ventajas como postear en el foro, Solicitar Ayuda, Ver Enlaces, Ver Imagenes. Registrate con nosotros clickeando AQUÍ.    
Registrarse    Identificarse   Blogs
Anuncios Internos

Quieres ser Moderador/a. Si estas interesado/a, lee la info sobre ésto, haciendo Click
Promociona tu web AQUÍ

En ésta web está expresamente prohibido, publicar enlaces de descargas de material protegido por la ley, asi como seriales, cracks, parches, programas o juegos pirateados sin el consentimienteo del autor, en cuyo caso se debará exibir dicha autorización para legitimizar la descarga. Si algun usuario incumple esta norma, sera
eliminado junto a todos sus mensajes.


Portal » Índice general » Zona Webmasters » Tutoriales Webmaster » Tutoriales HTML




Nuevo tema Responder al tema  [ 1 mensaje ] 
{ VISITS } Vistas: 507  { VISITS } Favoritos: 0 { VISITS } Seguidores: 0 
 
Autor Mensaje
 Asunto: Edicion de paginas webs (2º parte).
 Nota Publicado: 07 Jun 2014 12:49 


Desconectado
Moderador Global
Moderador Global
Avatar de Usuario

Mensajes: 636

Todos mis aportes
Estado de ánimo: Tranquilo


Nivel: 23

HP: 24 / 1225
24 / 1225 24 / 1225 24 / 1225
MP: 585 / 585
585 / 585 585 / 585 585 / 585
EXP: 636 / 698
636 / 698 636 / 698 636 / 698

Karma: 70

Ubicación:Internet.


Sexo:
Masculino



He dado: 48 Gracias
Recibidas: 144 Gracias
Blog: Ver blog (0)
Imagen

Bueno pues aqui estamos con la segunda parte de este manual de edicion de paginas webs.
En el anterior nos quedamos en la imagen de la "bola saltarina", la cual esta encerrada entre las sentencia "center" y /center", seguido vemos que hay otra sentencia que contiene la letra "P", el elemento "P" crea automáticamente un espacio antes y después del mismo.Si eliminais dicho elemento en el editor, guardais lo echo y reiniciais la pagina, vereis el resultado, que sera que las lineas se unen y no hay el espacio que estaba encima y debajo.
Continuando con la edicion nos encontramos con otro marcador de lo que hay en la pagina "Texto desplazandose por la pantalla", quiero decir (y no a favor del programa webfacil), que en los elementos que veremos a continuacion, hay que hacer cambios, ya que no los coloca bien para que se vean los efectos que deberian de hacer y me explico.
Si miramos los elementos que siguen, que son estos :
  1. <CENTER><BLINK><FONT SIZE=+1 FACE="VERDANA,ARIAL"><MARQUEE>
  2. No te olvides de pasar por la web, siempre estamos actualizando.
  3. </MARQUEE></FONT></BLINK></CENTER>

Vemos que empieza con "center" (que ya lo conocemos) y continua con "BLINK", este elemento lo que hace es que nuestro texto que pongamos va a parpadear, si nos fijamos en la pagina que hemos echo, no parpadea y eso es debido a que no nos a colocado bien dicho elemento, no se a que a podido ser debido, pero asi lo a echo; para que funcione, tenemos que poner nuestro elemento "BLINK", despues del elemento "MARQUEE", osea que quedaria asi el codigo :
  1. <CENTER><FONT SIZE=+1 FACE="VERDANA,ARIAL"><MARQUEE><BLINK>
  2. No te olvides de pasar por la web, siempre estamos actualizando.
  3. </MARQUEE></FONT></BLINK></CENTER>

ahora esta primero el "center", seguido del "FONT SIZE=+1 FACE="VERDANA,ARIAL", que nos esta indicando el tipo de letra que queremos para nuestro texto (FACE="VERDANA,ARIAL"), y el tamaño de la letra que se lo indicamos con "SIZE=+1", el tamaño se puede cambiar segun nuestro gusto o peticion de la pagina que estemos haciendo, no es bueno abusar de tamaños grandes, ni de tamaños pequeños, por defecto si no ponemos el elemento "SIZE", el tamaño sera de "3", veamos la imagen y lo veremos mas claro :
Imagen
Como veis el tamaño va de 1 a 7, continuamos.
Seguido nos pone el elemento "MARQUEE", este elemento nos indica que nuestra letra o nuestro comentario que pongamos, se va a desplazar por la pagina, si no indicamos nada mas (como ahora), se deplazara de derecha a izquierda, mas adelante veremos los comandos que tiene este elemento.
Y ya seguido beis el comentario y el cierre de todos los elementos.
Continuando con el codigo, vemos otro elemento "P" y debajo uno llamado "HR", este nos da la obcion de poner una linea en nuestra pagina separatoria, a esta linea se le puede decir el largo que queremos de ella el ancho el color y otros atributos que ya veremos mas adelante, ahora lo que hace es ponernos una linea horizontal separatoria.
Seguimos, "Imagen alineada junto al texto", y debajo vemos que "IMG SRC="favorito.gif" BORDER=0 ALIGN=LEFT HSPACE=4" :

IMG SRC="favorito.gif = Cargamos una imagen que se llama "favorito.gif"

BORDER=0 = Esto nos dice que si queremos nos pondra un borde al rededor de la imagen al estilo de la tabla,

ahora pone "cero", osea, no creara ningun borde.

ALIGN=LEFT = Esto indica donde queremos que nos alinee la letra, ahora esta en "left", osea, a la izquierda, hay mas comandos para "ALIGN", pero ya los veremos.

HSPACE=4 = Nos indica el margen horizontal que queremos dejar desde la imagen al texto, si aumentais o disminuis el numero vereis la diferencia.
Seguimos con "Texto Libre" , aqui veremos esto :

FONT FACE="VERDANA,ARIAL = Tipo de fuente que queremos,como no hemos puesto el tamaño que queremos (el elemento o tag "SIZE"), el tamaño sera el estandar osea "SIZE=3".

"B" = Estamos diciendo que nuestro texto nos lo ponga en negrita.

"I" = Le indicamos que ademas queremos el texto inclinado o "Italic".

Luego esta el texto puesto y debajo esta el tag :

"BR" = Salto de linea.
"BR CLEAR=ALL" = Aqui le estamos diciendo que se deje espacio en blando asta terminar la imagen, o que no se va a poner

nada mas asta despues de terminar la imagen.
Ya continua cerrando todos los elementos o tags que se han abierto (/font, /B, /I).

Continuamos con "Enlaces con otras direcciones" , aqui estan los enlaces a las paginas webs que queremos que nuestros navegantes o usuarios puedan visitar, ya que nosotros consideramos que son de interes :

FONT FACE="VERDANA,ARIAL = Ya sabemos que es, indicamos el tipo de fuente que queremos.

"UL" = Indicamos que bamos a insertar una lista no ordenada, esta lista va a ir definida por el tag "LI" (Lo venos en las sigientes lineas el comando "LI").

"LH" = utilizado para proporcionar un titulo a una lista, (ya en desuso).

"LI" = Define el articulo de la lista y coloca un punto antes de los comentarios o las direcciones o lo que ballamos a poner en la lista.

"A HREF=" = Con estos tags, indicamos una direccion web o una imagen...etc.
Y ya terminamos como siempre, cerrando los tags y pasamos a la siguiente linea.

"Dirección E-MAIL", aqui pondremos nuestra direccion que tenemos de email, pata que nos escriban diciendo que les a gustado la pagina, los fallos que puede tener la pagina, lo que les gustaria encontrar en vuestras paginas...etc. Eso va a depender mucho de la insistencia que pongais en revisar vuestras paginas y en lo bien o mal que caigan.Lo pondremos asi :


De este codigo, lo unico que no podemos conocer es donde pone "A HREF="mailto:", malito esta indicando lo que claramente se lee, que pongamos a continuacion la direccion de email nuestra para que nos puedan escribir, Como ya sabemos lo que es una tabla (a groso modo), como poner un tipo de fuente y su tamaño, como poner una imagen, los saltos de linea y las lineas, no creo sea necesario explicar nada mas de esta seccion sobre "Dirección E-MAIL".

Y ya solo nos queda para terminar lo que hay en esta pagina lo que hay debajo de "Pié de Página", que seria esto :
  1. <I><B>
  2. <FONT FACE="VERDANA,ARIAL" SIZE=-1><A HREF="http://www.webfacil.com"><IMG SRC="boton_webfacil.gif" BORDER=0 ALIGN=ABSMIDDLE ALT="WebFacil" HSPACE=4></A> Página creada con el asistente automático gratuito <A HREF="http://www.webfacil.com">WebFácil</A>
  3. </FONT></I></B>


Y ya todo lo que tiene esta dicho, ya esta explicado para que sirve cada funcion, asi que ya hemos editado nuestra pagina y ya sabemos como podriamos cambiarle su contenido y si as estado atento y as leido bien, seguro que seras capaz de poner nuevas cosas en la pagina si quisieras.
En el proximo manual, os enseñare algunos de los tags que hay para usar en una pagina web y cual es su uso mas extenso, no lo os perdais.

firma
Saludos

Imagen
Imagen

Si te ha sido de utilidad el foro, por favor danos un me gusta y, comparte tu expriencia.


Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil  
 
El siguiente 2 usuarios dan las gracias a Total13 por ese mensaje:
blquack, samurai
Mostrar mensajes previos:  Ordenar por  
 
Nuevo tema Responder al tema  [ 1 mensaje ] 


¿Te fue util este tema?

Link:
BBcode:
HTML:


Temas Similares


Portal » Índice general » Zona Webmasters » Tutoriales Webmaster » Tutoriales HTML


Temas relacionados
 Temas   Autor   Comentarios   Vistas   Último mensaje 
No hay nuevos mensajes sin leer en este tema. Edicion de paginas Webs (1º parte).

[ Ir a páginaIr a página: 1, 2 ]

Total13

14

828

12 Dic 2010 10:25

Megaenna Ver último mensaje

No hay nuevos mensajes sin leer en este tema. como incluyo html en paginas estaticas?

Megabyte

6

154

20 Abr 2011 17:09

blquack Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Aprobado dominio '.xxx' para webs de contenido pornográfico

blquack

4

381

27 May 2011 11:29

MAVERICK Ver último mensaje

No hay nuevos mensajes sin leer en este tema. sitios webs de info general de actualidad e informática

exze

3

425

17 Ene 2014 04:54

Ultron7 Ver último mensaje

No hay nuevos mensajes sin leer en este tema. wallpapers edición windows 7

chechu995

0

405

15 Ago 2012 18:50

chechu995 Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Adjunto(s) Static Pages mod, páginas estáticas para nuestro foro phpbb3

[ Ir a páginaIr a página: 1, 2 ]

blquack

10

526

02 Mar 2011 19:52

blquack Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Redireccion despues de nuevo post o edicion

blquack

7

500

01 Ene 2011 19:44

blquack Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Edición gore para Dead Island

AlanWake360

0

985

22 Jun 2011 09:54

AlanWake360 Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Historia de los videojuegos [Parte 1]

Megaenna

2

677

23 Ene 2012 14:02

EseTecnico Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Ya tenemos enlaces de sitio, parte II

Megabyte

6

515

01 Jun 2011 23:46

martinkly Ver último mensaje

 


¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados

 
 

 
No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Buscar:
Saltar a:  
cron