Github and Website Workshop/design website: Difference between revisions
Content added Content deleted
imported>Julianguyen No edit summary |
imported>Auria No edit summary |
||
(One intermediate revision by one other user not shown) | |||
Line 7: | Line 7: | ||
The following image is a |
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. |
||
[[File:GH-Website-Mockup1.png]] |
[[File:GH-Website-Mockup1.png]] |
||
Line 14: | Line 14: | ||
===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 26: | 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