HTML5 from Scratch
Zažljena programska oprema (for syntax highlighting):
- jEdit, http://www.jedit.org/
- Edit +, http://www.editplus.com/
- BBEdit, http://www.barebones.com/products/bbedit/
- Vim, http://www.vim.org/
- Emacs, http://www.gnu.org/software/emacs/
- HTML5 Okostje:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>ArenaZnanja - iCanToo</title> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <div id="container"> </div> </body> </html>
- Glava in navigacija:
<header class="sidebar"> <h1><a href="#">Ime Priimek <strong>dijak/študent/zanesenjak</strong></a></h1> <nav> <ul class="nav"> <li><a href="#home">Personal info</a></li> <li><a href="#edu">Education</a></li> <li><a href="#skill">Skills/Projects</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> <img class="personal_photo" src="http://placekitten.com/160/250" alt="Robert Sedovsek" width="160" /> <br/> <span class="photo_ref"> <i>Photo taken at the <a target="_blank" href="http://newadventuresconf.com/" title="New Adventures in Web Design">New Adventures in Web Design</a> (Nottingham, UK) by <a target="_blank" href="http://kickawesome.tv/" title="Nate Croft">Nate Croft</a></i> </span> </header>
- Vsebina:
<div id="content"> <div class="info"> <div id="data_home"> <h2 id="my_home"><a name="home">General info</a></h2> <p>Hello! I am Robert Sedovšek, a PhD student at the University of Ljubljana and a full-time continuously learning passionately curious enthusiast. I was born on 10th of october 1984 in Slovenj Gradcec, Slovenia. I live in my own appartment in Mežica <small>[see <a target="_blank" href="http://www.flickr.com/photos/seddy/5132092891/" title="Work place">coderoom</a>]</small>.</p> </div> <div id="data_edu"> <h2 id="my_edu"><a name="edu">Formal education</a></h2> <p>I attended elementary school in Mežica where I was rewarded for eight years of <strong>excellence</strong>. In 2003, after I successfully completed Gymnasium Ravne na Koroškem, I enrolled in the <strong>Faculty of Natural Sciences and Engeneering</strong>, where I gratuated <strong>with honors</strong> on »Software development for game based mobile learning supported by eMapps« in the year <strong>2008</strong> under the supervision of doc. dr. Bojan Petek.</p> <p> I am currently a <strong>third-year student</strong> of postgraduate study and I am being awarded with the <strong>Zois scholarship</strong> for gifted and talented. My area of interest are <strong>language technologies</strong> and <strong>natural language processing (NLP)</strong>. </p> </div> <div id="data_skill"> <h2 id="my_skill"><a name="skill">Software and technologies</a></h2> <ul class="lists"> <li>Storing amounts of data in: <strong>MySQL</strong>, <strong>Oracle</strong>, <strong>MsSQL</strong>;</li> <li>Prefer to code in <strong>PHP</strong> (CodeIgniter framework and Smarty template engine), familiar with others, too;</li> <li>Exchanging data in/with: <strong>XML</strong>, <strong>Ajax</strong>, <strong>jSON</strong>, <strong>CSV</strong>, <strong>Excel</strong>, etc;</li> <li>I operate systems: Windows (60%), MacOS (25%), Linux (15%);</li> <li>Established <strong>Apache</strong> web server & Samba file server for personal use;</li> <li>Wrote valid markup of documents in <strong>(X)HTML(5)</strong> and their style in <strong>CSS(3)</strong>;</li> <li>Amazed at <strong>JavaScript</strong> ability & daily <strong>jQuery</strong> user;</li> <li>Pushing <strong>pixels</strong>, drawing vectors, done <strong>animations</strong>: Photoshop, Illustrator, Flash;</li> </ul> </div> <div id="data_contact"> <h2 id="my_contact"><a name="contact">Contact</a></h2> <p> Robert Sedovšek.<br/> Gosposvetska 19<br/> 2392 Mežica<br/> <br/> twitter: @sedovsek<br/> e-mail: robert.sedovsek@gmail.com </p> </div> </div> </div>
- Noga:
<footer> <p class="small">This website is powered by <a target="_blank" href="http://jquery.com/" title="jQuery">jQuery</a> and uses these gorgeous fonts I found in <a href="http://code.google.com/webfonts" title="Google font directory">Google font directory</a>. Thank you all for sharing!</p> </footer>
So far, so good?
na začetek oziroma naprej na Chapter: Adding CSS3