You must be logged in to post messages.
Please login or register

Halls of Valhalla
Moderated by Yeebaagooon

Hop to:    
loginhomeregisterhelprules
Bottom
Topic Subject: A complete guide to creating websites
« Previous Page  1 2 3  Next Page »
posted 03 April 2011 09:55 AM EDT (US)   






The Complete Guide to Creating Websites


By Guard of Olympus







This is a thread dedicated to a turoial I am writing. It'll contain 25 parts that are all divided into posts. You can find the table of contents further down...
I don't know if there's a large intrest for this, but anyways, enjoy!




Intro One: Introduction

What is this?

This is a tutorial intended for the absolute beginner and it will teach you how to create a fully functioning website using modern standards such as HTML, CSS, Javascript and in the end we'll implement our website into a CMS making it easy to update.

Why are you doing this?

I thought it'd be cool to do a tutorial on making websites because so few know how to create a nice site even though it's very simple. I've also been thinking about creating a blog and I'll be able to post this tutorial as content on that blog. I also think people from these forums can benefit from learning these things, it might also generate some more activity here on the forums which I guess would be nice.

How many parts will you write?

I've planned to write 25 parts, one or two a week so it'll take quite a lot of time to finish, but it'll be great to try out this project.

Do you need any help?

Yes, I'd like some help with a couple of things:


  • Spellchecking - I'm not natively english

  • Feedback - If something's confusing or wrong, please tell me about it




T A B L E   O F   C O N T E N T S

0. Introduction
0.1 Tools
1. The basics of html
2. Basic html elements
3. Layout elements
4. Understanding layout elements and where they are to be placed
5. CSS syntax
6. Why you should use css
7. Styling properities
8. Creating a mockup
9. Creating the basic website and design - Typography, margins, padding and colour.
10. Other css resources
11. Beginning with javascript
12. Choosing a javascript library
13. Jquery functions and syntax
14. Creating the javascript
15. Jquery resources
16. Introduction to Wordpress
17. Wordpress vs other cms
18. Usage of CMS'
19. Installing wordpress
20. Converting html/css/javascript website to Wordpress step 1
21. Converting html/css/javascript website to Wordpress step 2
22. Converting html/css/javascript website to Wordpress step 3
23. Finishing website
24. Further reading
25. Usefull resources





I also apreciate feedback on this idea!

Am I crazy and is there absolutely no interest for a tutorial like this? Please tell me! Are you intrested in learning and think that this tutorial is a good idea? Tell me that too! I apreciate any feedback.



~Guard of Olympus ~
_______________________________________
Jag ser mot solen och tankarna de fr mig hem till AomH SD igen
Learn how to create a website from scratch!
_______________________________________
Dark Times|My work (4.6)|Teaser #2

[This message has been edited by Guard of Olympus (edited 05-25-2011 @ 02:21 PM).]

Replies:
posted 19 June 2011 04:39 PM EDT (US)     51 / 57  
Nice thread I find it helpfull.

Valhall
posted 19 June 2011 05:06 PM EDT (US)     52 / 57  
Nice guide, keep up the good work.

posted 19 June 2011 07:01 PM EDT (US)     53 / 57  
@Expert and je with the Odin icon | Hey guys, thanks for the motivation, just what I needed! FYI I've been looking at screen recording software so that I can easily show you the creation of the mockup without having to write every single step.

@valhal | Thanks! Looks as if you're not the one I thought you were at first.

~Guard of Olympus ~
_______________________________________
Jag ser mot solen och tankarna de fr mig hem till AomH SD igen
Learn how to create a website from scratch!
_______________________________________
Dark Times|My work (4.6)|Teaser #2

[This message has been edited by Guard of Olympus (edited 06-20-2011 @ 07:20 AM).]

posted 19 June 2011 07:13 PM EDT (US)     54 / 57  
CamStudio is the best screen recorder

Keep up your good work on showing us HTML and CSS

𝓎𝑒𝓈, 𝒾 𝓁𝒾𝓀𝑒 𝓅𝑒𝓅𝑒
posted 20 June 2011 04:52 PM EDT (US)     55 / 57  
I just said that I find your thread helpfull.

And if you have any biddings I would be glad to help.
Who did you think I was?

Valhall

[This message has been edited by GuardianofValhal (edited 06-20-2011 @ 04:57 PM).]

posted 21 June 2011 00:29 AM EDT (US)     56 / 57  
CamStudio is the best screen recorder
Hypercam and CamTasia beg to differ.

And those who were seen dancing were thought to be insane by those who could not hear the music.
― Friedrich Nietzsche
posted 21 June 2011 07:00 AM EDT (US)     57 / 57  
I'm running a trial version of camtasia now, perhaps that'll be useful.

~Guard of Olympus ~
_______________________________________
Jag ser mot solen och tankarna de fr mig hem till AomH SD igen
Learn how to create a website from scratch!
_______________________________________
Dark Times|My work (4.6)|Teaser #2
« Previous Page  1 2 3  Next Page »
Age of Mythology Heaven » Forums » Halls of Valhalla » A complete guide to creating websites
You must be logged in to post messages.
Please login or register
Hop to: