Etiquetas que se conservan en HTML5 ( I )

Posted on 12 de Maio de 2012 by entakitos

Ultimamente vinme un pouco atarefado por temas de que me mandaron facer e despois retocar unha páxina web en internet, polo que tocaba meterlle man ao código html e ao css. Pero antes de tocar nada ocorréuseme mirar cales son as etiquetas das que dispón nestes intres html5 xa que eu aprendera html3 e despois actualizarame a html4. Dinme conta de que ai moitas etiquetas que xa deixaron de funcionar no novo estándar de html e outras tantas xa non recomendan o seu uso porque en futuras versións e posible que desaparezan.

Así que con ese motivo fixen a seguinte táboa que vedes a continuación. Por agora solo teño feita unha parte e conto con facer outra parte máis que será tamén deste tamaño mais ou menos e tamén me quedaría por tratar algunhas etiquetas en concreto.

Etiqueta Descripcion Exemplo
<a href="http://paxinaweb">

Elemento HTML

</a>

 crea un enlace ao elemento html que engloba enlace
<abbr title="Real Acacdemia Galega">

RAG

</abbr>

 sirve para definir abreviaturas que se verán ao pasarlle o rato por riba RAG
<address>

Unha dirección

</address>

 sirve par aplicar un estilo as direccións Podes Visitarnos en Santiago de Compostela
area sirve para definir mapas de bits nunha imaxe, explicarase mais adiante PENDENTE DE EXPLICAR
<b>texto</b> pon un texto en negriña negriña
<head>

<base href="http:/direccion" />

</head>

 establece as urls relativas da paxina en funcion da direccion especificada  
<bdo dir="rtl">

Texto

</bdo>

 permite modificar a direccion do texto Texto
<blockquote cite="http://referencia">

Texto referenciado

</blockquote>

 permite indicar si un texto é unha cita e a que fai referencia
Wikipedia  a  Enciclopedia Libre
<body>contido da páxina</body> entre estas etiquetas colocase todo o contido da páxina  
Texto1<br/>Texto2 sirve para facer saltos de liña Texto1
Texto2
<button type="button">

Faime Click!

</button>

 crea un boton na paxina
<caption>

Título da Tabla

</caption>

 esta etiqueta serve para colocarlle un titulo a unha táboa e ten que estar situada entre as etiquetas <table> e </table>
como exemplo tedes esta táboa
<cite>Cita</cite> da formato de cita a un texto Cita
<code>

fragmento de código

</code>

 sirve para colocar fragmentos de código sin que se executen na páxina. <table>  <tr><td></td></tr></table>
<dl>

<dt>termo</dt>

<dd>Definición</dd>

</dl>

 <dl> e </dl> server para indicar o inicio e o fin dunha lista de definición ca cal cada <dt></dt> é un termo e cada <dd></dd> unha definición
Termo
Definición
<del>texto inservible</del> sirve para marcar un texto como inservible texto inservible
<dfn>Termo a definiir</dfn> marca un fragmento de texto como definición Termo a definiir
<dir>

<li>directorio 1</li> 

<li>directorio 2</li>   

<li>directorio 3</li>

</dir>

 <dir> e </dir> serve para crear unha lista de directorios na cal cada <li></li> sería un directorio
  • directorio 1
  • directorio 2
  • directorio 3

 
<div> 

<h3>cabeceira</h3> 

<p>elemento 1</p>

</div>

 a función desta etiqueta é a de agrupar varia etiquetas

cabeceira

elemento 1
<em>Texto Enfatizado</em>  sirve para enfatizar un texto Texto Enfatizado
<form>

<fieldset>

<legend>Datos</legend>

Email:<input type=»text» />

<br/>

Nome:<input type=»text» />

<br/>

</fieldset>

</form>

 a finalidade da etiqueta <fieldset></fieldset> é agruapar varios campos dun formulario nos cales neste exemplo son simples caixas de texto mais adiante colocarei algun exemplo xa que aquí non teño espazo suficiente
<font color="green"size="2" face="Courier">

ALGO DE TEXTO

</font>

 button ALGO DE TEXTO
<form>...</form> sirve para inficar o inicio e o fin dun furmulario no cal se introduce algunha das seguintes etiquetas:  
<frameset>

<frame src="frame_a.htm" />

<frame src="frame_b.htm" />

<frame src="frame_c.htm" />

</frameset>

 sirve un frameset é unha area do documento na que se poden  crear frames, que se podería decir que serían paxinas web incrustadas na nosa páxina  
<h1> Titulo 1 </h1> aplicalle ao texto o formato da cabeceira 1

Cabeceira 1
<h2> Cabeceira 2 </h2> aplicalle ao texto o formato da cabeceira 2

Cabeceira 2
<h3> Cabeceira 3 </h3> aplicalle ao texto o formato da cabeceira 3

Cabeceira 3
<h4> Cabeceira 4 </h4> aplicalle ao texto o formato da cabeceira 4

Cabeceira 4
<h5> Cabeceira 5 </h5> aplicalle ao texto o formato da cabeceira 5
Cabeceira 5
<h6> Cabeceira 6 </h6> aplicalle ao texto o formato da cabeceira 6
Cabeceira 6
<head>…</head> entre <head> e </head> colocanse  os elementos que se situan na cabeceira da páxina tales como o título ou o favicon  
<hr/> sirve para crear unha liña horizontal
<html>…</html> a función desta etiqueta é a de indicar o comezo e o fin do documento html  
<i> texto </i> pon o texto en cursiva texto
Posted in definicions, HTML, internet, páxinas recomendadas | Tagged , , , , , , , , | Leave a comment

O Proxecto Virus Total

Posted on 21 de Abril de 2012 by entakitos

Algunha vez desconfiastes de que algún arquivo que introducistes no teu pc fora un virus, pero aínda que o analizaras unha e outra vez o antivirus che dicía que non estaba infectado e finalmente cando o executabas resultaba que si o era?

Pois para razóns como esta existe o proxecto VirusTotal, no cal si accededes a súa paxina web vos da a opción de subir un arquivo a súa páxina a golpe de 1 clic para que sexa analizado polos diferentes motores de búsqueda dos antivirus que están no mercado. E unha vez analizado darache o resultados do que encontrou cada antivirus e ademais estes resultados serviran para mellorar os motores de búsqueda dos antivirus.

Ademais do servizo de análise de arquivos, tamén dispoñen dun servizo de análise de URLs por si entrades en algún enderezo web no poda existir algún código malicioso.

Para máis información déixovos a páxina na que teñen publicadas as súas estadísticas: https://www.virustotal.com/statistics/

E aquí a paxina principal: https://www.virustotal.com/

Posted in páxinas recomendadas, Varios | Tagged , , , , , , , , , , , | Leave a comment

Sabedes que son os favicon? e como se usan?

Posted on 22 de Decembro de 2011 by entakitos

Primeiro antes de nada, pido desculpas por ter isto un pouco abandonado ata agora, pero é o que teñen os exames finais.

Ben vamos ao que vamos. Un favicon é unha palabra que proben do inglés do termo «favorite icon» e que tamén é coñecido como icono de páxina. Este icono pódese encontrar na pestaña da páxina xunto co seu título. Normalmente istos iconos soen ser o logotipo de paxina para poder identificar así a pestaña da paxina dunha forma moito mais doada.

Ben e agora a seguinte pregunta que nos ven a mente a todos é ¿Como colocamos un favicon na noxa paxina web ( xa sexa blog,foro,etc. )?

O primeiro que temos que saber antes de nada e que un favicon é unha imaxen en formato «ico» e se as facemos a antiga usanza (e dicir creando nos a imaxe nun programa de deseño) o primeiro que temos que ter en conta son as dimensións da imaxe que o normal é que se usen algunhas das seguintes:

- 128 x 128

- 64 x 64

- 32 x 32

- 16 x 16

- 8 x 8

Canto maior sexan as dimensións da imaxe maior será a calidade desta pero temos que ter en conta que non ten sentido colocar unhas dimensións demasiado grandes porque o tamaño que vai ter ao final a imaxe non vai ser moi grande polo que non ten sentido poñerlle unhas dimensións moi grandes.

O seguinte paso unha vez que temos feita a nosa imaxe seria gardala en formato .ico ou gardala en .png , .jpeg ou .bmp (aínda que se poden usar outros formatos) e convertilo a un ficheiro.ico

A outra forma de facelo que é moito mais doada seria facelo directamente nunha paxina web como a seguinte: http://www.favicon.cc/ que nos permite deseñar o favicon ou se queremos importar unha imaxe e convertila en favicon.

Agora que xa temos deseñado o noso favicon o que aí que facer e subilo a un servidor de internet que aloxe imaxes como pode ser http://www.imageshack.us/ e unha vez que a temos aloxada, copiar a url da imaxe.

Unha vez que temos a url da imaxe tendriamos que acceder ao servidor no que temos aloxada a nosa paxina web e modificar o arquivo index.html

A estrutura deste arquivo é a seguinte:

<html>

<head>

<title>»Titulo da paxina»</title>

</head>

<body>

«contido da paxina»

</body>

</html>

Nos o que temos que facer é engadir a seguinte liña de código entre <head> e </head>:

<link rel=»shortcut icon» href=»http://ruta/favicon.ico»>

De forma que nos quedaría o código da paxina da seguinte forma:

<html>

<head>

<link rel=»shortcut icon» href=»http://ruta/favicon.ico»>

<title>»Titulo da paxina»</title>

</head>

<body>

«contido da paxina»

</body>

</html>

E con isto xa teriamos posto un favicon na nosa paxina. Espero que vos gustase este titorial e que vos sexa de axuda.

PD: para calquer dubida ou suxestión solo tedes que deixar un comentario e respondereino tan pronto poda.

Posted in HTML | Tagged , , , , , , , , , , , , , | Leave a comment

Winrar: Funcións Básicas

Posted on 5 de Decembro de 2011 by entakitos

Neste titorial amósovos como usar winrar é todo o que necesitades para poder comprimir e descomprimir arquivos e unha parte das opcións que este nos permite no momento de comprimir arquivos.

Espero que vos sexa de utilidade e para cal queira dúbida xa sabedes que solo tedes que deixar un comentario.

Posted in Varios | Tagged , , , , , , , , | Leave a comment

Visitastedes a seccion de Programas Recomendados?

Posted on 30 de Novembro de 2011 by entakitos

Non sei si algúns de vos, lle votou unha ollada a sección de programas recomendados que se encontra debaixo da cabeceira de páxina. Recoméndovos que a vexades de vez en cando porque os cambios que se realicen nela non aparecen nos RSS porque sempre edito a mesma páxina. De todas formas vou intentar que sempre que engada programas ou realice algunha edición, realizar unha entrada no blog indicando o cambio que se fixo.

Así que sepades que acabo de engadir dous novos programas : winrar (xa coñecido por moitos) e freemind (un programa que sirve para realizar mapas mentais, bastante útil para organizar a información de forma limpa si sodes algo chafulleiros xD).

PD:tentarei que todos os programas que se engadan sexan gratuítos, ou que polo menos admitan un período de proba.

Posted in programas recomendados | Tagged , , , , , , , | Leave a comment

PHOTOSHOP1: Conceptos Básicos (crear arquivos e capas)

Posted on 25 de Novembro de 2011 by entakitos

Neste titorial explícovos os pasos a realizar para crear un novo arquivo e as diferentes opcións que temos no momento de crealo e tamén intento explicar como funcionan as capas en photoshop (aínda que creo que non o fixen moi ben polo que si tedes dubidas, preguntádeme todo o que queirades). Espero que vos resultase útil o titorial e recoméndovos que para practiquedes estes pequenos titoriais con photoshop para ir entendendo todo mellor e coller soltura porque senón e difícil aprender a manexalo.

Posted in photoshop, Varios | Tagged , , , , , , , , , , , , , , , | Leave a comment

Titorial: como cargar páxinas en galego en Firefox e activar gardar e cerrar pestañas

Posted on 15 de Novembro de 2011 by entakitos

Neste titorial ensínovos que pasos tedes que seguir para configurar firefox de forma que sempre que este poda, cargue as paxinas web en galego e como facer para que cando cerramos o firefox e este teña varias pestañas abertas, mostre a opción de gardar e cerrar pestañas.

Recoméndovos que o vexades en hd para que vexades ben o que se grabou.

Posted in internet, Varios | Tagged , , , , , , , , , , , , , | Leave a comment

Como instalar windows 7

Posted on 11 de Novembro de 2011 by entakitos

Bueno hoxe déixovos un titorial fácil, sinxelo,rápido e para toda a familia xD. No que vos amoso como podedes instalar windows 7 no voso pc.  Se tedes dúbidas en algún momento do titorial, solo me tedes que deixar un comentario dicíndome o que non entendedes ou onde tedes un problema e tan pronto o vexa vos axudo e poño a solución debaixo do titorial

Espero que vos guste e vos sexa de utilidade.

 

Posted in Sistemas operativos, Varios | Tagged , , , , , , , , , , | Leave a comment

Photoshop I: Introdución e mentalización

Posted on 9 de Novembro de 2011 by entakitos

Antes de empezar a explicar nada quero aclarar o seguinte: PHOTOSHOP NON É UN PROGRAMA DE DEBUXO (para eso existen outros programa como adobre illustrator).Photoshop é un programa moi potente que nos permite abrir unha imaxe(ou varias) e elaborar un sin fin de modificacións e retoques ata que quede ao noso gusto.

A primeira vista a interface que mostra photoshop acía un usuario primereizo no programa pode resultar un tanto complicada, pero todo é cuestión de pararse a ler que pon cada menú. Isto pode parecer unha parvada a primeira vista, pero photoshop ten os menús perfectamente organizados e simplemente votando unha ollada con calma podemos chegar a maioría das opcións que precisamos.

Algo que temos que ter moi en conta en photoshop é que debemos ir gardando cada pouco tempo todo o que fagamos e a poder ser ter sempre unha copia do traballo que estamos realizando e os arquivos que estamos utilizando nel, para non correr o risco de perdelos ou modifícalos sen querer.

Outra cousa que me gustaría engadir nesta pequena introdución ao photoshop é que non podemos ter unha mentalidade pechada cando o estamos usando.O ideal é ter unha idea sobre o que queremos facer, pero nunca debemos descartar ningunha idea que se nos ocorra mediante o proceso de elaboración dunha imaxe, porque pode esa idea que nos xurdiu mentras facíamos a imaxe quede moito mellor que a que tiñamos pensado facer.

Finalmente solo quero engadir que temos que ter moitísima paciencia cando estamos realizando algo en photoshop. A continuación déixovos un vídeo que gravei mentras facía unha firma cunha idea en mente e ao final tras 50 min (Si 50 minutos, hai veces que hai que ter moita paciencia e tempo) terminei a firma, pero non ca idea que tiña en mente.


Posted in photoshop, Sen categorizar | Tagged , , , , | 2 Comments

Definicións Básicas

Posted on 9 de Novembro de 2011 by entakitos

INFORMÁTICA: ciencia que fai posible o tratamento automático da información por medio de ordenadores. O termo procede da contracción das palabras: INFORMACIÓN e AUTOMÁTICA.
ORDENADOR: máquina capaz de aceptar uns datos de entrada, efectuar con eles operacións lóxicas e aritméticas, e proporcionar a información resultante a través de un medio de saída; todo isto sen a intervención dun operador humano e baixo o control dun programa de instrucións previamente almacenado no propio ordenador. Ademais, todas estas operacións as efectúa a gran velocidade.

DATOS: son conxuntos de símbolos utilizados para expresar ou representar un valor numérico, un feito, un obxecto ou unha idea.
INSTRUCIÓNS: son operacións que se poden realizar sobre os datos.Ex:instrucións para facer unha suma, instrucións para mostrar un texto por pantalla, etc.

PROGRAMA: conxunto ordenado de instrucións que se lle dan ao ordenador para que realice unha determinada función. Exemplo: un programa para crear documentos de texto, un xogo, un sistema operativo como Windows 98, Windows XP, Linux, etc…

BIT: no interior das computadoras, a información almacenase e se transfire de un sitio a outro según un código que utiliza solo dous valores (código binario) representados por 0 e 1. O bit é una posición ou variable que toma o valor 0 ou 1. O bit é a unidade mais elemental da información. A razón de que os ordenadores utilicen un código binario radica na súa composición física, posto que un ordenador está formado por circuítos electrónicos dixitais que so distinguen 2 estados físicos: o paso de corrente eléctrica e o non paso de corrente eléctrica. De esta maneira, asociase un bit a cada un de esos 2 estados.

BYTE: habitualmente, byte representa un conxunto de 8 bits (octeto). Múltiplos del byte:

1 Kilobyte (KB) = 210 bytes = 1.024 bytes
1 Megabyte (MB) = 210 KB = 1.048.576 bytes
1 Gigabyte (GB) = 210 MB = 1.073.741.824 bytes
1 Terabyte (TB) = 210 GB = 240 bytes

O bit representase coa letra «b», e o byte se representa coa letra «B». Así, por exemplo, KB é a abreviatura de Kilobyte, e Kb é a abreviatura de Kilobit.

HARDWARE: parte física dun ordenador; é a maquina en si: o conxunto de circuítos electrónicos, cables, armarios, dispositivos electromecánicos e outros elementos físicos que forman ordenador. O que se pode tocar fisicamente.

SOFTWARE: parte lóxica dun ordenador: programas e datos. Aquelo que lle di ao ordenador que debe de facer e como debe de facelo. Non se pode tocar fisicamente, é intanxible.

SISTEMA INFORMÁTICO: conxunto de elementos hardware e software interconectados entre si para o tratamento da información. Un PC con software sería o sistema informático mais simple.

SISTEMA OPERATIVO: programa ou conxunto de programas que controlan o funcionamento do hardware, ocultando os seus detalles e ofrecendo ao usuario unha vía sinxela e flexible de acceso ao ordenador. É un programa básico para que o ordenador poda funcionar(aínda que non indispensable). Exemplos: MS-DOS, Windows 95, Windows 98, Windows 2000, Windows XP, Unix, Linux, etc.

Posted in definicions | Leave a comment