Workshop

Website Buildup in 90 mins

Created by SINFO, source is on Github.

Who are we?


http://www.sinfo.org/

HTML

HTML or HyperText Markup Language is the standard markup language used to create web pages. It’s what sets the basic structure of your website.

CSS

CSS or Cascading Style Sheets is a style sheet language used for describing the look and formatting of a document written in a markup language. In our case HTML!

In conclusion

With this we wanted to show you one important key concept that you must always remember! HTML is used for meaning and CSS is used only for the presentation. As you saw it, HTML is nothing more than a bunch of tags that structure our content. The visual formatting of that content comes later when we tackle CSS.

Templates

But is this all of it!? No! Not a chance.

Here's an example of what we mean...

Source

Demo

Why use them?

Because they're easy to use and they do what they're supposed to...

What templates should you choose based on your needs?


This one really depends on you:


- Do you want a lot of content or not?

- Do you have a lot of visual content or not?

- Simplistic? Or more complex?

- Merely informative?

How to use them

http://jsbin.com/winupubofego/1/edit

More templates & Hands on

INK Cookbook

http://ink.sapo.pt/cookbook/

HTML5 UP

http://html5up.net/

But, does this really work?

Domain

What!? "Who" the hell is that?

What is it?

A domain name is a unique name that identifies an internet resource such as a website.

e.g: 193.136.189.56

Where to get them?

Hosting

Where should i put all this stuff?

What is it?

A hosting service allows individuals and organizations to make their website accessible via the World Wide Web.

Sites

How to work with it

Credentials

Host: lamp.bananamarket.eu

User: user

Password: user

Config: sftp://

Wait!? Is that it?

You wanna know more!?

Thank You!

devteam@sinfo.org

Made using reveal.js