{"id":22,"date":"2023-04-24T14:58:08","date_gmt":"2023-04-24T12:58:08","guid":{"rendered":"https:\/\/user0.gesem.es\/blog\/?page_id=22"},"modified":"2023-04-25T13:28:46","modified_gmt":"2023-04-25T11:28:46","slug":"publicacio-dhtml","status":"publish","type":"page","link":"https:\/\/user0.gesem.es\/blog\/publicacio-dhtml\/","title":{"rendered":"Publicaci\u00f3 d&#8217;HTML"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Per poder publicar a la web necessitem:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Un Servidor<\/li>\n\n\n\n<li>Un Domini <\/li>\n\n\n\n<li>Un Certificat de seguretat (aix\u00f2 \u00e9s suposadamet opcional, per\u00f2 ja veurem que, en realitat, \u00e9s for\u00e7a obligatori)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">El <strong>servidor<\/strong> \u00e9s, b\u00e0sicament, un ordinador connectat a la xarxa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El servidor, com qualsevol ordinador connectat a la xarxa d&#8217;internet, est\u00e0 identificat per una <strong>IP<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La World Wide Web (www) \u00e9s una xarxa mundial formada per dispositius connectats a punts d&#8217;acc\u00e9s (ISP: internet service provider). Aquests, al seu torn, es connecten a servidors DNS (Domain name server). Quan ens connectem a internet i accedim a l&#8217;URL d&#8217;un lloc web, la nostra petici\u00f3 passa per un DNS que sap a quina IP correspon el domini. Hi ha un organisme internacional (ICANN) que actualitza regularment la llista de dominis i IPs que hi ha als DNS. Aquesta informaci\u00f3 es va propagant d&#8217;un DNS a l&#8217;altre, \u00e9s el que s&#8217;anomena <strong>propagaci\u00f3 de DNS<\/strong>. Fins que no termina la propagaci\u00f3 de les DNS, pot passar que a unes parts del m\u00f3n el domini ja porti al servidor que toca i d&#8217;altres no.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quan fem servir un navegador i escrivim la URL d&#8217;un lloc web a la barra de navegaci\u00f3 (o si hi accedim fent clic a un enlla\u00e7), s&#8217;inicia una comunicaci\u00f3 protocol\u00b7litzada. El nostre navegador envia una petici\u00f3 al servidor. El servidor busca l&#8217;arxiu que hem demanat i ens el torna. El nostre navegador envia un senyal al servidor perqu\u00e8 s\u00e0piga que ja l&#8217;hem rebut. Llegeix el document i el mostra. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Si els servidors estan identificats amb una IP, per qu\u00e8 no podem fer-la servir per navegar per un lloc web? <\/strong>La resposta \u00e9s que la majoria dels llocs web comparteixen servidor amb altres llocs web. Normalment, si no paguem gaire pel servei, la nostra web compartir\u00e0 IP amb altres webs (perqu\u00e8 compartiran m\u00e0quina). Quan el servidor rep una petici\u00f3 d&#8217;un domini, sap a quina carpeta de la m\u00e0quina ha d&#8217;anar a buscar els arxius.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quan posem http:\/\/ o https:\/\/ davant del nom d&#8217;un domini, estem indicant quin <strong>protocol<\/strong> farem servir per a connectar-nos amb el servidor. http significa hyperText transfer protocol. La s de https significa Secure. Quan fem servir aquest protocol exigim que la informaci\u00f3 viatgi encriptada i que el servidor certifiqui que els arxius arriben d&#8217;all\u00e0 on suposadament han d&#8217;arribar, mitjan\u00e7ant un <strong>certificat de seguretat<\/strong>. Hi ha certificats de seguretat gratu\u00efts i de pagament.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La finalitat d&#8217;un certificat de seguretat \u00e9s:<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"lgtpyr8v\">\n<li><strong>Autenticar la identitat de la p\u00e0gina web<\/strong> garantint i informant els usuaris que la visitin que no estan en un lloc fals.<\/li>\n\n\n\n<li><strong>Xifrar tota la informaci\u00f3<\/strong> transmesa entre el servidor i l\u2019usuari (encriptant).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">No \u00e9s obligatori fer servir un certificat de seguretat, per\u00f2 el cert \u00e9s que:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> Si no hi ha un certificat, alguns navegadors poden intentar evitar que naveguem pel lloc web, avisant-nos que les nostres dades estan en perill.<\/li>\n\n\n\n<li>google penalitza els llocs web que no tenen un certificat de seguretat<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"lgtpanm8\"><strong>Tipus<\/strong> de certificat de seguretat:<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"lgtpzq30\">\n<li><strong>\u00danic<\/strong>: V\u00e0lid per a assegurar un domini o subdomini (domini.com i subdomini.domini.com).<\/li>\n\n\n\n<li><strong>Comod\u00ed<\/strong>: Assegura un domini i il\u00b7limitats subdominis.<\/li>\n\n\n\n<li><strong>Multidomini<\/strong>: Capa\u00e7 d\u2019assegurar diversos dominis.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"lgtpanm8\"><strong>Tipus de certificat<\/strong> segons all\u00f2 que verifica:<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"lgtq0398\">\n<li><strong>Validaci\u00f3 de dominis<\/strong>: Sol ser el m\u00e9s econ\u00f2mic i xifra i verifica de forma b\u00e0sica el titular del registre i la seva instal\u00b7laci\u00f3 sol ser r\u00e0pida, en uns minuts pot estar activa.<\/li>\n\n\n\n<li><strong>Validaci\u00f3 d\u2019organitzaci\u00f3<\/strong>: A m\u00e9s, autentica detalls del propietari com el seu nom o direcci\u00f3. Sol activar-se en unes hores o un parell de dies.<\/li>\n\n\n\n<li><strong>Validaci\u00f3 estesa (EV)<\/strong>: \u00c9s la m\u00e9s completa i ofereix el nivell m\u00e9s alt de seguretat perqu\u00e8 es duu a terme una recerca pr\u00e8via per a assegurar l\u2019autenticaci\u00f3 de l\u2019entitat i la titularitat dels dominis, aix\u00ed com l\u2019exist\u00e8ncia legal i f\u00edsica. Sol trigar uns dies o setmanes a estar actiu.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Avui hem apr\u00e8s a comunicar-nos amb el servidor mitjan\u00e7ant un <strong>client FTP<\/strong>. El Client FTP \u00e9s un programa que estableix una comunicaci\u00f3 amb el protocol FTP (file transfer protocol) i permet intercanviar arxius. Ens hem connectat al nostre espai al servidor de Gesem i hem pujat arxius html i imatges.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per connectar-nos amb el servidor de Gesem fem servir unes dades:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>l&#8217;adre\u00e7a del servidor<\/li>\n\n\n\n<li>el port<\/li>\n\n\n\n<li>un usuari<\/li>\n\n\n\n<li>una contrasenya<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Cadascuna de vosaltres t\u00e9 un petit espai al servidor de Gesem i un subdomini que hi dona acc\u00e9s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Els nostres usuaris nom\u00e9s tenen perm\u00eds per llegir i escriure en una carpeta del servidor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Recordeu!<br>Bones pr\u00e0ctiques:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mantenir una carpeta a l&#8217;ordinador amb els exercicis organtizats en carpetes<\/li>\n\n\n\n<li>Posar noms d&#8217;arxiu sense espais en blanc ni car\u00e0cters que no estiguin a l&#8217;alfabet angl\u00e9s<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"lgtqaxbm\"><strong>Exercici: <br><\/strong>Volem fer una p\u00e0gina web per una cl\u00ednica veterin\u00e0ria anomenada \u201cDr.Guau\u201d. De moment nom\u00e9s necessitem poder fer una petita p\u00e0gina en HTML amb el nom del centre, una foto de la botiga, l\u2019adre\u00e7a i el mapa.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"lgtqk324\">\n<li>Tria un domini<\/li>\n\n\n\n<li>Busca llocs on podries comprar aquest domini. Mira el cost de contractaci\u00f3 i el cost de renovaci\u00f3<\/li>\n\n\n\n<li>Busca llocs on podries allotjar la teva web per menys de 10\u20ac al mes.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Per poder publicar a la web necessitem: El servidor \u00e9s, b\u00e0sicament, un ordinador connectat a la xarxa. El servidor, com qualsevol ordinador connectat a la xarxa d&#8217;internet, est\u00e0 identificat per una IP. La World Wide Web (www) \u00e9s una xarxa mundial formada per dispositius connectats a punts d&#8217;acc\u00e9s (ISP: internet service provider). Aquests, al seu&hellip; <a class=\"more-link\" href=\"https:\/\/user0.gesem.es\/blog\/publicacio-dhtml\/\">Continueu llegint <span class=\"screen-reader-text\">Publicaci\u00f3 d&#8217;HTML<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":9,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/22\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}