Skip to content

Latest commit

 

History

History
310 lines (200 loc) · 7.26 KB

DOCUMENT.md

File metadata and controls

310 lines (200 loc) · 7.26 KB
Raw

Practica Git/Github

1. Creo un directori de treball anomenat /DiariVostreNom/ en el directori de l'usuari.

2. Inicialitzar el repositori buit.

3. Crear l'arxiu index.html

4. Afegir l'estructura bàsica

:::info

:::

5. Crear un commit indicant que es crea l'esquelet bàsic del index.html

6. Afegir el contingut al head, entre i .

:::info

<title></title> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> :::

7. Crear un commit indicant que s'afegeix la capçalera del index.html

8. Afegir el contingut al body, entre i

:::info

Diari de Vostre Nom

© 2012 - dissenyat per VostreNom

:::

9. Crear un commit indicant que s'afegeix l'estructura bàsica del body.

10. Crear un repositori en GitHub que s’anomeni RemoteDiariVostreNom (exemple RemoteDiariEduardo)

11. Assignar al vostre repostiorio global el remot

:::info Executar: 1. git remote 2. git remote add origin https://VOSTRE-REPOSITORI.git 3. git remote -v 4. Pujar amb un push tota el que heu fet a la branca master del remot. :::

:::info Executar:

  1. git push -o origin --all
  2. Veure Github
  3. git push -o origin --tags
  4. Veure Github :::

1. Afegir el contingut de section, entre section i section ( la idea és afegir al menys tres posts en la zona d’articles del vostre document). Podeu afegir notícies, articles etc...

2. Crear un commit indicant que s'afegeix tota l'estructura de la zona de posts.

3. Crear un arxiu style.css.

4. Afegir la següent informació.

:::info html { margin: 0; padding: 0; } body { width: 940px; margin: 0 acte; font: 10pt/1.5em Helvetica,"Helvetica neue", Arial, sans-serif; } :::

5. Crear un commit indicant que s'afegeixen les CSS d'html i de body.

6. Afegir la següent informació.

:::info header,section,article,aside,footer{ display: block; }

aside { float: left; width: 470px; min-height: 480px; background: url(logo.png) center top no-repeat; margin: 0 0 20px 0; } :::

7. Crear un commit indicant que s'afegeixen les CSS de diversos elements HTML5: header, section, article, aside i footer.

8. Afegir en el directori arrel de projecte el logotip que apareixerà en la barra lateral esquerra: logo.png ( podeu ficar la imatge que vulgueu)

9. Crear un commit indicant que s'afegeix el logotip del Vostre Diari.

10. Afegir la següent informació.

:::info section { float: right; width: 428px; padding-left: 20px; margin: 0 0 20px 0px; //border-left: 1px dotted #000; }

section h2 { font: 14pt Helvetica,"Helvetica neue", Arial, sans-serif; font-weight: lighter; text-transform: uppercase; color: #493831; padding-bottom: 10px; margin: 0; } :::

11. Crear un commit indicant que s'afegeixen les CSS de section.

12. Afegir la següent informació.

:::info footer{ clear:both !important; width:940px; height: 100px; padding: 10px; color:#200f08 ; //border-top: 1px dotted #000; background:#fff; } :::

13. Crear un commit indicant que s'afegeixen les CSS del footer.

14. Afegir la següent informació.

:::info h1 { font: 32pt Helvetica,"Helvetica neue", Arial, sans-serif; text-align: center; text-transform: uppercase; color: #000; padding-top: 30px ; text-shadow: 1px 1px 2px #fff; } a:hover { border-bottom:1px dotted #d2543c; }

a img { border:none; } :::

15. Crear un commit indicant que s'afegeixen les CSS de l'H1 i dels enllaços.

16. Actualitzar la pàgina remota de forma regular fent amb l'ordre push.

git push [nom-remot][nomeni-branca] ( és possible que tingueu que pujar mes d'una branca en algun moment de la practica)

17. Crear una etiqueta de v1.0

18. Crear una branca “develop”.

19. En aquesta branca de desenvolupament anem a realitzar diverses tasques:

20. Crear un directori de images i moure allí el logotip logo.png.

21. Crear un commit indicant que es mou el logotip a la carpeta images.

22. Crear un directori de CSS i moure allí les CSS style.css.

23. Crear un commit indicant que es mou la CSS a la carpeta CSS.

24. Canviar les referències a la CSS en el index.htm i al logotip logo.png en la CSS.

25. Crear un commit indicant que es canvien les referències a les CSS i a les imatges al reorganitzar-les en directoris.

26. Actualitzar la pàgina remota de forma regular fent amb l'ordre push.

27. Anar al vostre repositori en Github.com i comprovar que ho teniu idèntic al vostre repositori local.

A GITHUB.COM:

28. Crear una branca “bugfix” a partir de la “master” per resoldre una sèrie de modificacions.

29. Treure els comentaris en les CSS de les dues vores (comencen per //border ).

30. Crear un commit indicant que introdueixen les vores en la barra dreta i en el footer.

31. Introduir com a títol “Diari de Vostre Nom”.

32. Crear un commit indicant que s'introdueix el títol a la pàgina.

33. Canviar 2012 per 2018 en el footer. Treure (c).

34. Crear un commit indicant que es realitzen petits ajustos en el footer.

35. Crear una etiqueta de v1.1

36. Portar aquests canvis a la branca “master” ( realitzar un merge).

37. Esborrar la branca “bugfix”.

38. Portar els canvis de la branca “develop” a la branca “master”. Resoldre els conflictes, si hi hagués.

39. Crear una etiqueta de v1.2

40. Afegir fitxer DOCUMENT.MD amb tota la pràctica, captura de pantalla, explicacions etc…També en Markdown. ( en github). Podeu triar entre elaborar-lo en local i pujar-ho a github ( ex: drag and drop) o treballar directament en l'editor de Github.