DOCUMENT.md

Marta Montoya Anton

M6 - Desenvolupament web en entorn client

PRÀCTICA DE GIT I GITHUB

1–. Creació d’una pàgina Web utilitzant eines Git i Github

Creem una carpeta amb el nom Diari Marta

Iniciem el repositori buit

Creem el fitxer index.html

Inserim la estructura bàsica de HTML

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

Afegir el contingut al head, entre i .

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

Afegir el contingut al body, entre i

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

Crear un repositori en GitHub que s’anomeni RemoteDiariMarta

Assignar al vostre repostiorio global el remot

Faig el git push:

Torno a posar una captura del git push amb la comanda del PDF, per error he posat un altra que fa un git push de la branca master.

Vaig al meu Github

Vaig el GitHub i està completament igual.

Afegir el contingut de section.

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

Crear un arxiu style.css.

Afegim les següents instruccions:

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

Afegim les següents instruccions:

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

Afegir en el directori arrel de projecte el logotip que apareixerà en la barra lateral esquerra: logo.png

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

Afegir la següent informació:

Afegir commit indicant que a'afegit el CSS del section

Afegir la següent informació:

Afegir commit indicant que a'afegit el CSS del footer

Afegir la següent informació:

Afegir commit indicant que a'afegit el CSS del H1 i els links

Actualitzar la pàgina remota de forma regular fent amb l'ordre push. git push [nom-remot][nomeni-branca]:

Crear git tag v1.0

Crear la branca "develop"

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

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

Crear un directori de CSS, moure allí les CSS style.css i crear un commit indicant que es mou la CSS a la carpeta CSS..

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

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

Fer ordre push

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

GITHUB.COM

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

Treure els comentaris en les CSS de les dues vores (comencen per //border ) i crear un commit indicant que introdueixen les vores en la barra dreta i en el footer.

Introduir com a títol “Diari de Vostre Nom” i crear un commit indicant que s'introdueix el títol a la pàgina.

Canviar 2012 per 2018 en el footer. Treure (c) i crear un commit indicant que es realitzen petits ajustos en el footer.

Crear tag v1.1

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

Esborrar la branca “bugfix”.

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

Hem diu que resolgui els conflictes mitjançant la linia de comandes.

Crear tag v1.2