Need help teaching someone [HTML5/CSS3]

Thor

Thor

Honorary Master
Joined
Jun 5, 2014
Messages
44,413
Reaction score
7,522
Location
Bellville
Hello,

This might be a bit of an unusual request. I need all the help I can get with suggestions.

Let me explain the story. Bit of background on the humans current setup

I have a human who knows nothing about websites (from a dev perspective).

The human has a Computer (win 7, good specs all good) No internet.
The human has a note 3 Samsung phone currently on Wifi till 5pm today.

========

What I want to do:

I want to let the person learn the very basics of HTML and CSS tonight.

Question is HOW;

My idea is to download all the software needed:

Notepad++
FireFox offline install
WAMP

And then put all of that in a zip file.


Then the human can download the ZIP file whilst the human is on WIfi right now and tonight simply transfer the zip from the phone to the pc and take it from there.

Cool, so whats the problem?

I need advice on the learning material, I am talking bare basics people a little introduction pdf if possible, because I need to send that with the Zip File. Since the human does not have internet access at the home.

We have 4 hours to come up with something. Again help is appreciated.
 
NullHypothesis said:
There is a lovely little "coffee table" style book with lots of pictures called "HTML & CSS: Design and Build Web Sites" by Jon Duckett. I say "little" despite it being over 500 pages, you could get that info into a quarter of that with all the imagery used. Great for newbies.
Click to expand...

won't work for tonight.

BUT thank you none the less I am placing my order now that book blew me away!!!!
 
In terms of learning content I would recommend the full html5 and css3 spec as a course but if you want someone to absorb the concept alone in an evening I would base the examples off manually creating a word document since Microsoft Word is at its core a glorified WYSIWYG editor and they should be familiar with it.

Then I would run through basic common tags i.e
-h*, p, b, i, u,br,img hr tags
-css styles: padding, margin, border, font, color, background

In terms of your delivery method I think it is flawed for such a simple concept..
i.e. you require a bunch of dependencies like zip,text editor,server, pc knowledge and account priveledges.

Why not simply delivery the whole shibang as an html5 online/offline app?
I assume they are going to use a web browser to access the zip in which case as long as they have ie9+ this should work and they require no further downloads or depencies further than visiting the website.


*EDIT- I missed the part about transfering to pc in which case let them download a html file that has a text area for html and css and displays the output in an iframe. Maybe 30kb for the whole file.
Anyways thats my 5c
 
Last edited:
kurtr said:
In terms of learning content I would recommend the full html5 and css3 spec as a course but if you want someone to absorb the concept alone in an evening I would base the examples off manually creating a word document since Microsoft Word is at its core a glorified WYSIWYG editor and they should be familiar with it.

Then I would run through basic common tags i.e
-h*, p, b, i, u,br,img hr tags
-css styles: padding, margin, border, font, color, background

In terms of your delivery method I think it is flawed for such a simple concept..
i.e. you require a bunch of dependencies like zip,text editor,server, pc knowledge and account priveledges.

Why not simply delivery the whole shibang as an html5 online/offline app?
I assume they are going to use a web browser to access the zip in which case as long as they have ie9+ this should work and they require no further downloads or depencies further than visiting the website.


*EDIT- I missed the part about transfering to pc in which case let them download a html file that has a text area for html and css and displays the output in an iframe. Maybe 30kb for the whole file.
Anyways thats my 5c
Click to expand...

Too complex.


=======

I want them to be able to do this:

Create a website

With their name, bio, footer.

Thats it.

The human is not in this field and will never be.

It's just a case of the human wants to know the bare minimum basics of how this works and see if they can build something themselve.

=======
 
Thor187 said:
Too complex.


=======

I want them to be able to do this:

Create a website

With their name, bio, footer.

Thats it.

The human is not in this field and will never be.

It's just a case of the human wants to know the bare minimum basics of how this works and see if they can build something themselve.

=======
Click to expand...

Download W3schools using https://www.httrack.com/page/2/ ?
 
If I could I would have send my Lynda.com credentials but no internet so need something small something basic.

they dont need to learn the entire HTML sphere

Just the basics to build a basic

My name

My Bio

Footnote

website.
 
You must log in or register to reply here.
Back
Top
Sign up to the MyBroadband newsletter
X