Github and Website Workshop/design website: Difference between revisions
Content added Content deleted
imported>Auria No edit summary |
imported>Julianguyen No edit summary |
||
Line 9: | Line 9: | ||
The following image is a wireframe (shows the basic structure) of the website you'll be making today! |
The following image is a wireframe (shows the basic structure) of the website you'll be making today! |
||
[[File:https://openhatch.org/w/images/7/7d/GH-Website-Mockup1.png]] |
|||
'''TODO: image of basic wireframe of site''' |
|||
Revision as of 03:16, 5 March 2015
Welcome to Challenge 1 of the Github and Website Workshop - designing your website!
Checklist before you begin:
- Completed setup (Github account, git and text editor on laptop, optional Namecheap domain registered)
- Have name tag
- Have two different coloured sticky notes
The following image is a wireframe (shows the basic structure) of the website you'll be making today!
File:Https://openhatch.org/w/images/7/7d/GH-Website-Mockup1.png
The Challenge
Based on the wireframe above, sketch a rough design for your site.
Things to plan out:
- fonts
- colours
- images
- where the content should be placed
Handy resources
- Fonts: Google Fonts
- Figuring out color schemes: Color Hexa