<img src="https://alicekelly.neocities.org/twine/images/images/smiley.png">
So you want to be a web designer?
[[Come with me]]<img src="https://alicekelly.neocities.org/twine/images/images/smiley.png">
What should we do first?
[[build a website]]
[[Read up on web design]]<img src="https://alicekelly.neocities.org/twine/images/images/smiley.png">
You could ...
[[watch tutorials on youtube]]
[[Try a website builder, like Wix]]
<img src="https://alicekelly.neocities.org/twine/images/images/book.png">
Learn HTML. HTML,or 'Hypertext Markup Language' is the standard markup language for documents designed to be displayed in a web browser.
[[Visit W3 Schools]]
[[Visit Codeacademy]]
<img src="https://alicekelly.neocities.org/twine/images/images/w3.png">
W3 Scholls is an educational website for learning web technologies online.
Next step is to...
[[Learn CSS]]<img src="https://alicekelly.neocities.org/twine/images/images/codecademy.png">
Codecademy is an online interactive platform that offers free coding classes in 12 different programming languages.
[[Learn CSS]]<img src="https://alicekelly.neocities.org/twine/images/images/youtube.png">
Youtube is great for self learning. There are hundereds of videos for free at your disposal to learn from.
[[create your own wireframe]]<img src="https://alicekelly.neocities.org/twine/images/images/wix.png">
Using a website builder like Wix will allow you to see different styles of websites that are popular and will give you a feel for whats up and coming. Now you can...
[[create your own wireframe]]
[[enroll in a course]]<img src="https://alicekelly.neocities.org/twine/images/images/figma.png">
You can sketch with good ol pen & paper, or use a website like Figma
next you can
[[enroll in a course]]
[[Read up on web design]] <img src="https://alicekelly.neocities.org/twine/images/images/mozilla.png">
Enrolling in a course will require you to
[[Read up on web design]] <img src="https://alicekelly.neocities.org/twine/images/images/css.png">
CSS or 'Cascading Style Sheets, is a style sheet language used for describing the presentation of a document written in a markup language like HTML'
Mozilla Developer and W3 Schools both offer guides to CSS.
Next it would be good to farmiliarise yourself with JavaScript
[[Learn Javascript]]
<img src="https://alicekelly.neocities.org/twine/images/images/java.png">
JavaScript is the programming language of HTML and the Web. JavaScript is used to program the behavior of web pages.
W3 schools can teach you the basics that will help you get started using JavaScript.
Next you will want to familiarise yourself with Google fonts.
[[learn about google fonts]]<img src="https://alicekelly.neocities.org/twine/images/images/pinterest.png">
You can begin by taking note of websites that look good to you, and keep track of what it is about them that looks good to you.
[[Keep up to date with design trends]]
<img src="https://alicekelly.neocities.org/twine/images/images/google.png">
Design trends change all the time to keep up with the ever changing world. a quick google search will help you find out what most current design trends are.
[[Google web design trends]]
<img src="https://alicekelly.neocities.org/twine/images/images/google.png">
Thankfully webdesign has changed drastically over the years. Gone are the days when popups clog your screen.
These days the trends are leaning towards more editorial web design. This means mixing graphics with photography.
Dark mode is also high up on the list of trends.
A more natural approach is sought after, design doesnt have to be rigid and stiff anymore.
Floating elements and layering is also a key trend.
And the two biggest trends are accessibility and inclusivity.
The aim of good web design is that it should be user focused.
The next step with web design is to [[Keep Learning]]
<img src="https://alicekelly.neocities.org/twine/images/images/smiley.png">
Web design is ever evolving, therefore it is the web designers job to keep up to date with new trends, styles and languages that may come into play for web design.
I hope this will help you.
Best of luck. <img src="https://alicekelly.neocities.org/twine/images/images/googlefonts.png">
Google Fonts is a library of 991 free licensed font families, an interactive web directory for browsing the library, and APIs for conveniently using the fonts via CSS and Android.
Google fonts should be your go to place for free, stylish fonts.
Next you will want to start designing.
[[start designing]]
["utils","macrolib/values","macrolib/commands","macrolib/datastructures","macrolib/stylechangers","macrolib/enchantments","macrolib/links"],function(e){var t=e.log;t("Loaded the built-in macros.")}),define("repl",["utils","markup","twinescript/compiler","twinescript/environ"],function(e,t,n,r){window.REPL=function(e){var o=n(t.lex("(print:"+e+")"));return console.log(o),r({}).eval(o)},window.LEX=function(e){var n=t.lex(e);return 1===n.length?n[0]:n}}),require.config({paths:{jquery:"../node_modules/jquery/dist/jquery",almond:"../node_modules/almond/almond","es6-shim":"../node_modules/es6-shim/es6-shim",requestAnimationFrame:"../node_modules/requestanimationframe/app/requestAnimationFrame",jqueryplugins:"utils/jqueryplugins",markup:"./markup/markup",lexer:"./markup/lexer",patterns:"./markup/patterns"},deps:["jquery","es6-shim","jqueryplugins"]}),require(["jquery","renderer","state","engine","passages","utils/selectors","macrolib","repl"],function($,Renderer,State,Engine,Passages,Selectors){function _eval(text){return eval(text+"")}function testPlayCleanup(){["_","Backbone","Store","Mn","Marionette","saveAs","FastClick","JSZip","SVG","requestAnimFrame","UUID","XDate","CodeMirror","ui","nwui","AppPref","Passage","StoryFormat","Story","AppPrefCollection","PassageCollection","StoryCollection","StoryFormatCollection","WelcomeView","StoryItemView","StoryListView","PassageItemView","StoryEditView","TwineRouter","TransRegion","TwineApp","app","storyFormat"].forEach(function(e){try{delete window[e]}catch(t){window[e]=void 0}})}var _installHandlers=function(){var e=$(document.documentElement),t="";e.on("keydown",function(e){13===e.which&&"0"===e.target.getAttribute("tabindex")&&$(e.target).trigger("click")}),Engine.options.debug&&($(document.body).append(t),$(".show-invisibles").click(function(){e.toggleClass("debug-mode").is(".debug-mode")})),_installHandlers=null};!function(e){window.onerror=function(t,n,r,o,i){var a=i&&i.stack&&"\n"+i.stack.replace(/\([^\)]+\)/g,"")+"\n"||"("+t+")\n";alert("Sorry to interrupt, but this page's code has got itself in a mess. "+a+"(This is probably due to a bug in the Twine game engine.)"),window.onerror=e,"function"==typeof e&&e.apply(void 0,arguments)}}(window.onerror),$(function(){var e=$(Selectors.storyData);if(0!==e.length){"TwineApp"in window&&testPlayCleanup();var t=e.attr("options");t&&t.split(/\s/).forEach(function(e){Renderer.options[e]=Engine.options[e]=!0});var n=e.attr("startnode");return Renderer.options.ifid=Engine.options.ifid=e.attr("ifid"),n||(n=[].reduce.call($(Selectors.passageData),function(e,t){var n=t.getAttribute("pid");return e>n?n:e},1/0)),n=$(Selectors.passageData+"[pid="+n+"]").attr("name"),_installHandlers(),$(Selectors.script).each(function(e){try{_eval($(this).html())}catch(t){alert("There is a problem with this story's script (#"+(e+1)+"):\n\n"+t.message)}}),$(Selectors.stylesheet).each(function(e){$(document.head).append('