Codi correcte!

Hola! En aquest post tractaré quin és el model que hem de seguir per a crear una web, indicant quines són les etiquetes que sempre han d'aparéixer i una llista de bones costums al escriure codi HTML. Vorem aquestes etiquetes reflexades en model-web.html .

Les etiquetes que sempre hem d'escriure són les que apareixen en la imatge:

• És interessant escriure <! DOCTYPE> perquè és una instrucció per al navegador web sobre en quina versió d'HTML està escrita la pàgina. Especifica les regles per al llenguatge HTML, de manera que els navegadors mostren el contingut correctament.

• També és important escriure  <meta> charset perquè especifica la codificació de caràcters per al document HTML.

A més, la llista de bones costums per a escriure HTML és la següent:

• Escriure el  <! DOCTYPE> correcte que té el nostre document per a que el navegador puga mostrar bé la pàgina.
• Tancar totes les etiquetes.
• Escriure les etiquetes en minúscula.
• No donar mai estil en el document HTML, sinó utilitzar CSS o JavaScript.
• Valida el codi.

Crear un lloc web senzill!

Hola a tots! En aquest post vos vaig a explicar de forma breu i clara com crear un lloc web senzill, com el que he creat, amb links, imatges i un mapa d'imatge.

• Creem la carpeta weblinks
  
  
  

  
  
• Creem un arxiu index.html que posarem en la carpeta, en la imatge interior ja està dins. Li posem el títol index, insertem un enllaç al nostre blog i dues pàgines sobre dos animals a les quals accedim clicant un retall d'una foto de cada animal. Explicaré a continuació aquestes pàgines, a més d'un mapa d'imatges. Aquest seria el resultat final d'index, junt amb el codi.

• En segon lloc, creem les dues pàgines nombrades anteriorment. En el meu cas foto-gran-koala.html i foto-gran-osop.html, les incloem dins la carpeta weblinks (veure imatge punt 1), posem un títol a cadascuna, inserim la foto de cada animal i posem un link a index per a tornar a la pàgina inicial.
  
  

  

 

• Per últim, creem la pàgina mapamundi.html on farem el mapa d’imatge sobre una imatge d'un mapamundi, on clicant al continent correcte et portarà a la pàgina web de cada animal. Aquesta web ha d'inseris-se també a index.html.

Espere que haja quedat clar i que vos agrade!

Editors de codi!

Hola! En aquest post vaig a parlar sobre els editors de codi, els problemes que es presenten al editar arxius quan canvies de sistema operatiu i algunes solucions, prenent com a exemple l'arxiu curriculum.html .

En primer lloc, quan editem curriculum.html amb el sistema operatiu Lliurex utilitzem l'aplicació específica Gedit, ja que no insereix cap format. El resultat seria el següent:

Tanmateix, si necessitem editar curriculum.html des d'un ordinador diferent amb el que hem creat l'arxiu i aquest té un sistema operatiu diferent a Lliurex, per exemple Windows, ens trobem amb el problema de que no apareix correctament el codi, no apareixen totes les etiquetes. El resultat seria el següent:

Per tant, la solució que podem trobar és descarregar un editor de codi que ens permeta editar curriculum.html sense que desaparega el codi que hem escrit. Un dels millors editors és NotePad++, ja que reconeix el codi i és molt fàcil d'utilitzar. NotePad++ es veu d'aquesta manera:

Programació per a la web!

La web actual es basa en l'estàndard HTML5, que incorpora moltes funcionalitats que la versió anterior l'HTML 4.01 no va tindre en compte: àudios, vídeos, eines de dibuix, validació, etiquetatge semàntic, etc. Aquestes novetats fan la web més accesible i comprensible. 

Així i tot, també són comuns llenguatges com :

• HTML 4
• XHTML
•  XML

Hem de tindre en compte que en tots aquests llenguatges no definirem l'estètica de la pàgina, açò ho farà uns altres llenguatges anomenats CSS3 i JavaScript en la part del client.

La web actual es basa en l’estàndard HTML5

La web actual es basa en l’estàndard HTML5. L’anterior versió de l’HTML, l’HTML 4.01, és de l’any 1999 i l’àmbit del web ha evolucionat molt des de llavors. L’HTML5 incorpora moltes funcionalitats que en aquell moment no es van tenir en compte: àudios, vídeos, eines de dibuix, validació de formularis, etiquetatge semàntic i molt més.
HTML5 va incorporant noves funcionalitats, a vegades forçades pels mateixos fabricants i els desenvolupadors de navegadors. Per aquest motiu no tots els navegadors implementen totes les funcionalitats a l’instant en què un desenvolupador s’avança; és a dir, les etiquetes que fem servir no sempre es comporten igual segons el navegador amb què obrim els documents.

La web actual es basa en l’estàndard HTML5. L’anterior versió de l’HTML, l’HTML 4.01, és de l’any 1999 i l’àmbit del web ha evolucionat molt des de llavors. L’HTML5 incorpora moltes funcionalitats que en aquell moment no es van tenir en compte: àudios, vídeos, eines de dibuix, validació de formularis, etiquetatge semàntic i molt més.
HTML5 va incorporant noves funcionalitats, a vegades forçades pels mateixos fabricants i els desenvolupadors de navegadors. Per aquest motiu no tots els navegadors implementen totes les funcionalitats a l’instant en què un desenvolupador s’avança; és a dir, les etiquetes que fem servir no sempre es comporten igual segons el navegador amb què obrim els documents.

La web actual es basa en l’estàndard HTML5. L’anterior versió de l’HTML, l’HTML 4.01, és de l’any 1999 i l’àmbit del web ha evolucionat molt des de llavors. L’HTML5 incorpora moltes funcionalitats que en aquell moment no es van tenir en compte: àudios, vídeos, eines de dibuix, validació de formularis, etiquetatge semàntic i molt més.
HTML5 va incorporant noves funcionalitats, a vegades forçades pels mateixos fabricants i els desenvolupadors de navegadors. Per aquest motiu no tots els navegadors implementen totes les funcionalitats a l’instant en què un desenvolupador s’avança; és a dir, les etiquetes que fem servir no sempre es comporten igual segons el navegador amb què obrim els documents.

La web actual es basa en l’estàndard HTML5. L’anterior versió de l’HTML, l’HTML 4.01, és de l’any 1999 i l’àmbit del web ha evolucionat molt des de llavors. L’HTML5 incorpora moltes funcionalitats que en aquell moment no es van tenir en compte: àudios, vídeos, eines de dibuix, validació de formularis, etiquetatge semàntic i molt més.
HTML5 va incorporant noves funcionalitats, a vegades forçades pels mateixos fabricants i els desenvolupadors de navegadors. Per aquest motiu no tots els navegadors implementen totes les funcionalitats a l’instant en què un desenvolupador s’avança; és a dir, les etiquetes que fem servir no sempre es comporten igual segons el navegador amb què obrim els documents.

La web actual es basa en l’estàndard HTML5. L’anterior versió de l’HTML, l’HTML 4.01, és de l’any 1999 i l’àmbit del web ha evolucionat molt des de llavors. L’HTML5 incorpora moltes funcionalitats que en aquell moment no es van tenir en compte: àudios, vídeos, eines de dibuix, validació de formularis, etiquetatge semàntic i molt més.
HTML5 va incorporant noves funcionalitats, a vegades forçades pels mateixos fabricants i els desenvolupadors de navegadors. Per aquest motiu no tots els navegadors implementen totes les funcionalitats a l’instant en què un desenvolupador s’avança; és a dir, les etiquetes que fem servir no sempre es comporten igual segons el navegador amb què obrim els documents.

TIC en ADE!

Hola a tots! Com ja sabeu per la presentació inicial, m'agradaria estudiar ADE (Administració i Direcció d'Empreses). A dia de hui, les Tecnologies de la Informació i la Comunicació es troben  a qualsevol tipus de professió i desenvolupen un paper fonamental en el món empresarial. La Informàtica no gestiona pròpiament l'empresa, ajuda a la presa de decisions, però no decideix per sí mateixa. El seu fi és detectar errors, assenyalar falles i avaluar i millorar l'eficàcia i eficiència d'una secció o d'un organisme. Alguns dels avantatges més importants en el que vull estudiar són:

-Automatització: l'home no intervé en el treball, només dóna ordres a la computadora. 

-Estalvi de temps: es pot realitzar l'objectiu en curt temps. 

-Veracitat: la informació és vertadera.

-Rapidesa: agilitat que es té per a dur a terme els objectius que es tenen. 

-Confiança: seguretat que es té per a aconseguir el procés.

Com a conclusió, les empreses generen quantitats enormes de dades i per tant grans recopilacions d'informació, la qual, per descomptat, ha de ser veraç, objectiva i precisa, per això mateix es necessita una forma eficient de classificar-la i ordenar-la. Les noves tecnologies aporten a l'empresa informació  vàlida, completa i actualitzada, a més d'una bona imatge i publicitat globalment, i tot això mesurat en termes de qualitat, termini i cost. Sense aquest suport els alts objectius empresarials, una adequada direcció i gestió en l'empresa, serien difícils d'aconseguir.

Espere que vos agrade!

Comencem un nou curs!

Hola de nou! Ja ha arribat setembre i amb ell la tornada a les classes. Aquest curs fem 2n de Batxillerat i hem de donar el millor de nosaltres. Com ja sabeu, aquest és el meu blog de TIC, on publique entrades que em semblen útils i interessants. Espere que el món informàtic vos agrade tant com a mi i vos ajude en la vostra vida professional, ja que estem en l'era de la tecnologia.

Per a acabar, vos recorde que m'agradaria estudiar Administració i Gestió d'Empreses a la universitat l'any que ve perquè m'agrada molt el món empresarial i la economia, encara que també sóc una amant de la moda. El meu somni seria convinar aquestes dues passions.

Ací vos deixe el link al bloc de la meua professora de TIC: http://mj-tic-bat2.blogspot.com.es/

Molta sort, a per totes!

Comandaments Linux!

Hola a tots! En aquest post tractarem els comandaments de Linux, que serveixen  per a poder executar una sèrie d'instruccions. Espere que vos agrade!

                    -Quins son els comandaments que has trobat mes útils (3-5).

  El primer comandament que considere bastant útil es pwd, ja que mostra el nom del directori actual, d'aquesta manera sempre sabem on estem; el segon interessant em pareix hostname, que permet saber el nom de la màquina amb la que estem treballant i açò sempre és útil; el tercer és mv, perquè ens permet cambiar el nom dels fitxers, la qual cosa fa que estalviem temps; el quart és rm, que ens permet borrar fitxers; per últim, netstat, amb ell podem saber l'estat de la xarxa i del TCP/IP, que com ja hem vist té una gran importància, i ens pot servir, per exemple, per a comprobar si tenim Internet quan veguem que falla.

                    -Captura del Terminal amb l’ejecució del comandaments que més t’agraden.

Aquesta captura és del comandament pwd i mostra que estem a home, desde l'usuari lliurex admin.

 Aquesta mostra el hostname.

 Aquest mostra el mv i rm.

Aquest és netstat.

                    - Recordes Synaptic… ejecuta des de Terminal. Captura el Terminal amb l’ejecució del comandament. Busca “Mozilla”. Veuras tots els paquets relacionats. Els marcats en verd estan instal·lats. Captura on es puga veure els paquets de Firefox. Posa les dues captures a l’entrada del blog.

Aquesta imatge mostra el comandament synaptic.

Aquesta mostra els paquets de Firefox.

                     -Investiga a Internet quin és el comandament per a canviar permisos dels arxius. Canvia els permisos dels arxius del teu USB, per a donar-los tots a tots els tipus d’usuaris, des de Terminal (de vegades el nostre USB no deixa escriure, perque ho llevem massa ràpid i el SO no pot deixar tancat el sistema d’arxius). Captura el comandament i posa al blog.

El comandament per a canviar els permisos dels arxius es chmod + rwx.