Web technology and web design tutorials: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
Line 2: Line 2:
{{stub}}
{{stub}}


I'll have a first version by the end of Aug. 2009. '''Most entries below are ''not'' tutorials so far ...''' - [[User:Daniel K. Schneider|Daniel K. Schneider]] 15:14, 30 July 2009 (UTC)
'''Most tutorials are just drafts'''. I will take some time before I will be done with these - [[User:Daniel K. Schneider|Daniel K. Schneider]] october 2009.


== Introduction ==
== Introduction ==
Line 53: Line 53:
* [[HTML]], [[XHTML]] and [[HTML5]] for some background information
* [[HTML]], [[XHTML]] and [[HTML5]] for some background information
* [[HTML and XHTML elements and attributes]], an introductory (X)HTML elements tutorial. Explains some markup principles and introduces the most important elements.
* [[HTML and XHTML elements and attributes]], an introductory (X)HTML elements tutorial. Explains some markup principles and introduces the most important elements.
* [[HTML forms tutorial]]
* [[HTML and XHTML validation and repair]]
* [[HTML and XHTML validation and repair]]
* [[HTML5]]


=== CSS ===
=== CSS ===
Line 62: Line 62:
* [[CSS positioning tutorial]]
* [[CSS positioning tutorial]]
* [[CSS for XML tutorial]]
* [[CSS for XML tutorial]]
* [[Computer colors tutorial]]


=== JavaScript ===
=== JavaScript ===
Line 67: Line 68:
* [[Javascript tutorial - basics]]
* [[Javascript tutorial - basics]]
* [[DHTML]]
* [[DHTML]]
* [[HTML forms tutorial]] (using JS a lot)
* [[ECMAScript data types]]
* [[ECMAScript data types]]
* [[AJAX]]
* [[AJAX]]
Line 72: Line 74:
=== XML tutorials ===
=== XML tutorials ===


* [[XML]]
* [[DTD tutorial]]
* [[DTD tutorial]]
* [[XSLT Tutorial - Basics]]
* [[XSLT Tutorial - Basics]]

Revision as of 16:33, 6 October 2009

This article or section is currently under construction

In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")

Draft

Most tutorials are just drafts. I will take some time before I will be done with these - Daniel K. Schneider october 2009.

Introduction

Level 1 - Learning goals

  1. Use simple Web 2.0 services like Webtops
  2. Configure a web 2.0 application, e.g. a Ning social network
  3. Import widgets and understand how content syndication works
  4. Learn how the Internet works and about some major Web protocols
  5. Design a web page with (X)HTML and CSS and upload it to a server
  6. Evaluate and use web page styles
  7. Edit and code simple JavaScript programs
  8. Know how to make use of JavaScript libraries
  9. Create and validate an XML file (learn how to read and use DTDs and XML Schemas)

Level 2 - Learning goals:

  1. Design XML grammars
  2. Write XSLT stylesheets for text or database centered XML applications
  3. Access a web server, code, test and run a very simple server-side program
  4. Design a simple SQL database
  5. Be able to use some PHP/MySQL generators
  6. Install and configure LAMP-based web applications

List of (future) tutorials

Note: The list below is really provisional, got some renaming and (of course) work to do.

Getting started

I suggest to start creating web sites with online services. This way you will be aware of what you can do without learning to code or install anything. In addition, you will implicitely learn some concepts that will be introduced later.

Internet principles

Managing identities on the Internet

HTML

CSS

JavaScript

XML tutorials

Web applications

Other EduTech Wiki entries of interest

Overviews
Links pages

... to help you find good web sites

Other tutorials
Installation tips

See the category installation tips

Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=Web_technology_and_web_design_tutorials&oldid=23948"