Github and Website Workshop/design website: Difference between revisions
Content added Content deleted
imported>Auria (Created page with "Welcome to Challenge 1 of the [https://openhatch.org/wiki/Github_and_Website_Workshop Github and Website Workshop] - designing your website! The following image is a wirefram...") |
imported>Auria No edit summary |
||
(7 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
Welcome to Challenge 1 of the [https://openhatch.org/wiki/Github_and_Website_Workshop Github and Website Workshop] - designing your website! |
Welcome to Challenge 1 of the [https://openhatch.org/wiki/Github_and_Website_Workshop Github and Website Workshop] - designing your website! |
||
'''Checklist before you begin:''' |
|||
⚫ | |||
* Completed [[Github and Website Workshop/setup|setup]] (Github account, git and text editor on laptop, optional Namecheap domain registered) |
|||
* Have name tag |
|||
* Have two different coloured sticky notes |
|||
'''TODO: image of basic wireframe of site''' |
|||
⚫ | |||
[[File:GH-Website-Mockup1.png]] |
|||
[[File:GH-Website-Mockup2.png]] |
|||
===The Challenge=== |
===The Challenge=== |
||
Based on the |
Based on the mockup above, sketch a rough design for your site. |
||
Things to plan out: |
Things to plan out: |
||
Line 20: | Line 26: | ||
* Fonts: [https://www.google.com/fonts Google Fonts] |
* Fonts: [https://www.google.com/fonts Google Fonts] |
||
* Figuring out color schemes: [http://www.colorhexa.com/ Color Hexa] |
* Figuring out color schemes: [http://www.colorhexa.com/ Color Hexa] |
||
[https://openhatch.org/wiki/Github_and_Website_Workshop/local_repo Next: Challenge 2] |
Latest revision as of 15:01, 6 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 mockup (shows the basic structure) of the website you'll be making today! Your website doesn't have to look exactly like the mockup - it can corporate elements of the mockup.
The Challenge
Based on the mockup 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