dimarts, 2 de juny del 2015

CODECADEMY

Codecademy és una empresa que el que vol fer a través de la ref es millorar l'ensenyament desde la web. El la pàgina http://www.codecademy.com/es ens ensenyen a fer servir els programes o llenguatges informàtics que volguem i que estiguin dins del seu repertori de la web, codecademy. Llengautges de programació, Habilitats per al desembolupament de xarxes i Interfícies de programació d'aplicacions. Aquestes son les coses que podem aprendre en CODECADEMY.

 




divendres, 22 de maig del 2015

LLENGUATGE HTML I CSS

El llenguatge HTML és com un esquelet que li dóna estructura a cada pàgina web. És un codi majoritariament de lletres i símbols.

HTML --->Hyper text Markup Language. És un llenguatge de mercat d'hipertext. Llenguatge d'hipertext vol dir "text que conté enllaços".
Un llenguatge de mercat és un llenguatge de programació usat perquè el text faci alñguna cosa més que aparèixer en una pàgina ( pot combertir text en enllaços, imatges, llistes.

HISTÒRIA DE L'HTML: En el seu origen, l'HTML era un llenguatge dissenyat per compartir informació científica entre científics de tot el món. Era purament un llenguatge estructural, en què no hi havia forma de descriure l'aparença de les pàgines (ni tan sols la possibilitat de posar un text en negreta o cursiva). Més endavant s'hi van afegir nombroses opcions per formatar i presentar text i gràfics.

Les etiquetes bàsiques d'HTML, d'obligada presència en tot document són:
  • <!DOCTYPE>: És l'etiqueta que permet definir el tipus de document HTML que s'empra. Existeixen tres tipus bàsics: l'estricte (Strict), el transicional (Transitional) i el de marcs (Frameset).
  • <html>: És l'etiqueta arrel de qualsevol document HTML o XHTML.
  • <head>: Defineix la capçalera del document HTML. Permet declarar metainformació del document que no es mostra directament en el navegador. Aquesta informació és d'especial rellevància pels indexadors i cercadors automàtics.
  • <body>: Defineix el cos del document. Aquesta és la part del document HTML que es mostra en el navegador.
Dintre de la capçalera <HEAD> hi podem trobar:
  • <title>: Permet definir el títol de la pàgina. En navegadors gràfics el contingut del title apareix a la barra del títol a sobre de la finestra.
  • <meta>: Permet definir metainformacions del document tals com l'autor, la data de realització, la codificació del document (UTF, ISO, etc.), les paraules clau i la descripció del mateix
  • <LINK>: Permet definir metadades complementàries a les del meta tals com el document anterior, el següent, el capítol al qual pertany el document, la pàgina glossari, etc.
Dintre del cos <BODY> hi podem trobar:
  • <a>: Etiqueta àncora. Crea un enllaç a un altre document o a una altra zona del mateix, segons els atributs.
  • <h1>, <h2>,… <h6>: capçaleres o títols del document, acostumen a distingir-se per mida.
  • <div>: Divisió estructural de la pàgina.
  • <p>: Paràgraf.
  • <br>: Salt de línia.
  • <table>: Indica el començament d'una taula, després s'haurà de definir les files amb <tr> i les cel·les dintre de les files amb <td>.
  • <ul>: Llista desordenada (sense numerar). Els ítems es defineixen amb <li>.
  • <ol>: Llista ordenada (numerat). Els ítems es defineixen amb <li>.
  • <dl>: Llista de definició. Hi ha dos tipus d'ítem; el dt i el dd.
    • <dt>: Terme a definir.
    • <dd>: Definició del terme.
Excepte unes poques etiquetes, la majoria requereixen ser tancades escrivint la mateixa etiqueta precedida d'una barra "/". Exemple: <html>…</html>

El llenguatge COSS, serveix per fer la pàgina web més atractiva. COSS vol dir--> Cascading Style Sheets. (Full d'estils en cascada).

Per fer una capçalera i títol, em descriure:
 <head>
<title>Les roses roges</title>
</head>

Per fer paràgrafs, em descriure:
<body>
<head>
<p> hola mariposa </p>
</head>
</body>

Si volem fer les lletres en negreta, em descriure:
<strong>magrada cantar </strong>

Per agregar capçaleres, em descriure:
<p>
<h2>vull sol</h2>
</p>


 AQUESTES IMATGES SÓN MOSTRES DEL MEU TREBALL AMB CODECADEMI: