Hvordan man bliver en typesetter, eller hvorfor basics of typesetting bør vide alt

I kommentarerne til en af ​​vores artikler bedt læseren om et udvalg af kurser layout af websider. En simpel liste over links til websteder af rigtige og virtuelle uddannelsesinstitutioner ville være nyttigt for en del af bloggens publikum. Og således at publikationen interesserede alle læsere, måtte den udvides. Denne artikel vil være nyttig:

  • Webstedsejere og marketingfolk. Du vil lære, hvad HTML-layout er, og hvilke opgaver det løser.
  • Novice webmastere. Du vil forstå, i hvilke tilfælde du kan gøre uden en typesetter, og hvor du selv kan gøre sit arbejde.
  • Alle tilhængere af princippet "hvis du vil gøre det godt, gør det selv." Du vil lære, hvad minimumskendskab inden for webside layout er nødvendig for hver blogger, copywriter, marketingmedarbejder, site owner.
  • Fremtidige fagfolk. Du vil lære at blive en typesetter.

Hvad er et HTML-layout, og hvorfor er det nødvendigt?

Layout er scenen for websiteudvikling, hvor visuelle layouter oversættes til kode, der viser visning af sider i browsere. Konventionelt kan dette repræsenteres som følger: Layoutdesigneren oversætter siden fra designers visuelle sprog til browsernes sprog.

Oprullet side layout bliver fra en layout maker til en programmør, der integrerer det i et content management system. Derefter kan webmasteren udfylde og offentliggøre siden, og besøgende på webstedet kan se den.

Har du brug for layouttjenester til ejere af eksisterende websteder? Svaret på spørgsmålet afhænger af webmasterens behov.

Hvis bloggeren eller administratoren af ​​virksomhedswebstedet er tilfreds med ressourcens funktionalitet og udseende og dens individuelle sider, har han ikke brug for en koder. Offentliggørelsen af ​​noter i bloggen, beskrivelser af produkter i online-butikken, indholdet på siderne på webstedet vil klare enhver medarbejder med minimal viden om HTML. Desuden kan du sende en notat eller beskrivelse af produktet, selvom du ikke har hørt noget om HTML.

I populære CMS er der visuelle redaktører, som du kan formatere indhold og gøre det læseligt. Vær opmærksom på mulighederne i den almindelige WordPress WYSIWIG editor.

Du kan skrive teksten direkte i CMS-editoren, formatere den, tilføje billeder. CMS-funktionalitet giver korrekt visning af indhold med et par forbehold.

Se også: Sådan opretter du en hjemmeside på WordPress: en komplet vejledning til begyndere

Udgivelse af indhold med en visuel editor kan stadig føre til problemer. I dette tilfælde tillades ikke den normale visuelle editor af motoren at vise undertekster af den første og anden ordre korrekt. Du kan visuelt markere tekst med fed eller kursiv, men det gør det ikke til en undertekst for browseren og søgemaskinerne. Også for brugerne er det ikke klart, hvorfor teksten er fremhævet.

I teorien kan problemet løses uden kendskab til HTML. Det er nok at formatere indholdet korrekt i et tekstbehandlingsprogram og overføre det til CMS visuelle editor.

CMS-editoren konverterede automatisk det visuelle format af indholdet til HTML-kode. Det vil sige, det er nok for webstedets administrator at offentliggøre indhold for at kunne arbejde med en tekstbehandler og en WYSIWYG CMS editor.

Men undertiden kopierer indhold fra Word til CMS fører til fejl. Vær opmærksom på sidekoden.

I praksis er det i det mindste nødvendigt med minimal viden om HTML-indholdshåndtering. Dette bekræftes af illustrationen ovenfor: Ekstra undertekstkoder findes i koden på siden. Sådan affald er en hyppig bivirkning ved kopiering af indhold fra tekstbehandlere, såsom Word. Detaljer yderligere.

"Koden kan du ikke være, men HTML skal vide"

Et tilpasset uddrag fra Nekrasovs arbejde refererer til ejere, administratorer og indholdsforvaltere af websteder. Igen skal du være opmærksom på de ekstra tags på siden, når du kopierer indhold fra MS Word. I dette tilfælde påvirker de ikke brugeroplevelsen direkte: Besøgende på siden kan ikke se dem.

Papirkurvkoden, der rammer en side, når du kopierer indhold fra tekstredigerere, kan medføre problemer. Hvis der f.eks. Er indhold inde i ekstra tags, vises det forkert for brugerne. En sådan fejl vil krænke strukturen på siden og gøre den dårlig kvalitet.

Unødvendige tags gør sidekoden ugyldig. Kodens gyldighed er ikke medtaget i antallet af faktorer, der placerer webstederne på de største søgemaskiner. En ugyldig sidekode kan dog sende søgrobotter på den forkerte vej og forvride resultaterne for scanning af sider.

Et simpelt eksempel: Underoverskrifter hjælper søgemaskiner med at strukturere tekst til meningsfulde blokke. Hvis underteksten siger "Sådan opretter du en robots.txt-fil", forstår søgemaskinen, at det relevante afsnit på siden skal behandle robots.txt-filen.

Hvad sker der, hvis underteksten ikke er mærket med gyldige HTML-tags? Yandex og Google finder det sværere at bestemme, hvad den relevante del af siden handler om. Roboter kan finde siden irrelevant til anmodninger om en robots.txt-fil. Som følge heraf vil siden få færre besøgende.

Se også: Sådan bruger du en robots.txt-fil

Nu er det klart, hvorfor en blogger, en journalist eller en skomager og deltidsadministrator af skomagerens websted ikke vil skade mindst ved de grundlæggende HTML-tags? For eksempel kan denne viden hjælpe med at fjerne affaldet fra siden.

De fleste WYSIWIG redaktører i CMS har to tilstande: visuel og HTML. For at finde og fjerne unødvendige tags fra sidekoden er det nok at skifte den almindelige WordPress-editor til "Tekst" -tilstanden.

Kendskab til HTML på et grundlæggende niveau forhindrer, at ekstra kode vises på en side under overførsel af indhold fra en tekstbehandler til motorredaktøren. For at løse dette problem skal du rengøre indholdet, der er oprettet i Word, fra formatering. For at gøre dette skal du bruge funktionen "Slet formatering" i et tekstredigeringsprogram eller kopiere indholdet og indsætte det i Notesblok. Derefter indsæt det formaterede indhold i CMS-editoren i HTML-format.

Tag indhold ved hjælp af HTML tags og publicer.

Rydning af indhold fra formatering og tilføjelse af HTML-tags manuelt forhindrede udseende af affaldskode på siden og sikrede, at publikationen blev korrekt vist til brugere.

Hvad du behøver at vide, at webstedets administrator skal gøre uden koderen

Vær opmærksom på to punkter. For det første taler vi om hjemmesider for små virksomheder og personlige blogs, hvis ejere ikke ønsker eller ikke kan samarbejde med en professionel coder. Sande bootstrappere publicerer indhold på egen hånd. Og de har brug for grundlæggende viden om HTML-markup for at kunne slå en mur af tekst med et billede, der stikker ud af det i læsbart materiale.

Bootstrapping er en tilgang til at drive forretning, der indebærer finansiering af en virksomhed fra en iværksætteres egne ressourcer. Bootstrappere bruger ikke de ansattes ansattes service, før virksomheden når de planlagte mål.

For det andet gør kendskab til det grundlæggende i HTML ikke en blogger eller skomager og deltidsadministrator af stedet for en skomagerens værksted til en koder. At udføre layoutet professionelt, skal du lære og øve.

Administratoren af ​​bilvaskstedet vil ikke rødme til læsere for indhold, der er ubelejligt for opfattelse, hvis han har følgende viden:

  • Oversigt over websider og browsere. Hvordan internetbrowsere viser side sider til brugere. Hvad er strukturen i HTML-dokumentet, hvilke opgaver løser hyperlinks.
  • En generel ide om HTML. Hvorfor har du brug for et hypertekst markup sprog, hvor og hvordan det bruges.
  • Hvad er HTML-tags. Hvordan tags er angivet.
  • Nøgleetiketter. For korrekt at markere en enkel side på en hjemmeside eller en blog, er det i de fleste tilfælde tilstrækkeligt at kende tagene til overskrifter, afsnit, billeder, links. For korrekt brug af tags af billeder og links skal du huske deres vigtigste attributter.
  • En lidt mere avanceret viden hjælper med hjælp af tags til at identificere vigtige semantiske blokke eller visuelt adskille vilkårlige sætninger fra den omgivende tekst, tegne en punktum eller nummereret liste, citat.

For at kunne bruge tags korrekt skal webmaster forstå deres betydning. For eksempel skal en specialist kende forskellen mellem anden og tredje ordreoverskrift eller visuelt identiske i og em-tags.

Undersøgelsen af ​​grundlæggende oplysninger vil hjælpe med at markere og offentliggøre indhold. Hvis det grundlæggende er HTML, og interessen for weblayout ikke forsvinder, kan du virkelig begynde at lære og blive en professionel layout maker.

Er det svært at lære layout? Hvor er undervist på typesetteren? Hvad gør denne specialist i praksis? Lederen af ​​TexTerra-selskabets layoutafdeling, Alexey Pechenkin, fortalte om dette og ikke kun læserne.

"Fabrikanten opfatter designerens ideer"

Alexey delte oplysninger om typesetting profession, på trods af den ekstreme arbejdsbyrde. Han forklarede straks, hvad der måtte distraheres af hensyn til et mini-interview til en blog.

Dmitry Dementiy: Fortæl os i et par ord om typesetting professionen: Hvad gør du og medarbejderne på din afdeling, hvordan organiseres arbejdsprocessen? En koder - hvem er dette: en programmør, en teknisk specialist, en designer? De britiske og amerikanere kalder typografiske layoutdesignere. Kan en HTML-kodeord kaldes en kunstner?

Alexey Pechenkin: For det meste er vores job at tilføje indhold til webstedet. De opgaver, vi skal arbejde med, er i de fleste tilfælde ens. Dette er et layout af artikler, sektioner og infographics til offentliggørelse på websteder. Ofte er det nødvendigt at løse mere komplekse problemer. For eksempel kræver landingslayout en stor indsats fra en specialist. En koder kan ikke kaldes en programmør eller designer. Dette er et selvstændigt erhverv.

DD.: Hvilke opgaver løser HTML-layout ud fra ejeren af ​​webstedet? Hvordan kan coderen hjælpe ejeren af ​​en onlinebutik?

A.P.: Enkelt sagt, layout - udformningen af ​​designerens ideer. På udviklingsstadiet tegner designeren den generelle struktur, udseendet af webstedet og efter layoutdesigneren alle disse redskaber. Dette gøres ved hjælp af HTML og andre markup sprog, der kan "forstå" og konvertere browseren til vores sædvanlige websider.

Layout af nye elementer af sider, sektioner, blokke - alt dette gøres også af layoutdesignere. Ved hjælp af et weblayout opretter specialisten en statisk side, som om nødvendigt kan front-endprogrammereren tilføje interaktive elementer.

DD.: Mest populære CMS har visuelle redaktører af publikationer. Betyr det, at websiteejere på WordPress, Drupal eller Bitrix ikke har brug for en layoutdesigners tjenester?

A.P.: Nej det er det ikke Den visuelle editor gør livet lettere for den gennemsnitlige bruger: redaktøren, bloggeren. Med hjælp fra redaktøren kan en person uden nogen formateringskendskab tilføje materiale til sin blog, hjemmeside eller side.

Disse redaktører sparer virkelig ikke-specialister fra at skulle gøre det ekstra arbejde for dem: markere indholdet. Men redaktørernes funktionalitet er meget begrænset. På grund af dette kan en editor uden HTML-viden ikke altid designe en side i overensstemmelse med brugernes behov og W3C-standarder.

Et simpelt eksempel: Den almindelige editor af den mest populære WordPress-motor giver dig mulighed for at vælge en tekst passage i fed eller kursiv. I sidekoden kan du se, at udvælgelsen udføres med henholdsvis de respektive stærke og em-tags. I nogle tilfælde gøres denne markering fortrinsvis ved hjælp af b og i tags. Den visuelle editor WP har ikke sådanne værktøjer, så du skal tilføje tags manuelt. Og dette kræver relevant viden.

Når vi laver artikler, nyheder og andre materialer på webstederne, bruger vi ikke visuelle redaktører. De begrænser mulighederne, og vi skal ofte arrangere materialet på vores egen måde, med vores egne stilarter.

DD.: Tror du, du har brug for minimumskendskab til HTML-layout for marketingfolk, tekstforfattere, bloggere? Kan en journalist eller tekstforfatter selvstændigt oprette sit eget materiale og offentliggøre det på webstedet? Eller skal hver specialist lave sin egen virksomhed?

A.P.: Alle kan drage fordel af minimal viden på dette område. Ja, en tekstforfatter med minimal viden i layoutet vil være i stand til at pålægge sit materiale uden problemer. Dette kræver kun grundlæggende kendskab til tags i html. Men på en eller anden måde gøre materialet uden for boksen, skal du have andre færdigheder, som indholdsførere eller layoutdesignere besidder.

DD.: Som ejeren af ​​hjemmesiden, som ikke har den relevante viden, kan man kontrollere kvaliteten af ​​makeup-kunstneren? Hvad du skal gøre for at gøre dette: Kontroller visningen af ​​sider i forskellige browsere, kontroller URL'en eller koden i W3C-validatoren, se fejldata i kontorer for webmastere? Hvordan kan en person, langt fra et HTML-layout, forstå, at alt foregår professionelt?

A.P.: Ja, først og fremmest kan du se sider på forskellige opløsninger og enheder samt scanne siden i validatoren. Med et dårligt layout vil alle de brister, som layoutdesigneren efterlod, straks mærkes. Hvad angår selve koden, vil en person uden viden ikke bestemme kvaliteten.

Du kan tjekke sidedisplayet på skærme med forskellige opløsninger ved hjælp af Screenfly-tjenesten. Du kan tjekke siden i forskellige browsere ved hjælp af Browsershot.

DD.: Læsere er interesserede i muligheden for at lære HTML-layout. Er det muligt for alle at blive en god specialist på dette område? Hvilke kvaliteter har en god koder brug for?

A.P.: Ja, jeg tror, ​​at nogen kan lære dette. Det vigtigste er at have lyst og tålmodighed. Hvis noget ikke virker med det samme, så skal du bare øve mere. Det hele afhænger af dig.

DD.: Hvor lærer de layout? Disse er fuldtidsuddannelsesinstitutioner, online-kurser? Er det muligt at lære selvstændigt ved hjælp af lærebøger og manualer?

A.P.: Der er så mange online kurser, samt forskellige kanaler på YouTube, hvor folk deler oplevelser, offentliggør lektioner og en masse nyttige oplysninger om dette emne. Der er også mange bøger om layout. Men med bøger er det vanskeligere: det bliver svært at finde rigtig godt.

At få viden og lære at pålægge er ikke svært. Det vigtigste er at være mere interesseret i emner og praksis med den opnåede viden.

DD.: Hvilken slags viden har en god koder brug for?

A.P.: En god typesetter skal først og fremmest følge nyhederne i it-verdenen, alle de nyskabelser og teknologier, der forekommer fra tid til anden på dette område, da internettet ikke står stille. Derfor skal designere konstant lære og forbedre deres færdigheder. Hvis vi snakker om det grundlæggende sæt viden, så er det HTML og CSS, samt i det mindste grundlæggende kendskab til Javascript (Jquery).

DD.: Tak for info.

A.P.: Venligst. Læsers succes i læring.

Se også: Hvilke CMS at vælge: En guide til valg af en "motor" til webstedet

Hvor skal man lære layout

Følgende udvalg af træningsressourcer hjælper dig med at få en generel ide om HTML-layout eller blive en professionel koder. Til træning behøver du kun ønsket og en pc med internetadgang. Også kendskab til det engelske sprog er nyttigt for dig, da der er engelsksprogede ressourcer i samlingen.

Følgende ressourcer hjælper dig med at lære webdesign:

Online kurser for begyndere og avancerede

  1. Gratis kursus "Fundamentals of HTML and CSS" fra "Netology". Fem timers klasser vil introducere dig til det grundlæggende i HTML og CSS. Kurset vil være nyttigt ikke kun for fremtidige webdesignere, men også for alle fagfolk, der arbejder inden for internetmarkedsføring.
  2. Gratis video kursus på HTML og CSS fra WebForMyself.com vil passe brugere med ethvert niveau af træning. Det kan betragtes som den første fase af træning for fremtidige webdesignere eller et værktøj til professionel udvikling for bloggere, journalister eller webstedsadministratorer.
  3. Online kursus "Basic HTML og CSS" fra Html-akademiet.
  4. Semiårigt kursus "Professionelt layout af websteder efter moderne standarder" fra Geekbrains giver dig mulighed for fjernt at lære erhvervsmæssigt som typesetter.
  5. Hvis layoutet du er interesseret i, kan du fortsætte din uddannelse på kurset af "Netology" "HTML-layout: fra bunden til det første layout." Efter at have modtaget et eksamensbevis, kan du sikkert kalde dig en nybegynder typesetter.

Nyttige tema websteder

  1. Site htmlbook.ru. Dette informationsnav vil være nyttigt både for fremtidige og nybegyndere webdesignere og for erfarne fagfolk. Denne ressource til webdesignere er den samme som Surch for SEOs og Texterra's blog for internet marketingfolk. Vær opmærksom på forummet.
  2. I blog layout designer Julia Panina, vil du finde universel visdom om layoutet, søge, arbejde med populære CMS. Desværre er bladet ikke opdateret meget ofte. Men der er så mange materialer offentliggjort om emnet, hvilket er nok til en hel bog.
  3. Beherskede de grundlæggende oplysninger? Så udvikle og kig efter de nyttige oplysninger om "Habré". Куда же без этого ресурса, если вы решили стать технарем?
  4. Css-live.ru. Этот ресурс будет полезным для дизайнеров, верстальщиков и веб-программистов.
  5. Справочный хаб для верстальщиков от студии Артемия Лебедева.
  6. Консорциум всемирной паутины. Эта организация занимается разработкой и валидацией интернет-стандартов. Будущим и состоявшимся верстальщикам будет полезен валидатор разметки.

Очные курсы по веб-верстке

  1. Если вы хотите обучаться очно, запишитесь на месячный курс "Верстка для начинающих" от CubeComp Development. Klasser afholdes i Moskva.
  2. Et andet fuldtidsfri kursus for begynderlayoutdesignere tilbydes af Specialist Training Center ved Moscow State Technical University. NE Bauman.

Find fuldtids kurser layout i din by, du kan bruge søgemaskiner.

Web layout bøger

  1. "Learning HTML 5," B. Lawson, R. Sharp. Du kan købe denne bog i elektronisk eller papirformat.
  2. "CSS. Cascading Style Sheets. Detaljeret Guide", E. Meyer. Denne bog betragtes som en klassiker, som enhver koderen skal blive fortrolig med.
  3. "HTML og CSS. Stien til perfektion", B.Henik. En anden lærebog, obligatorisk for begyndere.
  4. "Webdesign ved standarder", D. Zeldman. Bogen er beregnet til fagfolk, der har en grundlæggende viden om HTML og CSS. Den blev offentliggjort for mere end 10 år siden, men er fortsat relevant.
  5. "HTML, JavaScript, PHP og MySQL. Gentlemans sæt af webmasters", Nikolai Prokhorenok.

Engelsktalende ressourcer

Kendskab til engelsk betragtes som næsten obligatorisk for oprettelsen. Et af argumenterne - de mest moderne og relevante bøger og artikler vises først på engelsk, og derefter oversættes de til russisk. Hvis du kommunikerer roligt på et fremmedsprog, vil de ressourcer, der er angivet nedenfor, være nyttige for dig.

  1. W3School.com. Denne ressource kan bruges som reference til layoutet. Det kan kaldes den engelske analoge af htmlbook.ru. Udenlandske eksperter anbefaler ikke at bruge webstedet til træningslayout, selv om det har undervisning på HTML og CSS.
  2. Lær at kode HTML og CSS. Dette er en komplet online-tutorial, der hjælper dig med at beherske det grundlæggende ved opsætning.
  3. Guide til weblayout for begyndere. I denne enorme guideartikel fra Ian Lloyd er næsten alle spørgsmål relateret til træning af typesetter professionen behandlet. Du vil lære, hvilken software der er bedre at bruge, hvordan man markerer sider, hvordan man arbejder med stilark og meget mere.
  4. Activejump er en hjemmeside træner til HTML og CSS. Dette er ikke kun en online-øvelse, men et online kursus, hvor du selvstændigt kan erhverve viden og formskaber inden for formatering.
  5. I Channel 9 video bloggen finder du 21 HTML og CSS video tutorials fra Microsoft udviklere. Kurset er designet til begyndere, der ønsker at blive professionelle.
  6. HTML5 Tutorial. Et andet site-tutorial på layoutet for begyndere.
  7. Intro til HTML og CSS af Khan Academy. En anden gratis online tutorial til begynder webdesignere.

Du kan vælge en eller flere ressourcer til eksternt eller internt for at lære layoutet.

Enhver kan blive en layout designer.

Lær HTML-layout under hver persons kraft. Hvis du planlægger at beherske et nyt erhverv, skal du dykke ind i en verden af ​​HTML, CSS og JavaScript, følge ændringer i standarder og teknologier og øve meget. Du kan studere personligt og i fravær, mod et gebyr og gratis, med en mentor eller uafhængigt. Disse muligheder kan realiseres ved hjælp af ovenstående træningsressourcer.

Den endelige undertekst af artiklen kan formuleres på følgende måde: alle skal blive en layout designer. Grundlæggende kendskab til HTML og CSS vil være nyttig for alle fagfolk, der arbejder i internetmarkedsføring. En blogger, journalist, tekstforfatter, marketingmedarbejder, webstedsejer skal være i stand til selvstændigt at markere og offentliggøre indhold. Selvfølgelig taler vi om standard markup og stilarter.

Efterlad Din Kommentar