PSD converteren naar WordPress in 5 stappen: A Definitive Guide (2 / 5 stap)

Stap 2: Index.html en style.css maken

De volgende stap is om de gesegmenteerde afbeeldingen in HTML- of XHTML-formaat-code en stijl met behulp van CSS. Dit proces vereist een grondige kennis van CSS en HTML. Hiervoor gebruiken de meeste programmeurs website maken van software zoals Dreamweaver en Fireworks, maar nogmaals het is aan de ontwikkelaar om te beslissen welke software zij wensen te gebruiken.

Het hoofddoel is om de gesegmenteerde afbeeldingen code in een HTML- en CSS-indeling, met volledige rollovereffecten en pixel perfecte plaatsing. Dit is ook de stap waar u bepalen of de site reageren zullen of niet door de CSS dienovereenkomstig wijzigen. Voor het gemak is het beter om de naam van het CSS-bestand als Style.css en het HTML-bestand als index.html.

Om te leren CSS en HTML-hier zijn een paar middelen

• W3Schools:-deze website is een compleet web-ontwikkelaars-gids voor CSS programmering. Het heeft vele gedetailleerde voorbeelden op CSS en HTML-codering en zelfs heeft een online compiler waarop u kunt de praktijk CSS en HTML.

• TutsPlus:-Tutsplus biedt een volledige video tutorial-serie gericht op het onderwijzen van HTML en CSS programmering kostenloos.

• https://Developer.mozilla.org/en-us/learn/CSS:-gemaakt door de open sourcegemeenschap achter de Mozilla Firefox browser, deze pagina bevat een lijst van de stap voor stap handleiding om tutorials en artikelen voor het maken van de lezer een CSS-model.

• CSS Basics:-de beste bron voor beginners om te leren van de basisbegrippen van CSS.

• http://make.WordPress.org/core/Handbook/Coding-Standards/CSS/:-een complete gids voor CSS codering normen dat is belangrijk voor het maken van de zoek zoekmachine vriendelijk en cross browser compatibel WordPress website. Deze standaard wordt geleverd door de WordPress Gemeenschap zelf.