Guides
Everything you need to build a website with Kodebloc, and to understand how websites work along the way.
Build a website
From your first request to a website online.
- Your first websiteGo from an idea to a published website in Kodebloc, step by step: describe it, let AI build it, change it and put it online.Read
- Write a good requestWhat to tell the AI so your website comes out right the first time, with before and after examples.Read
- Change it by chatChange colors, words, photos and sections by asking in plain language, and point at the exact part to change.Read
- Screenshot to websiteAdd a screenshot or a design picture and Kodebloc builds a website from it. What works well, and its limits.Read
- Like another websiteLink a website you like and Kodebloc builds yours in a similar style. How it works, and the line between inspiration and copying.Read
- Publish your websitePut your website online with its own address, find it again in My projects, and take it down when you want.Read
Builder features
Pages, editing by hand, settings, versions and sharing.
- More than one pageBuild a website with several pages, then add, rename, move and delete them. Each page gets its own link.Read
- Edit by handDrag in sections, change any words, move parts and swap photos yourself, next to the AI.Read
- Site settingsSet how your website shows up on Google and in shared links, and add your brand and social accounts.Read
- From Google Business ProfileStart from your business listing on Google: paste its link, add your details, and get a website with a button to your Google reviews.Read
- Your website's addressEvery published website gets its own kodebloc.app address. How it is picked, and how links to each page work.Read
- Earlier versionsYour changes are saved as versions. Go back to an earlier one, undo a change by hand, and know how many are kept.Read
- Update a live websitePut your latest changes online at the same address, see when the live website is behind, and take a website offline.Read
- Share your websiteThe Share button, link previews with your own name and picture, and showing or hiding your website in the gallery.Read
- PhotosWhere your website's photos come from, how to change one, and how the photographers are credited.Read
Web basics
How websites work, using the code your builds are made of.
- What is HTML?A plain-language start to HTML, the language every web page is written in, using the code Kodebloc writes.Read
- CSS basicsHow CSS sets the colors, fonts and layout of a web page, explained on real Kodebloc websites.Read
- Responsive designWhy your website has to work on a phone as well as a laptop, how that is done, and how to check yours.Read
- AccessibilityMake a website everyone can use: photo descriptions, readable colors, clear headings and more.Read
- SEO for beginnersHow search engines find and rank websites, and the simple things that help yours show up.Read
About Kodebloc
Who we are, how we keep it safe, and Kodebloc in class.