Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Making A Basic Website - Walkthrough Tutorial

Featured Replies

It's not finished, and the final site will be shown on the first page before you begin. In the end it'll be a .zip available for download with any images included.

 

There should be enough there for beginners to get started. I'll finish it tomorrow probably.

 

Work through it by looking at the source code of each page and making changes to your own at the same time.

 

http://www.brett-munro.com/MakeThisWebsite

A fantastic idea - wish I'd had use of it when I first learned HTML & CSS - it would have made it so much easier.

That's a nice idea Stardog — I wish you all the luck with it!

Hey thanks for the link! Very interesting. I've just started a teaching post at a University in Edinburgh and have been teaching a bunch of students hwo to get from their PSD layouts, to wireframes, to basic HTML structure, to adding styles and making the layout work.

 

it's been a really interesting process as I've had to get everything down to the bare essentails and see it from their perspective. I di think about doing something like your site, but never got the time and so it's all been done on paper and in Dreamweaver.

 

I'm going to send them a link to your site, as they'll find it really useful!

(Unrelated) That is excellent news Eskymo! I'd love to teach people web design, maybe I should wait until I've finished uni first! ;)

Darn it, why didn't you do it two months ago? This is an awesome tutorial for beginners.

 

Very clever and interesting. Good luck!

Excellent Idea. Congrats!

 

This should certainly make life a bit simpler for those learning the basics of coding etc.

 

Good Job!

It seems to stick on a certain page, yesterday I couldn't get past page 26, today I can not access page 29.

 

It is very useful indeed, made me realise I was approaching the design element of web design totally wrong!

 

Thanks :)

It seems to stick on a certain page, yesterday I couldn't get past page 26, today I can not access page 29.

 

It is very useful indeed, made me realise I was approaching the design element of web design totally wrong!

 

Thanks :)

 

I believe it is a work in progress and new pages are being added all the time.

I would like to pick fault in this topic....

 

But I can't! Great idea, very well executed - hats off to you!

 

:hi:

  • 3 weeks later...

Great Tutorial. I just saw it. Explaining while its changing. Great idea. Innovative Idea. I think there would be couple more created after people see this idea.

IGNORE THIS POST - The info was meant for another thread.

I'm loving the footer! Was that always like that or have you just added that indentation - looks great! Maybe when I'm back online at the end of May you'll have this site finished!

I only see "Footer" in the footer. You sure you're feeling ok Eskymo? :lol:

oops - I meant to post that in the thread about your website Rob - too many tabs open! Sorry for the confusion.

Very effective! Wish i have found something like this months ago.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.