{"id":3568,"date":"2010-07-28T19:18:06","date_gmt":"2010-07-28T17:18:06","guid":{"rendered":"https:\/\/www.artera.net\/it\/blog\/?p=3568"},"modified":"2023-02-27T14:56:26","modified_gmt":"2023-02-27T14:56:26","slug":"dalla-proposta-grafica-al-css-usare-photoshop","status":"publish","type":"post","link":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/","title":{"rendered":"Dalla proposta grafica al CSS – Usare Photoshop"},"content":{"rendered":"

\"photoshop_icon\"Come abbiamo visto nel post precedente, una volta identificata la struttura HTML<\/a>, possiamo cominciare a lavorare sul CSS. Per farlo cominciamo con aprire il file PSD in Photoshop e a raccapezzarci nel mondo del programma che ha rivoluzionato il mondo dell’immagine digitale.<\/p>\n

Per cominciare visualizziamo tutte le guide. Ho l’abitudine di realizzare la griglia di impaginazione principale attraverso le guide e lasciarle nel file come riferimento per il web designer. Per farlo andare su View > Show > Guides <\/em>o pi\u00f9 semplicemente digitare CTRL+H <\/strong>(comando che mostra\/nasconde tutti i riferimenti visivi disponibili comprese le note <\/strong>di cui abbiamo parlato nel precedente capitolo<\/a>).<\/p>\n

Oltre alla guide che identificano le colonne della struttura <\/strong>(nel file di esempio \u00e8 usata una derivazione del template di 960 grid system), sono solito lasciare anche quella che viene definita la griglia verticale<\/a>, ovvero la griglia che guida il posizionamento del <\/strong>testo e che corrisponde all’altezza della riga <\/strong>testo.<\/p>\n

\"grid\"<\/p>\n

Tale griglia ci sar\u00e0 molto utile per settare il line-height <\/em>del body della pagina e come riferimento visivo per le misure.<\/p>\n

Prima di proseguire nella parte pratica dobbiamo ancora soffermarci un attimo su altri aspetti. Oggi ci concentreremo su alcuni strumenti utili all’utilizzo di Photoshop in modo da potersi orientare nel file in modo veloce.<\/p>\n

Muoversi nel file<\/h3>\n

\"hand-tool\"Per muoversi con destrezza nel file utilizzare sempre lo strumento Hand <\/em>(H<\/strong>) o molto pi\u00f9 velocemente, la barra spaziatrice<\/strong>, premendola potremo spostarci nel file anche se questo va al di fuori dell’ampiezza del monitor.<\/p>\n

Per un movimento pi\u00f9 intuitivo, entrare nella modalit\u00e0 full screen <\/strong>di Photoshop schiacciando ripetutamente la lettera F<\/strong> fino a trovare l’impostazione pi\u00f9 comoda. Ricordo inoltre che per sgombrare dalle migliaia <\/em>di palette il monitor (e poi farle riapparire) basta usare il TAB<\/strong>.<\/p>\n

Eseguire uno zoom<\/h3>\n

\"zoom-tool\"Per zoomare in avanti, \u00e8 necessario attivare lo strumento zoom<\/em>. Schiacciando barra spaziatrice + CTRL <\/strong>attiverete lo strumento, aggiungendo alla combo anche ALT <\/strong>lo zoom all’indietro. L’effetto \u00e8 ottenibile anche premendo i tre tasti e ruotando la rotellina<\/strong> del mouse. Per ritornare allo zoom 1:1 ovvero le dimensioni originali del file premere CTRL+ALT+0<\/strong>, mentre per vedere l’intero file all’interno della finestra premere CTRL+0<\/strong>.<\/p>\n

Selezione di un livello e spostamento<\/h3>\n

\"move-tool\"Talvolta \u00e8 necessario selezionare un livello particolare <\/strong>per isolarlo o tirarlo fuori dal file. Per farlo, posizionarsi sull’immagine e tenendo premuto CTRL+ALT+MOUSE DX<\/strong> il livello pi\u00f9 in alto sotto il puntatore verr\u00e0 selezionato nella palette dei livelli.<\/p>\n

La palette dei livelli \u00e8 quella finestra che ci mostra tutti i livelli disponibili nel file. Quando ho scoperto questa funzionalit\u00e0, all’inizio della mia carriera Photoshoppesca<\/em>, la mia vita \u00e8 letteralmente cambiata.<\/p>\n

Per spostare un livello, selezionare lo strumento Move <\/em>(V<\/strong>), selezionare il livello e trascinarlo. Per movimenti minimi di 1px <\/strong>per volta utilizzare le frecce <\/strong>della tastiera o freccia della tastiera + SHIFT <\/strong>per movimenti di 10px alla volta<\/strong>.<\/p>\n

Creare una selezione<\/h3>\n

\"marquee-tool\"In verit\u00e0 creare una selezione senza dover disegnare nulla \u00e8 un po’ un controsenso, ma con la palette info <\/strong>attivata, \u00e8 un modo veloce per fare le misure. Lo strumento di selezione rettangolare <\/em>(M<\/strong>) ci permette di selezionare delle aree all’interno del tavolo di lavoro. Una volta disegnata l’area, visualizzare la palette info tramite Window > Info <\/em>(F8<\/strong>) e nella parte in basso ci sar\u00e0 possibile vedere le dimensioni della selezione e le sue coordinate <\/strong>all’interno del file. Assicuriamoci di avere l’unit\u00e0 di misura giusta (pixel) <\/strong>nelle preferenze di Photoshop cos\u00ec da poter ottenere le stesse dimensioni che utilizzeremo nel CSS<\/strong>.<\/p>\n

Selezionare un colore<\/h3>\n

\"eyedropper-tool\"Con lo strumento contagocce <\/em>(I<\/strong>) \u00e8 possibile selezionare un colore dall’immagine<\/strong>. Cliccando sul pixel corrispondente, il colore viene inserito nella tavolozza che si trova in basso nella palette degli strumenti.<\/p>\n

\"colors\"Per determinare il valore del colore cliccare due volte sul colore di primo piano della <\/strong>tavolozza. Cos\u00ec facendo si aprir\u00e0 una finestra che mostra il valore assoluto del colore che abbiamo selezionato. Per quel che ci riguarda possiamo leggerlo in due punti, o come valore RGB o <\/strong>in modo pi\u00f9 pratico per il CSS come valore esadecimale<\/strong>.<\/p>\n

Leggere le caratteristiche di un testo<\/h3>\n

\"text-tool\"Per selezionare un testo, sia per eseguire un copia incolla, sia per riuscire a leggere le caratteristiche del font, possiamo, o selezionare il livello oppure cliccare sul testo (sempre che sia editabile) con lo strumento testo<\/em> (T<\/strong>). A supporto dello strumento testo esiste la palette dei caratteri, visualizzabile con Window > Character<\/em>, che ci mostra alcune caratteristiche che possono esserci utili con i CSS: la famiglia del font <\/em>(font-family e font-weight<\/strong>), la dimensione <\/em>in px (font-size<\/strong>), l’altezza della riga<\/em> (line-height<\/strong>), nonch\u00e8 la spaziatura tra le lettere <\/em>(letter-spacing<\/strong>, questo valore non corrisponde ai pixel, perci\u00f2 pi\u00f9 ostico da usare) ed il colore<\/strong> (color<\/em>).<\/p>\n

Nascondere i livelli<\/h3>\n

\"eye\"Nella palette dei livelli \u00e8 possibile identificare due tipologie di livelli, il livello singolo <\/strong>o il gruppo di livelli <\/strong>(identificato con una cartellina) contenente una serie di livelli singoli. Talvolta ci sar\u00e0 necessario nascondere un livello o un set<\/strong>, per farlo basta cliccare sull’occhiolino disegnato alla sinistra del livello<\/strong>. Tenendo schiacciato ALT <\/strong>mentre eseguiamo questa operazione nasconderemo tutti i livelli tranne quello cliccato<\/strong>.<\/p>\n

Creare un nuovo file<\/h3>\n

Ci sono volte in cui l’esportazione per il web <\/strong>(che vedremo pi\u00f9 avanti) non \u00e8 fattibile. Per aprire un nuovo file <\/em>al volo premere CTRL+N<\/strong>, inserire le dimensioni, ed il gioco \u00e8 fatto. Se il file serve con il fondo trasparente <\/strong>ricordiamoci di sbloccare <\/strong>il livello definito background cliccandoci sopra due volte e cancellandolo (se non si cancella \u00e8 perch\u00e9 almeno un livello deve esistere <\/strong>nel documento).<\/p>\n

A mio parere questi, insieme ad altri che vedremo sono gli strumenti basilari necessari per riuscire a mouversi in Photoshop e a gestire un file PSD al fine di estrarre le immagini utili nel CSS. Alla prossima<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

\"photoshop_icon\"Come abbiamo visto nel post precedente, una volta identificata la struttura HTML<\/a>, possiamo cominciare a lavorare sul CSS. Per farlo cominciamo con aprire il file PSD in Photoshop <\/a>e a raccapezzarci nel mondo del programma che ha rivoluzionato il mondo dell’immagine digitale.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[300],"tags":[150,42,151,152,66],"class_list":["post-3568","post","type-post","status-publish","format-standard","hentry","category-marketing","tag-photoshop","tag-grafica-web","tag-mockup","tag-proposta-grafica","tag-web-design"],"yoast_head":"\n\u2022 Dalla proposta grafica al CSS - Usare Photoshop - Artera<\/title>\n<meta name=\"description\" content=\"Leggi dal blog: Dalla proposta grafica al CSS - Usare Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2022 Dalla proposta grafica al CSS - Usare Photoshop - Artera\" \/>\n<meta property=\"og:description\" content=\"Leggi dal blog: Dalla proposta grafica al CSS - Usare Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Artera\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/artera.net\/\" \/>\n<meta property=\"article:published_time\" content=\"2010-07-28T17:18:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T14:56:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg\" \/>\n<meta name=\"author\" content=\"Sergio Ravera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergio Ravera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/\"},\"author\":{\"name\":\"Sergio Ravera\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\"},\"headline\":\"Dalla proposta grafica al CSS – Usare Photoshop\",\"datePublished\":\"2010-07-28T17:18:06+00:00\",\"dateModified\":\"2023-02-27T14:56:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/\"},\"wordCount\":958,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/07\\\/photoshop_icon.jpg\",\"keywords\":[\"Adobe Photoshop\",\"grafica web\",\"mockup\",\"proposta grafica\",\"web design\"],\"articleSection\":[\"Marketing\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/\",\"name\":\"\u2022 Dalla proposta grafica al CSS - Usare Photoshop - Artera\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/07\\\/photoshop_icon.jpg\",\"datePublished\":\"2010-07-28T17:18:06+00:00\",\"dateModified\":\"2023-02-27T14:56:26+00:00\",\"description\":\"Leggi dal blog: Dalla proposta grafica al CSS - Usare Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/07\\\/photoshop_icon.jpg\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/07\\\/photoshop_icon.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/marketing\\\/dalla-proposta-grafica-al-css-usare-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dalla proposta grafica al CSS – Usare Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"name\":\"Artera\",\"description\":\"Swiss Premium Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.artera.net\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\",\"name\":\"Artera\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"width\":300,\"height\":77,\"caption\":\"Artera\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/artera.net\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/artera\\\/\",\"https:\\\/\\\/www.instagram.com\\\/artera_swiss\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\",\"name\":\"Sergio Ravera\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"caption\":\"Sergio Ravera\"},\"description\":\"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/sergioravera\\\/\"],\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/author\\\/sergio-ravera\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u2022 Dalla proposta grafica al CSS - Usare Photoshop - Artera","description":"Leggi dal blog: Dalla proposta grafica al CSS - Usare Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/","og_locale":"it_IT","og_type":"article","og_title":"\u2022 Dalla proposta grafica al CSS - Usare Photoshop - Artera","og_description":"Leggi dal blog: Dalla proposta grafica al CSS - Usare Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","og_url":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2010-07-28T17:18:06+00:00","article_modified_time":"2023-02-27T14:56:26+00:00","og_image":[{"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg","type":"","width":"","height":""}],"author":"Sergio Ravera","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Sergio Ravera","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/"},"author":{"name":"Sergio Ravera","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0"},"headline":"Dalla proposta grafica al CSS – Usare Photoshop","datePublished":"2010-07-28T17:18:06+00:00","dateModified":"2023-02-27T14:56:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/"},"wordCount":958,"commentCount":2,"publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg","keywords":["Adobe Photoshop","grafica web","mockup","proposta grafica","web design"],"articleSection":["Marketing"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/","url":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/","name":"\u2022 Dalla proposta grafica al CSS - Usare Photoshop - Artera","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg","datePublished":"2010-07-28T17:18:06+00:00","dateModified":"2023-02-27T14:56:26+00:00","description":"Leggi dal blog: Dalla proposta grafica al CSS - Usare Photoshop. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","breadcrumb":{"@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/07\/photoshop_icon.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/it\/marketing\/dalla-proposta-grafica-al-css-usare-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/it\/"},{"@type":"ListItem","position":2,"name":"Dalla proposta grafica al CSS – Usare Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.artera.net\/it\/#website","url":"https:\/\/www.artera.net\/it\/","name":"Artera","description":"Swiss Premium Hosting","publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.artera.net\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.artera.net\/it\/#organization","name":"Artera","url":"https:\/\/www.artera.net\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","width":300,"height":77,"caption":"Artera"},"image":{"@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/artera.net\/","https:\/\/www.linkedin.com\/company\/artera\/","https:\/\/www.instagram.com\/artera_swiss\/"]},{"@type":"Person","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0","name":"Sergio Ravera","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","caption":"Sergio Ravera"},"description":"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.","sameAs":["https:\/\/www.linkedin.com\/in\/sergioravera\/"],"url":"https:\/\/www.artera.net\/it\/author\/sergio-ravera\/"}]}},"_links":{"self":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/3568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/comments?post=3568"}],"version-history":[{"count":10,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/3568\/revisions"}],"predecessor-version":[{"id":216407,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/3568\/revisions\/216407"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media?parent=3568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/categories?post=3568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/tags?post=3568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}