Til å begynne med kan noen mene at dette ikke er et nødvendig verktøy i det hele tatt, men å se hele HTML-koden til et nettsted er flott for å finne de nødvendige elementene i koden, disse kan være lenker, tagger, metakoder, attributter og andre elementer .

Hurtigtastkombinasjon +åpne søkevinduet, i Chrome-nettleseren vises det øverst til høyre:

Figur 3. Søk etter nettstedskode

Etter at du har skrevet inn en forespørsel i søkeskjemaet, vil skjermen flytte til det første elementet som ble funnet, ved hjelp av pilene kan du flytte mellom dem og velge det du trenger:

Figur 4. Søk etter HTML-sidekode

Instruksjon 2: hvordan du viser og redigerer HTML- og CSS-koden til et nettsted i Google Chrome-nettleseren

Nå den viktigste delen, der jeg vil vise hvordan du kan redigere HTML- og CSS-koden til et nettsted i en nettleser. overføre deretter endringene til nettleseren.

Dette nyttige verktøyet er alltid tilgjengelig i nettleseren din med andre kommandoer som vil gjøre det enklere for deg å redigere nettstedet ditt.

SendPulse-tjenesten er et markedsføringsverktøy for å opprette en abonnementsbase og konvertere tilfeldige besøkende til nettstedet ditt til vanlige besøkende. SendPulse kombinerer på én plattform de viktigste funksjonene for å tiltrekke og beholde kunder:
● nyhetsbrev på e-post,
● web-push,
● SMS-utsendelser,
● SMTP,
● nyhetsbrev i Viber,
● sende meldinger til facebook messenger.

Nyhetsbrev på e-post

Sender push-varsler

SMTP

Facebook Messenger Bots

Sender SMS

Affiliate program

Størrelsen, fargen på noen viktige elementer i bloggen – som tittelen på bloggen eller innlegget, jo mer-taggen og lignende. Jeg søkte etter den nødvendige koden manuelt, eksperimenterte med testdomenet, på grunnlag av dette ble artikkelen senere skrevet.

Og nylig trengte jeg å endre fargen på lenker. Etter å ha lett gjennom en haug med litteratur om dette problemet, innså jeg en enkel ting: alle gir eksempler fra sine egne maler, men vi har alle forskjellige maler, og det er bra hvis koden fra eksemplet er i det minste litt lik: uten å sutre, Jeg vil fortsatt finne det ved å søke - ved å bruke metoden poke.

Nummeret fungerte ikke med lenkekoden. Alle pekte helt forskjellige veier. Jeg lurte på om det fantes et enkelt og nøyaktig verktøy, hvordan finne den nødvendige html-koden på et hvilket som helst nettsted. Mange bloggere, selv med erfaring, har problemer med å gjøre mindre endringer i malen. Det er ikke noe galt med dette, for alle har sine egne interesser og mål for å lage en nettside.

Ønsker du å gjøre små endringer i malen, f.eks. endre enhver overskrift, tittel på artikler og seksjoner, farge og størrelse på fonter og lenker, Vanligvis er det nok å lære det enkle prinsippet som er diskutert i denne artikkelen. Men det er også komplekse saker som krever enten en dypere studie av html og css, eller hjelp fra en spesialist.

En dag ba en bekjent meg finne ut hvor jeg kunne endre fargen på kategoripanelet i malen hans. Lastet opp et emne til et testunderdomene. Innstillingene for dette elementet ble ikke lagret i style.css, men i en annen fil, så en person kunne ikke finne den.

Hvordan finne og endre html- og css-koden til et nettsted

Hvis du ikke liker lange artikler, er dette noe for deg på slutten av artikkelen en videoopplæring som forteller hvordan du kan se nettsidens html-kode ved å bruke Notepad++ og gjøre endringer i utformingen av enhver mal ved å bruke et eksempel på hvordan du endrer skriftfargen. I videoen er det andre finesser ved håndtering av en blogg. Og for de som er nærmere og mer forståelige på teksten, nedenfor er en detaljert analyse av emnet med skjermbilder.
httpv://youtu.be/uIlVvwCt2ho

Begreper og begreper

Det ville være mer nøyaktig å tittelen artikkelen " Hvordan finne css-kode", men jeg bestemte meg for å stoppe ved "feil" navn, fordi svaret på dette spørsmålet i utgangspunktet er søkt i html. CSS og HTML er veldig forskjellige ting, selv om de er to deler av samme system. Det er mange tekniske artikler på Internett, her vil det være nok for oss å forstå at:

• HTML— er ansvarlig for strukturen til nettstedet (hva følger hva, i hvilken rekkefølge osv.). Dette er grunnlaget som nettstedet er opprettet på. Hvis vi sammenligner det med et hus, så er dette dets utforming, arrangementet av rom.
• CSS— er ansvarlig for designet (hvilke fonter, størrelser, farger osv.). Dette er den generelle stilen til huset og stilen til dets individuelle rom: hva slags tapet det vil være, lamper, gardiner, møbler. Derfor dokumentet som sier css-koder, kalt "stilark"

Og hvis du lurer på hvordan du endrer for eksempel fargen på sidetittelen, skriftstørrelsen i tekstene eller fargen på overskriftene i sidefeltet, så må du se etter alt dette i CSS-stilarket. Dette er det eneste som er verdt å forstå først for å gjøre endringer i koden selv.

Jeg liker å gjøre det komplekse enkelt. Jeg husker for lenge siden, da jeg hadde min første bil, den var veldig gammel, ledningene var råtten, det gikk ofte sikringer, og hver gang jeg tauet den til bensinstasjonen. Tenk deg hvor mye penger som ble bortkastet, til tross for at det koster øre å erstatte det selv, som det viser seg.

En dag så jeg på hva mesteren gjør. Jeg vet fortsatt ikke hvordan sikringen fungerer. Men jeg vet hvor jeg skal endre det). Jeg ville ikke reparere motoren selv, og det er ikke vanskelig å bytte ut sikringen. Det er det samme med nettsider.

Hvis du ikke ønsker å bli programmerer, er det ingen grunn til å ha en dyp forståelse av programmering. Det er tilstrekkelig tydelig til å forstå hva som er ment for hva, hvor du skal lete etter det og hvordan du kan endre det. Det er bedre å endre det du kan selv, og overlate alt annet til spesialister. Artikkelen om har en nyttig lenke om dette emnet.

Trenger du å være ekspert på alt?

Det er ofte diskusjoner på SEO-blogger om hvorvidt en nybegynner trenger å ha en dyp forståelse av HTML, eller enda bedre, lære å skrive nettsider selv slik at alt er unikt.. Vel, jeg vet ikke - til hver sin egen, og her er det som er nærmere hvem som er nærmere. Jeg er litt mer interessert, så jeg lærer nå mer av Vladimir. I november i år åpnet Vladimir sin egen blogg. Bloggen hans ble laget på den enkleste, gratis malen, han endret den bare litt for å passe seg selv.

Etter 10 dagers eksistens tok bloggen 104. plass i rangeringen av alle Runet-nettsteder med en trafikk på rundt 1,5 tusen mennesker per dag. Om 10 dager. Så hva er i veien? Vladimir er godt bevandret i HTML og kan bestille og kjøpe seg en unik mal. Så det må du forstå Hemmeligheten ligger ikke i malene, men i nyttigheten av informasjonen.

Hvor er html-koden skjult?

Beklager digresjonen, la oss gå tilbake til kodene våre). La oss si at du vil endre skriftfargen på bloggtittelen. La oss se på eksemplet med testsiden min.

1. Åpne nettstedet i Google Chrome-nettleseren (hvis du ikke bruker det ennå, installer det - det er godt designet for å jobbe med nettsteder, det har mange innebygde verktøy).
2. Vi flytter musepekeren over elementet som vi skal endre . I dette tilfellet - navnet på bloggen. Vi høyreklikker på den og velger SE ELEMENTKODE i vinduet som vises.

VIKTIG: ikke forveksle dette med VISNING AV SIDEKODEN! Vi trenger ikke hele siden nå, bare et eget element.

Klikk på det - et kodevisningsvindu vises nederst i nettleseren:

Kodelinjen som vi endrer er uthevet i rødt.

Men området markert med blått inneholder det vi ser etter. Det er her du kan finne den nøyaktige (ikke omtrentlige) kodelinjen som er ansvarlig for fonter, farge, størrelse, utheving osv. På denne måten kan du finne ut ENHVER kode for ethvert element i en mal.

Finn ønsket linje i blokken uthevet i blått. Det er en glidebryter til høyre, du kan bla gjennom og finne linjen du trenger.

Generelt prinsipp for hvor du skal lete etter ting:

Skriftnavn - i FONT FAMILY-linjen

Skriftstørrelse - i FONT SIZE-linjen

Skriftfarge - i FARGE-linjen

Her er tre hovedlinjer der navn, størrelse og skriftfarge på ethvert element endres. Til høyre i stil-css-linjen er posisjonen til linjen i dokumentet gitt. Hvis du trenger å endre et annet element (for eksempel må du finne ut hvor linjen går der du kan endre fargen på menylinjen eller fargen på lenker), gjøres alt på nøyaktig samme måte.

OPPMERKSOMHET:

Linjen som vi skal kopiere er uthevet i rødt i figuren,

slik at du senere kan finne den i stilarket.

4. Kopier linjen. Siden vi i dette eksemplet ønsker å endre fargen på nettstedsnavnet, kopierer jeg linjen som er uthevet i det røde rektangelet i det andre bildet. I malen min er den ansvarlig for å endre fargen på sidetittelen:

#header h1 a, #header h1 a:besøkt (

Finn den nødvendige linjen i filen "style sheet (style.css)". Dette er allerede gjort i administrasjonspanelet. Jeg ber på det sterkeste om at selv om det ikke er tillit og fullstendig forståelse, bør alle eksperimenter utføres på et testunderdomene for å ekskludere .

Så gå til administrasjonspanelet: KONSOL - UTSEENDE - REDAKTØR. I høyre sidefelt finner vi filen STYLE TABLE (STYLE.CSS), åpne den.

Åpne nå søkelinjen ved å bruke CTRL + F-tastene: et tomt linjevindu vil vises i det øverste vinduet. Vi limer inn linjen som vi kopierte i trinn 4.

Og du vil se hvordan denne linjen vil bli uthevet i stilarket (i oransje på bildet):

Vi gjør en endring på elementet. I vårt tilfelle endrer vi skriftfargen, så i COLOR-linjen erstatter vi en annen verdi - fargen vi ønsker. I eksemplet er fargen svart, dens betydning er:

Du kan velge en farge i en hvilken som helst nettfargepaletttjeneste: skriv inn "Nettfargepalett" i en søkemotor og velg den du vil ha. Vi velger en farge, kopierer dens digitale verdi og erstatter den forsiktig med den gamle. deretter klikker vi OPPDATER FIL og går for å se hva som skjedde.

Hvis endringene ikke vises, for den siste timen og gå til siden igjen - denne gangen skal alt vises.

Det tar lang tid å beskrive, men i praksis gjøres alt raskt, spesielt når den første ferdigheten dukker opp.

Mer detaljert, hvordan endre visse elementer:

Det var alt for i dag, jeg skal ikke plage deg med koder lenger. Jeg håper at nå kan du enkelt finne og endre et hvilket som helst element i html-koden, eller rettere sagt, css-koden - måtte ekspertene tilgi meg for å forenkle det. Og hvis du ikke finner ut av det, kan du fortsatt besøke siden. Ikke kast bort tiden din på tull.

Jeg foreslår at du ser Artem Abramovichs video om hvordan du søker og finner et hvilket som helst ord eller element i et hvilket som helst tema/mal, for hvilken som helst motor (wordpress, joomla, etc.) og erstatter det med det du trenger:

Del gjerne hvis du likte det:

Du kan også være interessert i å vite:

Instruksjoner

Bruk en nettleser og gå til nettstedet der du vil endre HTML kode. For å gjøre dette, skriv inn ressursadressen i adressefeltet til nettleseren din eller bruk en av Internett-søkemotorene.

Åpne kode sider å se. Avhengig av nettleseren du bruker, må du velge riktig menyelement. I Opera for å se originalen kode og bruk "Vis" - "Utviklingsverktøy" - "Kilde" kode" I Google Chrome er denne funksjonen tilgjengelig i delen "Verktøy" - "Vis kilde". kode" Hvis du bruker Mozilla Firefox, klikk på "Meny"-tasten - "Webutvikling" - "Kilde" kode sider." Avhengig av nettleserinnstillingene, HTML kodeåpnes i en ny fane eller et nytt vindu.

Rediger det viste kode. I Firefox og Chrome, for å redigere et dokument, må du først lagre det på harddisken (Fil - Lagre side som).

Etter å ha gjort alle endringer, lagre siden ved å bruke "Lagre"-knappen. Dokumentet er lastet inn. Du kan endre det selv ved å bruke et hvilket som helst tekstredigeringsprogram.

For å lagre en fullstendig kopi av siden med alle bildene, gå til ressursen du trenger og velg "Fil" - "Lagre som"-menyen. I vinduet som vises, velg dokumenttypen "HTML-fil med bilder."

Nyttige råd

For visuell redigering av HTML er det mange redaktører som gir syntaksutheving og automatisk erstatter manglende beskrivelser. Et av de kraftigste webutviklerverktøyene er Macromedia Dreamweaver. Som et alternativ er det en lysere forside. Hvis du ikke trenger visuell feilsøking og bare trenger understreking og fargelegging av syntaks, kan du bruke den mer lette, men kraftige editoren Notepad++.

Kilder:

• hvordan endre kildekode

Fra svaret på spørsmålet "Hva skal jeg kalle artikkelen?" avhenger ikke bare av antall personer som leser det, men også, uten overdrivelse, av omdømmet til hele nettstedet der det er lagt ut. Tross alt er hver artikkel en liten strek i det totale bildet av ressursen, og kombinasjonen av mange individuelle streker skaper et unikt bilde av hele nettstedet.

Instruksjoner

Det er bedre å la tittelen ligge til senere, når selve teksten er klar. Når du skriver, vil dette tillate deg å ikke begrense tankeflukten til rammen som er etablert av tittelen. Når du har den ferdige teksten foran øynene, er det lettere å bestemme tittelen som best gjenspeiler alle nyansene i artikkelen. Les den ferdige teksten på nytt, formuler essensen av teksten mentalt i flere kortfattede fraser.

Avhengig av målgruppen til nettstedet, velger vi en artikkelmal. Prangende overskrifter er åpenbart ikke egnet for artikler, for eksempel om juridiske emner. Omvendt vil en seriøs overskrift for et lett materiale skremme vekk en prosentandel av potensielle lesere. Det finnes mange maler for artikkeltitler, for eksempel:

Spennende spørsmål ("Vet du det...?")

Et spørsmål som begynner med ordet "hvordan?" ("Hva skal jeg kalle artikkelen?")

Henvendelse til publikum ("Bare studenter ...")

Setningsuttalelse ("Dammen ved dacha - sjelefred")

Tilbudsgaranti ("Garantert metode...")

Insentiv til handling ("Få rabatt ...")

Artikkeloverskriftene er selvfølgelig ikke begrenset til denne listen over maler.

Vi lager flere varianter av navn basert på de valgte malene. Så kutter vi av de mislykkede og lar de som:

Mest nøyaktig gjenspeiler essensen av artikkelen

Relevant for publikums interesser

Kilder:

• Denis Kaplunov. Gratis mesterklasse om å skrive overskrifter
• artikkeltittel

HTML-instruksjoner (HyperText Markup Language) sendes av webserveren på forespørsel fra nettleseren til en besøkende på siden og inneholder fullstendig informasjon om hva og hvordan nettleseren skal vise besøkende på denne siden. I dag genereres disse instruksjonene oftest av skript på serversiden, i stedet for lagret ferdige i filer. Dersom det likevel oppstår behov for å redigere HTML-koden, og ikke skriptene som utgjør den, kan dette gjøres ved hjelp av forskjellige verktøy.

Instruksjoner

Bruk innholdsstyringssystemets editor for å redigere HTML-kildekoden. For å gjøre dette, etter å ha lastet den ønskede inn i editoren, må du bytte den fra visuell modus (som noen ganger kalles WYSIWYG-modus) til HTML-redigeringsmodus. Ved å gjøre dette kommer du direkte til instruksjonene ("tags") for markup-språket. Men ved å bruke den visuelle modusen endrer du også HTML-taggene ved å gjøre dette i "" sideredigering.

Bruk et hvilket som helst tekstredigeringsprogram for å gjøre endringer i HTML-koden til sidene hvis din ikke har et kontrollsystem installert. Filene som lagrer denne koden skiller seg fra vanlige tekstfiler bare i utvidelsen, og opptaksformatet tilsvarer nøyaktig formatet til filene med txt-utvidelsen. Derfor kan enhver tekstredigerer som kan fungere med txt-filer også brukes til å redigere HTML-kode.

Installer en spesialisert HTML-kodeeditor hvis du planlegger å lage sidelayout ganske regelmessig. Slike programmer skiller seg betydelig fra vanlige tekstredigerere og fra redaktører installert i kontroller. For eksempel har de "kontekstuelle hint"-funksjoner, det vil si at når du begynner å skrive en HTML-tag, tilbyr editoren deg de mest passende alternativene, noe som øker skrivingen betydelig, reduserer antall skrivefeil og hjelper deg raskt å mestre syntaksen til språket. I tillegg kan slike programmer formatere og fargelegge den angitte koden, se etter feil i syntaks og kontrollere samsvar med etablerte standarder. Mange spesialiserte applikasjoner av denne typen har en visuell redigerings- og forhåndsvisningsmodus, kan laste opp opprettede sider til , synkronisere lokale og eksterne versjoner av HTML-sider og mye mer.

Kilder:

• hvordan redigere en nettside

Det er ikke nok å skrive en god artikkel for nettstedet, du må også finne den rette tittel. Den skal samtidig gjenspeile meningen med artikkelen og sikre at brukeren raskt kan finne den i en søkemotor. For å finne ut hvilken overskrift som blir vellykket, se på søkemotorstatistikken.

Du trenger

• - datamaskin
• - Internett-tilgang

Instruksjoner

Gjør tittelen vellykket når det gjelder søkemotoroptimalisering, la den inkludere søkeord. Finn ut hvilke ord og uttrykk brukere ser etter i søkemotorer. For å gjøre dette, se forespørselsstatistikken. For eksempel, i Yandex kan dette gjøres på wordstat.yandex.ru-siden. For eksempel ser du på statistikken for ordet «penger» og ser at det var 3 613 993 visninger per måned. Dette betyr at det dukket opp så mange ganger i Yandex-søkeresultater, inkludert forskjellige fraser. Hvis du er interessert i hvor mange ganger folk søkte etter ordet «penger» alene, skriv det inn i anførselstegn og med et utropstegn i begynnelsen: «!penger».

Hvis du har liten erfaring med SEO og nettstedinnhold, fremme artikler ved å bruke lavfrekvente søk. Høyfrekvente inkluderer for eksempel denne: "Hvordan tjene penger." Denne setningen ble søkt mange ganger i løpet av måneden, og det vil være vanskelig for deg å kjempe mot konkurransen, fordi... det er usannsynlig at du vises på de første sidene av søket, for ikke å snakke om TOPPEN. Samtidig ble uttrykket "Hvordan tjene penger på en leilighet" bare skrevet 146 ganger i løpet av en måned, så hvis du skriver om dette emnet, vil du ha en god sjanse til å få en verdig plass i søket.

Ikke lag overskrifter for søk med for lavt volum. Selv om du er på topp for en setning du søkte etter to ganger i måneden, vil du fortsatt ikke få mange besøkende. Men hvis du synes at emnet er lovende (det gjelder for eksempel en ny gadget), så kan du prøve det. Det er også greit å bruke titler som inkluderer søkeordet eller uttrykket (begynner med det), men som er unike.

Gjør tittelen på nettstedet interessant. Det er bra hvis det innebærer å løse et problem og er kort og konsist. Lær å sette maksimal mening i et minimum av ord. Fortell brukeren at artikkelen din inneholder nyttig informasjon.

Prøv å legge til intriger i tittelen, for eksempel ved å stille spørsmål ved konvensjonell visdom, spille på kontraster osv. Ordene "hvordan", "hvorfor", "hvorfor" tiltrekker seg også oppmerksomhet.

Video om emnet

Nyttige råd

Gjør overskriftene dine mer spesifikke hvis du skriver om et spesifikt fenomen eller merke, nevne det. Dette øker sannsynligheten for at målgruppen din når nettsiden din.

Instruksjoner

Når du nevner et nettsted i tekst som ligger på en annen ressurs, bruk følgende konstruksjon i HTML: Cat Photography Tutorial. I dette tilfellet vil nettstedsnavnet utheves i farger, og i noen nettlesere vil det også være understreket. Når du flytter musepilen til den, vil adressen vises i nedre venstre hjørne av nettleseren, og hvis du klikker på lenken, følger du den – avhengig av nettleserinnstillingene, i samme eller en annen fane.

Du kan også sørge for at, i tillegg til navnet på nettstedet, også URL-adressen vises i teksten, selv når musepilen ikke føres til den. For å gjøre dette, bruk en annen konstruksjon:

Cat Photography Tutorial: http://site.domain

Hvis du ikke vil at en lenke skal følges når du klikker på den, må du ikke bruke HTML-tagger i det hele tatt, for eksempel slik:

Cat Photography Tutorial: http://site.domain

HTML-kode er en programkode som bestemmer hvordan elementer (tekst, bilder, videoer osv.) skal ordnes på en Internett-side. HTML-språket er ganske enkelt å forstå, men det blir stadig forbedret og supplert med nye funksjoner.

Hva er HTML-kode?

Markup refererer til visse regler og egenskaper som er tilordnet sideelementer. De implementeres i form av såkalte tagger. For å indikere at bestemt tekst på en side skal være sentrert, kan du for eksempel merke den med midtkoden. Du kan se HTML-koden til en bestemt side gjennom kontekstmenyen. For å få tilgang til denne koden i Firefox-nettleseren, må du for eksempel høyreklikke på siden og velge "Sidekildekode".

Hvordan fungerer HTML-kode?

Hva er typene tagger?

HTML-begrensninger

Hva tiltrekker leserens (brukerens) oppmerksomhet på siden til en trykt eller nettpublikasjon?

• Bilde


• Overskrift


• Undertekst


• Signatur under bildet eller bildet

Så trist som det er, folk vil ikke lese, de har ikke tid, fordi de har det uendelig travelt med å komme seg et sted. Men hvis du er forfatter (journalist, blogger, frilanser, nyhetsskribent, skribent), ønsker du å formidle til leseren dine tanker, konklusjoner, visjon om problemet, etc. Hvordan sikre at leseren ikke hopper forbi notatet ditt? Hvordan gjøre tittelen fristende, slik at du ønsker å gå dypere inn i artikkelen?

1. Bruk verbformer i titlene dine.

For eksempel: "Hvor skal du investere penger", "Hvordan lage et førstehjelpsutstyr for hjemmet", "Putins nye dekret".

2. Nyhetsprinsippet.

Overskrifter som «Våren er en tid for bekymringer» er moralsk utdaterte. La «byråkratiske» aviser og magasiner bruke dem. Tittelen skal formidle noe nytt, noe som er ukjent og som vil bli avslørt mer detaljert i notatteksten. For eksempel vil en bedre overskrift være: "Vårbekymringer vil ikke tillate bøndene å hvile."

3. Metafor, bilder, oksymoron, uvanligheter i tittelen vil gi artikkelen en sjanse til å bli lest. Bruk skarpe sammenligninger, epitet og semantiske fremhevinger av enkelte bokstaver. Det viktigste er ikke å overdrive det med uttrykksmidler. Alt skal være med måte.

4. Praktisk er viktig for leseren (brukeren). Titler som er vage, ikke meningsfulle eller for generelle vil forlate artikkelen uten oppmerksomhet. Hvorfor bør jeg lese teksten? Hva vil dette gi meg rent praktisk? Hva skal jeg ta bort fra det? Vil denne erfaringen være nyttig for meg? Hvis leseren finner svar på disse spørsmålene på nivå med tittelen, og ikke teksten, vil artikkelen bli lest.