Github and Website Workshop/design website: Difference between revisions
Content added Content deleted
imported>Julianguyen No edit summary |
No edit summary |
||
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: |
Revision as of 21:24, 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 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