The web is a journalist's medium. It influences every part of the journalistic process, from how we find and gather information, to how we craft our stories, to how we track the far reaches of our content. Understanding how it works can only make us better journalists. The best way to know the web is to take charge of it. We're using open web technologies to build stories, apps, tools, and sites. You can too. If there's one thing we understand, it's that learning is a messy process. Come roll around in the mud with us.
In this series, we'll cover everything you need to know to get a basic site up and running: coming up with a design, writing the HTML and CSS to make it happen, and publishing your project for the world to see.
Learn the basics of web development, from idea to polished product: how to wrap your content in HTML, to style it with CSS, and publish it online.
When your site is ready, you’ll upload your files to your hosting server using a File Transfer Protocol (FTP) client. (We like Cyberduck and FileZilla.) Make sure that your files appear on your server the same way that they do in the site folder on your computer, or else your site may not work properly.
Wondering why your site’s looking so ugly? HTML just says what’s what and gives the page structure. CSS is where the real fun starts–it will fix things faster than Fix-it Felix.
HTML is the most widely used coding language on the Internet, so you'll need a strong grasp on it before you go any further.
Learn is a collection of modular, project-based tutorials, created by students for students.
This site is a reflection of our own experience learning: there is no one right answer, no complete problem set, and no end-all-be-all guide for every project you want to build. Our goal is to create a resource for students and a community of openness and inclusion, where we wrestle with projects. We want to build a better web, be better journalists, and help students learn to identify and solve worthwhile problems. We hope you'll join us.
Looking for the original
learn.knightlab.com? We've preserved it at learn.knightlab.com/legacy