Github and Website Workshop/design website: Difference between revisions

← Older edit

Github and Website Workshop/design website (view source)

Revision as of 15:01, 6 March 2015

438 bytes added , 9 years ago

no edit summary

Anonymous user

imported>Auria

Revision as of 00:36, 23 February 2015 (view source) 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...")		Latest revision as of 15:01, 6 March 2015 (view source) imported>Auria No edit summary
(7 intermediate revisions by 3 users not shown)
Line 1: 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:''' The following image is a wireframe (shows the basic structure) of the website you'll be making today!▼ * 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'''~~ ▲The following image is a ~~wireframe~~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-Mockup2.png]] ===The Challenge=== Based on the ~~wireframe~~mockup above, sketch a rough design for your site. Things to plan out: Line 20 ⟶ 26: * Fonts: [https://www.google.com/fonts Google Fonts] * Figuring out color schemes: [http://www.colorhexa.com/ Color Hexa] [https://openhatch.org/wiki/Github_and_Website_Workshop/local_repo Next: Challenge 2]