Summary  
This chapter covers referencing external image resources by URL and integrating them into HTML code with attributes (src, alt, width), as well as organizing image metadata in JavaScript objects for dynamic gallery creation.

General domain of usage  
Web development

## Obiettivo
Aggiunta di immagini al sito web per renderlo più attraente per gli utenti. Come è possibile farlo? È possibile trovare immagini su fonti come <a href="https://unsplash.com/" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" ><svg width="1em" height="1em" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M17.289 17.305v0c-1.754 1.754-4.597 1.754-6.351 0l-7.76-7.759c-1.755-1.755-1.755-4.601 0-6.356v0c1.753-1.753 4.595-1.756 6.351-0.005l6.208 6.187"></path><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M12.504 13.97v0c1.754-1.754 4.597-1.754 6.351 0l7.762 7.762c1.754 1.754 1.754 4.597 0 6.351v0c-1.754 1.754-4.597 1.754-6.351 0l-5.953-5.953"></path></svg> Unsplash</a>. Da qui, è possibile cercare l’argomento desiderato, selezionare l’immagine, copiarne l’indirizzo e utilizzarla sul sito web.

#### 1. Ricerca dell’argomento desiderato
Visitare il sito <a href="https://unsplash.com/" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" ><svg width="1em" height="1em" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M17.289 17.305v0c-1.754 1.754-4.597 1.754-6.351 0l-7.76-7.759c-1.755-1.755-1.755-4.601 0-6.356v0c1.753-1.753 4.595-1.756 6.351-0.005l6.208 6.187"></path><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M12.504 13.97v0c1.754-1.754 4.597-1.754 6.351 0l7.762 7.762c1.754 1.754 1.754 4.597 0 6.351v0c-1.754 1.754-4.597 1.754-6.351 0l-5.953-5.953"></path></svg> https://unsplash.com/</a>. Inserire liberamente qualsiasi argomento di interesse.

#### 2. Selezionare l'immagine
Individuare l'immagine preferita e fare clic su di essa.

#### 3. Copiare l'indirizzo dell'immagine
Per copiare l'indirizzo dell'immagine, fare clic con il tasto destro sull'immagine e selezionare "Copia indirizzo immagine" dal menu contestuale.

#### 4. Utilizzo dell'immagine
È possibile incollare l'indirizzo copiato nell'attributo `src` dell'immagine per aggiungere l'immagine selezionata al sito web. Si consiglia inoltre di specificare la larghezza dell'immagine per garantire una corretta visualizzazione sul sito. È possibile fornire un contenuto descrittivo per l'attributo `alt` oppure utilizzare il titolo dell'articolo come valore per l'attributo `alt` dell'immagine.

Example:

PGltZwogIHNyYz0iaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE0NzczMzI1NTI5NDYtY2ZiMzg0YWVhZjFjP3E9ODAmdz0yOTQwJmF1dG89Zm9ybWF0JmZpdD1jcm9wJml4bGliPXJiLTQuMC4zJml4aWQ9TTN3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIeDhmQSUzRCUzRCIKICBhbHQ9IlVubG9ja2luZyB0aGUgUG93ZXIgb2YgRGFpbHkgSGFiaXRzIGZvciBPcHRpbWFsIEhlYWx0aCIKICB3aWR0aD0iMzYwIgovPg==

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+TXkgQmxvZzwvdGl0bGU+CiAgICA8bGluayByZWw9InN0eWxlc2hlZXQiIGhyZWY9ImluZGV4LmNzcyIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aGVhZGVyPgogICAgICA8aDE+V2VsY29tZSB0byBNeSBCbG9nPC9oMT4KICAgIDwvaGVhZGVyPgoKICAgIDxtYWluPgogICAgICA8YXJ0aWNsZT4KICAgICAgICA8aDI+VW5sb2NraW5nIHRoZSBQb3dlciBvZiBEYWlseSBIYWJpdHMgZm9yIE9wdGltYWwgSGVhbHRoPC9oMj4KICAgICAgICA8cD4KICAgICAgICAgIE1haW50YWluaW5nIG9wdGltYWwgaGVhbHRoIGlzIGEgbXVsdGlmYWNldGVkIGVuZGVhdm9yLCBvZnRlbiBhY2hpZXZlZCB0aHJvdWdoIHRoZQogICAgICAgICAgY29uc2lzdGVudCBwcmFjdGljZSBvZiBoZWFsdGh5IGhhYml0cy4gTnV0cml0aW9uIHBsYXlzIGEgcGl2b3RhbCByb2xlIGluIG91ciBvdmVyYWxsCiAgICAgICAgICB3ZWxsLWJlaW5nLCBzZXJ2aW5nIGFzIHRoZSBmb3VuZGF0aW9uIGZvciB2aXRhbGl0eSBhbmQgZGlzZWFzZSBwcmV2ZW50aW9uLiBFbWJyYWNpbmcgYQogICAgICAgICAgYmFsYW5jZWQgZGlldCByaWNoIGluIGZydWl0cywgdmVnZXRhYmxlcywgbGVhbiBwcm90ZWlucywgYW5kIHdob2xlIGdyYWlucyBmdWVscyBvdXIgYm9kaWVzCiAgICAgICAgICB3aXRoIGVzc2VudGlhbCBudXRyaWVudHMgd2hpbGUgZm9ydGlmeWluZyBvdXIgaW1tdW5lIHN5c3RlbXMuIE1vcmVvdmVyLCBwcmlvcml0aXppbmcKICAgICAgICAgIGh5ZHJhdGlvbiBlbnN1cmVzIHByb3BlciBib2RpbHkgZnVuY3Rpb25zIGFuZCBzdXBwb3J0cyBjb2duaXRpdmUgcGVyZm9ybWFuY2UuIEJ5CiAgICAgICAgICBpbnRlZ3JhdGluZyBtaW5kZnVsIGVhdGluZyBwcmFjdGljZXMgYW5kIHN0YXlpbmcgaHlkcmF0ZWQsIGluZGl2aWR1YWxzIGNhbiBlbmhhbmNlIHRoZWlyCiAgICAgICAgICBlbmVyZ3kgbGV2ZWxzLCBwcm9tb3RlIHdlaWdodCBtYW5hZ2VtZW50LCBhbmQgcmVkdWNlIHRoZSByaXNrIG9mIGNocm9uaWMgY29uZGl0aW9ucyBzdWNoCiAgICAgICAgICBhcyBoZWFydCBkaXNlYXNlIGFuZCBkaWFiZXRlcy4KICAgICAgICA8L3A+CiAgICAgICAgPGltZwogICAgICAgICAgc3JjPSJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTQ3NzMzMjU1Mjk0Ni1jZmIzODRhZWFmMWM/cT04MCZ3PTI5NDAmYXV0bz1mb3JtYXQmZml0PWNyb3AmaXhsaWI9cmItNC4wLjMmaXhpZD1NM3d4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh4OGZBJTNEJTNEIgogICAgICAgICAgYWx0PSJVbmxvY2tpbmcgdGhlIFBvd2VyIG9mIERhaWx5IEhhYml0cyBmb3IgT3B0aW1hbCBIZWFsdGgiCiAgICAgICAgICB3aWR0aD0iMzYwIgogICAgICAgIC8+CiAgICAgICAgPHA+CiAgICAgICAgICBJbiBhZGRpdGlvbiB0byBudXRyaXRpb24sIHJlZ3VsYXIgcGh5c2ljYWwgYWN0aXZpdHkgaXMgcGFyYW1vdW50IGZvciBtYWludGFpbmluZyBvcHRpbWFsCiAgICAgICAgICBoZWFsdGguIEVuZ2FnaW5nIGluIG1vZGVyYXRlIGV4ZXJjaXNlIGZvciBhdCBsZWFzdCAzMCBtaW51dGVzIG1vc3QgZGF5cyBvZiB0aGUgd2VlayBvZmZlcnMKICAgICAgICAgIGEgbXlyaWFkIG9mIGJlbmVmaXRzLCBpbmNsdWRpbmcgaW1wcm92ZWQgY2FyZGlvdmFzY3VsYXIgaGVhbHRoLCBzdHJlbmd0aGVuZWQgbXVzY2xlcyBhbmQKICAgICAgICAgIGJvbmVzLCBhbmQgZW5oYW5jZWQgbW9vZC4gRnVydGhlcm1vcmUsIGNvbnNpc3RlbnQgZXhlcmNpc2UgaGVscHMgbWFuYWdlIHN0cmVzcyBsZXZlbHMgYW5kCiAgICAgICAgICBwcm9tb3RlcyBiZXR0ZXIgc2xlZXAgcXVhbGl0eSwgY3J1Y2lhbCBjb21wb25lbnRzIG9mIG92ZXJhbGwgd2VsbC1iZWluZy4gQnkgaW5jb3Jwb3JhdGluZwogICAgICAgICAgZW5qb3lhYmxlIHBoeXNpY2FsIGFjdGl2aXRpZXMgaW50byBkYWlseSByb3V0aW5lcywgaW5kaXZpZHVhbHMgY2FuIGN1bHRpdmF0ZSBzdXN0YWluYWJsZQogICAgICAgICAgaGFiaXRzIHRoYXQgY29udHJpYnV0ZSB0byBhIGhlYWx0aGllciwgbW9yZSBmdWxmaWxsaW5nIGxpZmUuIFRocm91Z2ggdGhlIHN5bmVyZ3kgb2YKICAgICAgICAgIG51dHJpdGlvdXMgZWF0aW5nIGFuZCByZWd1bGFyIGV4ZXJjaXNlLCBpbmRpdmlkdWFscyBjYW4gdW5sb2NrIHRoZSBwb3dlciBvZiBkYWlseSBoYWJpdHMKICAgICAgICAgIHRvIG9wdGltaXplIHRoZWlyIGhlYWx0aCBhbmQgdml0YWxpdHkuCiAgICAgICAgPC9wPgogICAgICAgIDxwPkNhdGVnb3J5OiA8c3Ryb25nPkhlYWx0aDwvc3Ryb25nPjwvcD4KICAgICAgPC9hcnRpY2xlPgoKICAgICAgPGFydGljbGU+CiAgICAgICAgPGgyPlRoZSBDcnVjaWFsIFJvbGUgb2YgRGFpbHkgQWN0aW9ucyBpbiBFbnZpcm9ubWVudGFsIFByZXNlcnZhdGlvbjwvaDI+CiAgICAgICAgPHA+CiAgICAgICAgICBFbnZpcm9ubWVudGFsIHByZXNlcnZhdGlvbiBpcyBhIGNvbGxlY3RpdmUgcmVzcG9uc2liaWxpdHkgdGhhdCBoaW5nZXMgb24gdGhlIGRhaWx5IGFjdGlvbnMKICAgICAgICAgIG9mIGluZGl2aWR1YWxzLiBTaW1wbGUgeWV0IGltcGFjdGZ1bCBoYWJpdHMgY2FuIHNpZ25pZmljYW50bHkgY29udHJpYnV0ZSB0byB0aGUgaGVhbHRoIG9mCiAgICAgICAgICBvdXIgcGxhbmV0LiBPbmUgc3VjaCBwcmFjdGljZSBpcyByZWR1Y2luZyB3YXN0ZSB0aHJvdWdoIG1pbmRmdWwgY29uc3VtcHRpb24gYW5kIHJlY3ljbGluZy4KICAgICAgICAgIEJ5IGNob29zaW5nIHJldXNhYmxlIHByb2R1Y3RzLCBtaW5pbWl6aW5nIHNpbmdsZS11c2UgcGxhc3RpY3MsIGFuZCBwcm9wZXJseSBzb3J0aW5nCiAgICAgICAgICByZWN5Y2xhYmxlcywgaW5kaXZpZHVhbHMgY2FuIGRlY3JlYXNlIHRoZSBhbW91bnQgb2Ygd2FzdGUgdGhhdCBlbmRzIHVwIGluIGxhbmRmaWxscyBhbmQKICAgICAgICAgIG9jZWFucy4gVGhpcywgaW4gdHVybiwgaGVscHMgcHJvdGVjdCB3aWxkbGlmZSBhbmQgcmVkdWNlcyBwb2xsdXRpb24uIE1vcmVvdmVyLCBzdXBwb3J0aW5nCiAgICAgICAgICBzdXN0YWluYWJsZSBwcm9kdWN0cyBhbmQgcHJhY3RpY2VzLCBzdWNoIGFzIHB1cmNoYXNpbmcgbG9jYWxseS1zb3VyY2VkIGFuZCBlY28tZnJpZW5kbHkKICAgICAgICAgIGdvb2RzLCBjYW4gZnVydGhlciBkaW1pbmlzaCBvdXIgZW52aXJvbm1lbnRhbCBmb290cHJpbnQuCiAgICAgICAgPC9wPgogICAgICAgIDxpbWcKICAgICAgICAgIHNyYz0iaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1MzU5MTQyNTQ5ODEtYjUwMTJlZWJiZDE1P3E9ODAmdz0yOTQwJmF1dG89Zm9ybWF0JmZpdD1jcm9wJml4bGliPXJiLTQuMC4zJml4aWQ9TTN3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIeDhmQSUzRCUzRCIKICAgICAgICAgIGFsdD0iVGhlIENydWNpYWwgUm9sZSBvZiBEYWlseSBBY3Rpb25zIGluIEVudmlyb25tZW50YWwgUHJlc2VydmF0aW9uIgogICAgICAgICAgd2lkdGg9IjM2MCIKICAgICAgICAvPgogICAgICAgIDxwPgogICAgICAgICAgQW5vdGhlciBjcml0aWNhbCBhc3BlY3Qgb2YgZW52aXJvbm1lbnRhbCBwcmVzZXJ2YXRpb24gaXMgZW5lcmd5IGNvbnNlcnZhdGlvbi4gU21hbGwKICAgICAgICAgIGNoYW5nZXMgaW4gb3VyIGRhaWx5IHJvdXRpbmVzIGNhbiBsZWFkIHRvIHN1YnN0YW50aWFsIGVuZXJneSBzYXZpbmdzLiBGb3IgaW5zdGFuY2UsCiAgICAgICAgICB0dXJuaW5nIG9mZiBsaWdodHMgd2hlbiBub3QgaW4gdXNlLCB1bnBsdWdnaW5nIGVsZWN0cm9uaWMgZGV2aWNlcywgYW5kIHV0aWxpemluZwogICAgICAgICAgZW5lcmd5LWVmZmljaWVudCBhcHBsaWFuY2VzIGNhbiBzaWduaWZpY2FudGx5IHJlZHVjZSBob3VzZWhvbGQgZW5lcmd5IGNvbnN1bXB0aW9uLgogICAgICAgICAgQWRkaXRpb25hbGx5LCBvcHRpbmcgZm9yIHB1YmxpYyB0cmFuc3BvcnRhdGlvbiwgY2FycG9vbGluZywgb3IgdXNpbmcgYWx0ZXJuYXRpdmUgbW9kZXMgb2YKICAgICAgICAgIHRyYW5zcG9ydCBsaWtlIGN5Y2xpbmcgb3Igd2Fsa2luZyBjYW4gZGVjcmVhc2UgZ3JlZW5ob3VzZSBnYXMgZW1pc3Npb25zLiBUaGVzZSBwcmFjdGljZXMKICAgICAgICAgIG5vdCBvbmx5IGhlbHAgbWl0aWdhdGUgY2xpbWF0ZSBjaGFuZ2UgYnV0IGFsc28gcHJvbW90ZSBjbGVhbmVyIGFpciBhbmQgaGVhbHRoaWVyCiAgICAgICAgICBjb21tdW5pdGllcy4gQnkgaW50ZWdyYXRpbmcgdGhlc2UgZW52aXJvbm1lbnRhbGx5IGNvbnNjaW91cyBoYWJpdHMgaW50byBvdXIgZGFpbHkgbGl2ZXMsCiAgICAgICAgICB3ZSBjYW4gY29sbGVjdGl2ZWx5IG1ha2UgYSBzaWduaWZpY2FudCBpbXBhY3Qgb24gcHJlc2VydmluZyB0aGUgcGxhbmV0IGZvciBmdXR1cmUKICAgICAgICAgIGdlbmVyYXRpb25zLgogICAgICAgIDwvcD4KICAgICAgICA8cD5DYXRlZ29yeTogPHN0cm9uZz5FbnZpcm9ubWVudDwvc3Ryb25nPjwvcD4KICAgICAgPC9hcnRpY2xlPgoKICAgICAgPGFydGljbGU+CiAgICAgICAgPGgyPlRoZSBJbXBvcnRhbmNlIG9mIE1lbnRhbCBIZWFsdGggaW4gT3ZlcmFsbCBXZWxsLUJlaW5nPC9oMj4KICAgICAgICA8cD4KICAgICAgICAgIE1lbnRhbCBoZWFsdGggaXMgYW4gaW50ZWdyYWwgY29tcG9uZW50IG9mIG92ZXJhbGwgd2VsbC1iZWluZywgaW5mbHVlbmNpbmcgaG93IHdlIHRoaW5rLAogICAgICAgICAgZmVlbCwgYW5kIGFjdCBpbiBvdXIgZGFpbHkgbGl2ZXMuIEl0IHBsYXlzIGEgY3J1Y2lhbCByb2xlIGluIGRldGVybWluaW5nIGhvdyB3ZSBoYW5kbGUKICAgICAgICAgIHN0cmVzcywgcmVsYXRlIHRvIG90aGVycywgYW5kIG1ha2UgY2hvaWNlcy4gUHJvbW90aW5nIG1lbnRhbCBoZWFsdGggc3RhcnRzIHdpdGgKICAgICAgICAgIHJlY29nbml6aW5nIGFuZCBhZGRyZXNzaW5nIHRoZSBzaWducyBvZiBtZW50YWwgaGVhbHRoIGlzc3Vlcywgc3VjaCBhcyBwcm9sb25nZWQgc3RyZXNzLAogICAgICAgICAgYW54aWV0eSwgYW5kIGRlcHJlc3Npb24uIFJlZ3VsYXIgbWVudGFsIGhlYWx0aCBjaGVjay1pbnMsIHdoZXRoZXIgdGhyb3VnaCBzZWxmLXJlZmxlY3Rpb24KICAgICAgICAgIG9yIHByb2Zlc3Npb25hbCBjb3Vuc2VsaW5nLCBjYW4gaGVscCBpbmRpdmlkdWFscyBtYW5hZ2UgdGhlaXIgZW1vdGlvbnMgYW5kIG1haW50YWluIGEKICAgICAgICAgIGJhbGFuY2VkIG91dGxvb2sgb24gbGlmZS4gUHJpb3JpdGl6aW5nIG1lbnRhbCBoZWFsdGggY2FuIGxlYWQgdG8gaW1wcm92ZWQgcmVsYXRpb25zaGlwcywKICAgICAgICAgIHByb2R1Y3Rpdml0eSwgYW5kIGEgYmV0dGVyIHF1YWxpdHkgb2YgbGlmZS4KICAgICAgICA8L3A+CiAgICAgICAgPGltZwogICAgICAgICAgc3JjPSJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTUwNjEyNjYxMzQwOC1lY2EwN2NlNjg3NzM/cT04MCZ3PTIyMDImYXV0bz1mb3JtYXQmZml0PWNyb3AmaXhsaWI9cmItNC4wLjMmaXhpZD1NM3d4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh4OGZBJTNEJTNEIgogICAgICAgICAgYWx0PSJUaGUgSW1wb3J0YW5jZSBvZiBNZW50YWwgSGVhbHRoIGluIE92ZXJhbGwgV2VsbC1CZWluZyIKICAgICAgICAgIHdpZHRoPSIzNjAiCiAgICAgICAgLz4KICAgICAgICA8cD4KICAgICAgICAgIEluY29ycG9yYXRpbmcgbWVudGFsIGhlYWx0aCBwcmFjdGljZXMgaW50byBkYWlseSByb3V0aW5lcyBpcyBlc3NlbnRpYWwgZm9yIHN1c3RhaW5pbmcKICAgICAgICAgIG1lbnRhbCB3ZWxsLWJlaW5nLiBUZWNobmlxdWVzIHN1Y2ggYXMgbWluZGZ1bG5lc3MsIG1lZGl0YXRpb24sIGFuZCByZWd1bGFyIHBoeXNpY2FsCiAgICAgICAgICBhY3Rpdml0eSBjYW4gcmVkdWNlIHN0cmVzcyBhbmQgZW5oYW5jZSBtb29kLiBNaW5kZnVsbmVzcyBlbmNvdXJhZ2VzIHByZXNlbnQtbW9tZW50CiAgICAgICAgICBhd2FyZW5lc3MsIGhlbHBpbmcgaW5kaXZpZHVhbHMgbWFuYWdlIG92ZXJ3aGVsbWluZyB0aG91Z2h0cyBhbmQgZW1vdGlvbnMuIFNpbWlsYXJseSwKICAgICAgICAgIG1lZGl0YXRpb24gcHJvbW90ZXMgcmVsYXhhdGlvbiBhbmQgbWVudGFsIGNsYXJpdHksIHdoaWxlIHBoeXNpY2FsIGFjdGl2aXR5IHJlbGVhc2VzCiAgICAgICAgICBlbmRvcnBoaW5zLCB3aGljaCBhcmUgbmF0dXJhbCBtb29kIGxpZnRlcnMuIEVuc3VyaW5nIGFkZXF1YXRlIHNsZWVwLCBtYWludGFpbmluZyBhIGhlYWx0aHkKICAgICAgICAgIGRpZXQsIGFuZCBmb3N0ZXJpbmcgc29jaWFsIGNvbm5lY3Rpb25zIGFsc28gY29udHJpYnV0ZSB0byBtZW50YWwgcmVzaWxpZW5jZS4gQnkgZW1iZWRkaW5nCiAgICAgICAgICB0aGVzZSBwcmFjdGljZXMgaW50byBkYWlseSBsaWZlLCBpbmRpdmlkdWFscyBjYW4gc3VwcG9ydCB0aGVpciBtZW50YWwgaGVhbHRoLCBsZWFkaW5nIHRvIGEKICAgICAgICAgIG1vcmUgYmFsYW5jZWQgYW5kIGZ1bGZpbGxpbmcgbGlmZS4KICAgICAgICA8L3A+CiAgICAgICAgPHA+Q2F0ZWdvcnk6IDxzdHJvbmc+SGVhbHRoPC9zdHJvbmc+PC9wPgogICAgICA8L2FydGljbGU+CiAgICA8L21haW4+CgogICAgPGZvb3Rlcj4KICAgICAgPHA+JmNvcHk7IDIwMjQgTXkgQmxvZy4gQWxsIHJpZ2h0cyByZXNlcnZlZC48L3A+CiAgICA8L2Zvb3Rlcj4KICA8L2JvZHk+CjwvaHRtbD4=

LyogUmVzZXQgZGVmYXVsdCBtYXJnaW4gYW5kIHBhZGRpbmcgKi8KYm9keSwKaDEsCmgyLApwLAppbWcgewogIG1hcmdpbjogMDsKICBwYWRkaW5nOiAwOwp9CgovKiBBcHBseSBmb250IGFuZCBiYWNrZ3JvdW5kIGNvbG9ycyAqLwpib2R5IHsKICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7CiAgYmFja2dyb3VuZC1jb2xvcjogI2UyZGZkMDsKICBjb2xvcjogIzMyMDEyZjsKfQoKLyogSGVhZGVyIHN0eWxpbmcgKi8KaGVhZGVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTI0YzQyOwogIHBhZGRpbmc6IDIwcHg7CiAgdGV4dC1hbGlnbjogY2VudGVyOwp9CgovKiBNYWluIGNvbnRlbnQgc3R5bGluZyAqLwptYWluIHsKICBwYWRkaW5nOiAyMHB4Owp9CgovKiBBcnRpY2xlIHN0eWxpbmcgKi8KYXJ0aWNsZSB7CiAgbWFyZ2luLWJvdHRvbTogMzBweDsKfQoKLyogQXJ0aWNsZSB0aXRsZSBzdHlsaW5nICovCmFydGljbGUgaDIgewogIGNvbG9yOiAjMzIwMTJmOwogIGZvbnQtc2l6ZTogMjRweDsKICBtYXJnaW4tYm90dG9tOiAxMHB4Owp9CgovKiBBcnRpY2xlIHBhcmFncmFwaCBzdHlsaW5nICovCmFydGljbGUgcCB7CiAgbGluZS1oZWlnaHQ6IDEuNjsKICBtYXJnaW4tYm90dG9tOiAxNXB4Owp9CgovKiBJbWFnZSBzdHlsaW5nICovCmFydGljbGUgaW1nIHsKICBkaXNwbGF5OiBibG9jazsKICBtYXgtd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiBhdXRvOwogIG1hcmdpbi1ib3R0b206IDE1cHg7Cn0KCi8qIENhdGVnb3J5IHN0eWxpbmcgKi8KYXJ0aWNsZSBwOmxhc3QtY2hpbGQgewogIGZvbnQtc3R5bGU6IGl0YWxpYzsKICBjb2xvcjogI2Y5NzMwMDsKfQoKLyogRm9vdGVyIHN0eWxpbmcgKi8KZm9vdGVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTI0YzQyOwogIGNvbG9yOiAjZTJkZmQwOwogIHRleHQtYWxpZ246IGNlbnRlcjsKICBwYWRkaW5nOiAxMHB4Owp9

Apprendi le basi dello sviluppo web sfruttando la potenza degli strumenti di IA come ChatGPT. Comprendi i ruoli di HTML, CSS e JavaScript nella creazione di siti web e come l'IA possa migliorare la velocità e la creatività nella programmazione. Esercitati nella creazione di prompt efficaci e nella generazione di codice con ChatGPT. Realizza un sito blog completo da zero utilizzando lo sviluppo assistito dall'IA, acquisendo competenze pratiche per i tuoi progetti web.

Introduzione ai concetti chiave e alle tecnologie nello sviluppo web, incluso il ruolo dell'IA nella programmazione moderna. Questa sezione pone le basi per il percorso di apprendimento, trattando le nozioni fondamentali dello sviluppo web e come l'IA migliori produttività, creatività ed efficienza nella programmazione.

Apprendere le tecnologie essenziali per lo sviluppo web. Esplorazione dei fondamenti di HTML, CSS e JavaScript, analizzando le loro funzionalità individuali e il ruolo collettivo nella definizione del panorama digitale.

Scopri la potenza di ChatGPT esplorandone le capacità e imparando come utilizzarlo in modo efficace.
Approfondimenti sulla creazione di prompt e sull'utilizzo del codice tramite ChatGPT.
Conclusione con suggerimenti pratici su come sfruttare ChatGPT in diverse applicazioni.

Creazione di un sito web di blog completo e funzionale da zero, integrando diverse tecniche di sviluppo web utilizzando ChatGPT.

Ricerca e Aggiunta di Immagini

Obiettivo

Passaggi

1. Ricerca dell’argomento desiderato

2. Selezionare l'immagine

3. Copiare l'indirizzo dell'immagine

4. Utilizzo dell'immagine

Risultato

Stato del sito web

Video tutorial

Awesome!