-
Notifications
You must be signed in to change notification settings - Fork 0
/
nextChpt7.htm
81 lines (81 loc) · 6.02 KB
/
nextChpt7.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Next Steps</title>
<link rel="stylesheet" href="_CSSChpt7/styles.css">
</head>
<body>
<header role="banner">
<h1>HTML Essential Training</h1>
<h2>Next Steps</h2>
<nav role="navigation">
<ul>
<li><a href="intro.htm" title="Introduction to HTML">Introduction to HTML</a></li>
<li><a href="syntax.htm" title="HTML syntax">HTML syntax</a></li>
<li><a href="structure.htm" title="Structuring pages">Structuring pages</a></li>
<li><a href="links.htm" title="Creating links">Creating links</a></li>
<li><a href="reference.htm" title="HTML Reference">HTML reference</a></li>
<li><a href="next.htm" title="Next steps">Next steps</a></li>
</ul>
</nav>
</header>
<main role="main">
<article role="article">
<header>
<p>Once you master the basics of authoring HTML, you’ll need focus on what your next steps will be. If you’re an aspiring web designer, you’ll need to dive deeper into HTML, CSS, and JavaScript. If you’re maintaining a corporate or personal site through a CMS, you’ll need to focus on how the CMS works, and the most efficient ways to edit and maintain content. On this page I’ll give you some basic advice on how to approach learning web design and point you towards additional resources that can help you along the way.</p>
</header>
<section>
<h3>Learning Web Design</h3>
<p>“Web design” is a pretty open-ended term. Often people who are new to web design feel overwhelmed at everything there is to learn. That’s understandable, but just remember that it’s like any other discipline; with proper dedication and focus you’ll progress quickly. Here’s my favorite advice to new web designers on learning web design:</p>
<p><strong>Learn how the web works.</strong><br>
I’m always amazed at how many web designers focus on learning “just what they need to know” and ignore how the web actually works. Without understanding how web servers, protocols, browsers, and other related web technology works, you’ll never really understand the context behind why you do the things you do, and what makes one practice better than another.</p>
<p><strong>Determine an area of focus, and start there.</strong><br>
There are a lot of areas of web design that you could specialize in, so I’d recommend learning as much about them as you can, to determine which areas interest you. Then, spend as much time learning about your specific area of focus as possible. Once you achieve a level of proficiency, begin to branch out into other areas as well. </p>
<p><strong>Never stop learning</strong><br>
The web is constantly evolving. Even if you become the absolute best there is in a specific field, chances are new techniques and approaches will come along within the year that will make your current skill set less desirable. Understand that being a good web designer means embracing the changing nature of the web.</p>
<p><strong>Break things!</strong><br>
There is no better teacher than experience. Build and experiment constantly. Ask yourself, “<i>what would happen if I?...</i>” or “<i>wonder if I could build?...</i>” and then go out and build it. If you’re like me, you’ll fail a good bit of the time, but the process of trying things and breaking them will make you that much better. <em>Always challenge yourself</em>.</p>
</section>
<section>
<h3>Web Design Resources</h3>
<ul>
<li><a href="http://www.lynda.com" title="lynda.com online training library"><b>lynda.com online training library</b></a>
<ul>
<li><a href="http://www.lynda.com/HTML-training-tutorials/224-0.html" title="lynda.com html related titles">HTML related titles</a></li>
<li><a href="http://www.lynda.com/Web-Design-training-tutorials/1376-0.html" title="lynda.com web design related titles">Web Design related titles</a></li>
</ul>
</li>
<li><b>HTML specifications</b>
<ul>
<li>Although their format can be a bit hard to read initially, once you’re familiar with them there is no better resource for learning HTML and staying current with it than reading the actual W3C specifications.</li>
<li><a href="http://www.w3.org/TR/html401" title="html 4 specification">HTML 4.0</a></li>
<li><a href="http://www.w3.org/TR/xhtml1" title="xhtml 1 specification">XHTML 1.0</a></li>
<li><a href="http://developers.whatwg.org" title="html 5, WHATWG edition">WHATWG HTML5</a></li>
<li><a href="http://www.w3.org/TR/html5">W3C HTML5</a></li>
</ul>
</li>
<li><a href="http://validator.w3.org" title="W3C markup validator"><b>W3C Markup Validation Service</b></a>
<ul>
<li>Great for testing code and making sure you’re writing valid HTML syntax.</li>
</ul>
</li>
<li><a href="https://developer.mozilla.org/en-US" title="Mozilla developer network"><b>Mozilla Developer Network</b></a>
<ul>
<li>One of the best online resources for web designers and developers. Great collection of articles, tutorials, and references.</li>
</ul>
</li>
<li><a href="http://www.html5rocks.com" title="HTML 5 rocks"><b>HTML5 Rocks</b></a>
<ul>
<li>Once you’ve got the basics down, check out sites like HTML5 Rocks. This site feature articles, tutorials, and other resources that help you keep up with the evolving web. </li>
</ul>
</li>
</ul>
</section>
</article>
</main>
<footer role="contentinfo">
<p>© <a href="http://www.lynda.com" title="lynda.com" target="_blank">lynda.com</a> | follow me and lynda.com on Twitter! <a href="https://twitter.com/jameswillweb" title="Follow me on Twitter">@jameswillweb</a> <a href="https://twitter.com/lynda" title="Follow lynda.com on Twitter">@lynda</a></p>
</footer>
</body>
</html>