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 - Skep 'n gratis webwerf


Bou en huisves jou webwerf met W3Schools Spaces.

Begin met jou gratis webwerf in 'n paar kliks.

Alles wat jy nodig het direk in die blaaier.

Dit is maklik om te gebruik - probeer dit!

Begin gratis »

Skep jou eerste webwerf met W3Schools Spaces

W3Schools Spaces is 'n persoonlike plek waar jy kan bou en eksperimenteer met kode en jou eie webwerf kan huisves.

Met W3Schools Spaces kan jy bou met HTML, CSS en JavaScript.

Wysig kode direk in jou blaaier.

Laai jou lêers en prente op en huisves.

Begin vandag om jou aanlyn-teenwoordigheid te laat groei!


Hoekom bou met W3Schools Spaces?

Spaces word deur webontwikkelaars vir webontwikkelaars gemaak.

  1. Die koppelvlak is eenvoudig en maklik om te gebruik.
  2. Host en wysig jou lêers direk in die blaaier.
  3. Gratis sjablone.

Dit is gratis om te begin en jy hoef nie jou kredietkaart in te voer nie.


Wysig en voorskou kode

Die redigeerder is maklik om te gebruik - wat jou help om op die belangrikste dinge te fokus.

Gaan die reaksie van jou werf na met die verskillende voorskou-alternatiewe.

Voorbeskou veranderinge op jou werf, regstreeks!


Bou vanaf enige plek

Hou jou lêers en beelde in die wolk.

Bly georganiseer deur 'n struktuur met dopgehou te skep.

Alles wat jy nodig het direk in die blaaier.


Gratis sjablone

Blaai deur en gebruik ons ​​responsiewe webwerf-sjablone.

Verander, stoor, deel en gebruik dit in jou projekte.

The templates are powered by W3.CSS


What Do I Need to Know to Get Started?

HTML, CSS and JavaScript are the foundational languages to build a website.

  1. Create the structure with HTML. The first thing you have to learn, is HTML, which is the standard markup language for creating web pages.
  2. Learn HTML »
  3. Style with CSS. The next step is to learn CSS, to set the layout of your web page with beautiful colors, fonts, and much more.
  4. Learn CSS »
  5. Make it interactive with JavaScript. After studying HTML and CSS, you should learn JavaScript to create dynamic and interactive web pages for your users.
  6. Learn JavaScript »

Do not worry if you do not know how to code. The most important thing is to get hands on, early on. Learning how to code is best done with getting practical. Start to build something today!


Lets Get Started in a Few Steps

Do you already have a W3Schools Account? If so, skip the first step


Step One: Sign Up For an Account

To be able to use Spaces you need to sign up and get your account.

Lets get you set up!

Go to - Click "Sign up" and enter your email and password, then click the "Sign up for free" button.

Remember to validate your account in your email. Check the spam filter if you cannot find the validation email in your inbox.

Get more information about how to sign up in our article - How to sign up


Step Two: Start with a template or HTML skeleton

Go to

Select one of the options and click the "Continue" button.

Do not worry too much about this decision. You can reset your Space and start over again whenever you want.


Step Three: Give your space a name

Personalize your Space by giving it an amazing name.

You can not use special letters in the name, such as (#, ! or :). The only exception is dash ( - )

The name will be the link that you share with others to see your site. For example: yourname.w3spaces.com


Step Four: Enter your space

Great job! you made it to the dashboard.

In the dashboard you get an overview of your spaces and usage.

Enter your space and its File Overview by clicking somewhere on the space's row or click the button with the three dots to the right inside the row.

You can only have one space with the free plan. However, you can always upgrade to get more spaces.


Step Five: Edit code or upload files

This is where the magic happens!

Start to edit code or upload files

  • Edit code by clicking on the "Pen icon" to the right of the file that you want to edit.
  • Create new files by clicking on the "New file" button.
  • Upload files by clicking on the "Upload files" button.

Step Six: Publish your site and share it with someone

This is the start of building your online presence.

Learn, test, build, and go live with your space.

Create your website and share it with others.

Note: Your space name with the .w3spaces.com extension is your shareable link. Read more about how to share your space in this article How can I share my space?


W3Schools Spaces

W3Skole Spasies

Build your own website with W3Schools Spaces.

Get Started for Free