HOE OM

Hoe om huis toe

Spyskaarte

Ikoonbalk Kieslys-ikoon Trekklavier Oortjies Vertikale oortjies Oortjieopskrifte Volblad-oortjies Beweeg oortjies Top navigasie Responsiewe Topnav Navbar met ikone Soek Menu Soekbalk Vaste Sidebar Bladsynavigasie Responsiewe Sidebar Volskermnavigasie Off-Canvas Menu Beweeg Sidenav-knoppies Sybalk met ikone Horisontale rolkieslys Vertikale spyskaart Onderste navigasie Responsiewe onderste navigasie Ondergrens Nav Skakels Regsbelynde spyskaartskakels Gesentreerde kieslysskakel Gelyke breedte spyskaart skakels Vaste spyskaart Skuif balk af op Scroll Versteek Navbar op Scroll Krimp Navbar op Scroll Plakkerige navigasiebalk Navbar op Beeld Beweeg aftreklys Klik Dropdowns Cascading Dropdown Aftreklys in Topnav Aftreklys in Sidenav Resp Navbar aftreklys Subnavigasie-kieslys Dropup Mega spyskaart Mobiele spyskaart Gordyn Menu Sybalk saamgevou Ingevoude sypaneel Paginering Broodkrummels Knoppiegroep Vertikale knoppiegroep Sticky Social Bar Pilnavigasie Responsiewe kop

Beelde

Skyfievertoning Skyfievertoninggalery Modale beelde Lig boks Responsiewe beeldrooster Beeldrooster Tab Galery Beeld-oorleg vervaag Beeld-oorleg-skyfie Beeld-oorlegzoem Prent-oorlegtitel Beeld-oorleg-ikoon Beeld effekte Swart en Wit Beeld Beeld teks Prentteksblokke Deursigtige beeldteks Volle bladsy Beeld Vorm op Beeld Heldebeeld Vervaag agtergrondprent Verander Bg op Scroll Sy-aan-sy-beelde Afgeronde beelde Avatar beelde Responsiewe beelde Sentreer beelde Duimnaels Rand om beeld Ontmoet die span Klewerige beeld Blaai 'n prent Skud 'n beeld Portefeuljegalery Portefeulje met filtering Beeldzoem Beeldvergrootglas Beeldvergelyking-skuifbalk Gunsteling

Knoppies

Waarskuwingsknoppies Omlyn-knoppies Verdeel knoppies Geanimeerde knoppies Vervaag knoppies Knoppie op Beeld Sosiale media-knoppies Lees Meer Lees Minder Laai knoppies Laai knoppies af Pil Knoppies Kennisgewing-knoppie Ikoon knoppies Volgende/vorige knoppies Meer-knoppie in Nav Blokknoppies Teks knoppies Ronde knoppies Blaai na bo-knoppie

Vorms

Aantekenvorm Registrasievorm Betaalvorm Kontak Vorm Sosiale aanmeldvorm Registreer Vorm Vorm met ikone Nuusbrief Gestapelde vorm Responsiewe vorm Opspringvorm Inlyn vorm Vee invoerveld uit Versteek nommerpyltjies Kopieer teks na knipbord Geanimeerde soektog Soek-knoppie Volskermsoektog Invoerveld in Navbar Aantekenvorm in Navbar Pasgemaakte merkblokkie/radio Pasgemaakte kies Wissel skakelaar Merk Merkblokkie Bespeur Caps Lock Snellerknoppie op Enter Wagwoord validering Wissel Wagwoordsigbaarheid Meervoudige Stapvorm Outovoltooi Skakel outovoltooiing af Skakel speltoets af Lêeroplaai-knoppie Leë invoerbekragtiging

Filters

Filter lys Filtertabel Filter elemente Filter aftreklys Sorteer lys Speltabel

Tabelle

Sebra Gestreepte Tafel Sentrumtafels Volle breedte tafel Sy-aan-sy tafels Responsiewe tabelle Vergelykingstabel

Meer

Volskerm video Modale bokse Verwyder Modal Tydlyn Scroll aanwyser Vorderingstawe Vaardigheidsbalk Range Sliders Gereedskapwenke Vertoon Element Hover Advertensies Opvoubaar Kalender HTML sluit in To Do List Laaiers Stergradering Gebruikersgradering Oorleg effek Kontak Chips Kaarte Flip kaart Profielkaart Produk Kaart Waarskuwings Uitroep Notas Etikette Kringe Styl HR Koepon Lys Groep Lys sonder koeëls Responsiewe teks Uitknip teks Gloeiende teks Vaste voetskrif Klewerige element Gelyke Hoogte Clearfix Responsiewe dryf Peuselstafie Volskerm-venster Scroll Tekening Gladde rol Gradiënt Bg Scroll Plakkerige kop Krimp kopskrif op rol Pryse tabel Parallax Aspekverhouding Responsiewe iframes Wissel Hou van / Hou nie van nie Wissel Versteek/Wys Wissel donker modus Wissel teks Wissel Klas Voeg klas by Verwyder klas Aktiewe klas Boom Uitsig Verwyder eiendom Vanlyn opsporing Vind verborge element Herlei webblad Zoom Hover Flip Box Sentreer vertikaal Middelknoppie in DIV Oorgang op Hover Pyltjies Vorms Aflaai skakel Volle hoogte element Blaaier venster Pasgemaakte rolbalk Versteek rolbalk Wys/Forseer rolbalk Toestel kyk Tevrede bewerkbare grens Plekhouer kleur Tekskeuse kleur Bullet Kleur Vertikale lyn Verdelers Animeer ikone Countdown Timer Tikmasjien Binnekort Bladsy Kletsboodskappe Opspringkletsvenster Verdeelde skerm Getuigskrifte Seksie Teller Aanhalings Skyfievertoning Sluitbare lysitems Tipiese toestelbreekpunte Sleepbare HTML-element JS Media Navrae Sintaksis Verligmaker JS Animasies JS Snaar Lengte JS Eksponensiëring JS verstek parameters Kry huidige URL Kry huidige skermgrootte Kry Iframe Elements

Webwerf

Skep 'n gratis webwerf Maak 'n webwerf Maak 'n statiese webwerf Maak 'n webwerf (W3.CSS) Maak 'n webwerf (BS3) Maak 'n webwerf (BS4) Maak 'n webwerf (BS5) Skep en bekyk 'n webwerf Skep 'n skakelboom-webwerf Skep 'n portefeulje Skep 'n CV Maak 'n restaurantwebwerf Maak 'n besigheidswebwerf Maak 'n webboek Sentrum webwerf Kontak Afdeling Oor Bladsy Groot kop Voorbeeld webwerf

Rooster

2 Kolomuitleg 3 Kolomuitleg 4 Kolomuitleg Uitbreidende rooster Lys Grid View Gemengde kolomuitleg Kolomkaarte Zig Zag Uitleg Bloguitleg

Google

Google Charts Google Fonts Google Font-parings Google Stel Analytics op

Omskakelaars

Skakel gewig om Skakel temperatuur om Skakel lengte om Skakel spoed

Blog

Kry 'n ontwikkelaarwerk Word 'n Front-End Dev.

Hoe om 'n skakelboom-webwerf te maak

Met 'n skakelboom-webwerf kan jy al jou skakels op een webwerf deel.

Dit is 'n bestemmingsbladsy waar jy die skakels na jou sosiale netwerke, blogplasings, besighede, projekte en meer kan vertoon.

Skep 'n skakelboom-webwerf gratis »

Hoekom 'n skakelboom-webwerf skep

Die skakelwebwerf is wonderlik om jou aanlyn-teenwoordigheid te laat groei.

Dit maak dit maklik om skakels te deel vir die plekke waar jy inhoud het.

Boonop help die skakelwebwerf mense om op meer as een plek met jou in verbinding te tree.

Deur die skakelwebwerf op jou eie te skep, het jy volle beheer daaroor.

Hoe die webwerf lyk, weerspieël jou handelsmerk. Ontwerp dit soos jy wil voorkom.


Wat moet ek weet om my skakelboom-webwerf te skep?

HTML, CSS en JavaScript is die basiese tale om 'n webwerf te skep.

Dit is al wat jy nodig het om jou skakelwebwerf te maak.

  1. Skep die struktuur met HTML. Die eerste ding wat jy moet leer, is HTML, die standaard opmaaktaal vir die skep van webblaaie.
  2. Leer HTML ❯
  3. Styl met CSS. Die volgende stap is om CSS te leer, om die uitleg van jou webblad met pragtige kleure, lettertipes en nog baie meer te stel.
  4. Leer CSS ❯
  5. Maak dit interaktief met JavaScript. Nadat u HTML en CSS bestudeer het, moet u JavaScript leer om dinamiese en interaktiewe webblaaie vir u gebruikers te skep.
  6. Leer JavaScript ❯

Hoe begin ek

Daar is twee maniere om 'n skakelboom-webwerf te begin bou.

Bou van nuuts af of gebruik 'n sjabloon.

Bou met W3Schools Spaces

In Spaces kan jy jou skakelboom-webwerf bou en eksperimenteer.

Hier kan jy statiese werwe met HTML, CSS en JavaScript maak.

Alles wat jy nodig het direk in die blaaier.

Leer meer ❯

Bou 'n skakelboom-webblad van nuuts af

Die eerste ding wat u moet doen is om 'n uitleg te bou en dan inhoud by te voeg.

Om 'n webwerf-uitleg te skep, gaan na ons artikel oor hoe om 'n webwerf te skep: Hoe om 'n webwerf te skep

Sodra jy die uitleg gemaak het. Skep die twee hoofafdelings wat hieronder gelys word:

1. Organiese afdeling.

Die bio-afdeling is die eerste ding wat mense sien wanneer hulle jou skakelboom-webwerf besoek.

Dit word bo-op die skakelboom-webwerf vertoon.

Hou dit kort en soet.

Die bio-afdeling kan jou beeld, naam en jou beroep bevat.

Mense is meer gemaklik om met jou te skakel as hulle jou naam ken en hoe jy lyk.

beeld afdeling

2. Skakels afdeling.

Die skakels-afdeling bevat al die skakels wat jy wil deel.

Dit word onder die bio-afdeling vertoon.

Maak seker dat die skakels goed gestruktureer is.

skakels afdeling

Bou met 'n sjabloon

Om met sjablone te begin is 'n uitstekende manier om geïnspireer te word en om te leer.

Die skakelboom-sjablone kan direk in Spaces gelaai word. Begin met 'n paar kliks.

Kopieer die kode en plak dit in die Spaces-redigeerder of stoor dit in Spaces vanaf die TryIt-redigeerder.

Begin "

* geen kredietkaart benodig nie

Pas die sjabloon aan

Hier is 'n vier-stap benadering om die sjabloon jou eie te maak.


Stap een: Verander die agtergrond

Soek die agtergrond- of agtergrondprent-eienskap in die kode en verander die URL.

Lees hier hoe om 'n agtergrondprent te verander: Hoe om agtergrondprent te verander


Stap twee: Voeg jou foto by

Soek die <img>-merker en verander dit na die URL van jou prent.

Lees hier vir hoe om 'n beeld te verander: Hoe om 'n beeld te verander


Stap drie: Skryf jou bio

Soek die paragraafmerkers bo-aan die kode en verander die teks tussen die <p> en </p> merkers.

Lees hier om meer oor paragrawe te wete te kom: Oor HTML-paragrawe


Stap vier: Voeg jou skakels by

Soek die ankermerkers en verander die teks tussen die <a> en </a> merkers.

Lees hier om meer te wete te kom oor ankermerkers: Oor HTML-ankermerkers


Blaai deur en kies 'n sjabloon

Ons het klaargemaakte sjablone vir jou om te gebruik. Hier is 'n paar voorbeelde:

Sosiale skakels 1

Sosiale skakels 2

Sosiale skakels 3


W3Skole Spasies

W3Skole Spasies

Bou jou statiese webwerf met W3Schools Spaces.

Begin gratis