WOO WOO WOO Let's Make Webpages ! ! !

Blueberry Soft's picture
Sun, Nov 24 2019 05:00 PM
11/25/2019 - 10:00
12/01/2019 - 22:00
Australia/Melbourne

MOST WEB-PAGES SUCCCCCCK !!! let's make a bunch of good ones !!!

I propose we spend a weekend having fun with HTML and CSS, making little websites about whatever we want.

I'd also like to connect them together somehow. Either host them all in one place--like a gallery of pages. Or make something like a webring to conect them together in a chain.

NB: The date has change to avoid clashing with the Potluck Party event!


What to put on webpage ???

Make a page for:

  • all the pets you've had
  • trees near your house
  • a GT game you like
  • a zine
  • to show-off your games
  • weird effects you figured out how to do with CSS
  • politicians you hate
  • a hypertext/media, Twine-like story thing


How to make webpage ???

All you need is:

  • A text editor to write the stuff.
  • A web browser to test it out.

If you don't want to write it by hand there are free WYSIWYG editors (Blue Griffon is the first that comes to mind), and you can (usually) even use whatever word processor you have installed.

http://bluegriffon.org/#download

There are a gazillion tutorials online, but please suggest good ones in the comments.

I'll come hang out in the discord during the event to answer questions too :)


Where to put my web page ???

Neocities! It's free! -> https://neocities.org/

Feel free to suggest similar free places in the comments :)


You may like to break the rules, some suggestions are:

  • Make a Gopher Hole instead
  • Start some other kind of Internet-based thing
  • Make a fancy TXT file and stick that up somewhere
  • VRML???
  • Destroy Facebook

AttachmentSize
01.jpg47.28 KB
02.jpg27.17 KB
03.jpg47.88 KB
04.png55.88 KB
05.png229.81 KB
06.jpg53.12 KB
07.jpg11.14 KB
08.png22.98 KB
09.jpg511 KB

Games made for WOO WOO WOO Let's Make Webpages ! ! !

Comments

clyde's picture

I'm interested. My weekend

I'm interested. My weekend is rather full, but I'm going to try and put up something anyway. If I don't succeed by Sunday, I'm still going to submit something within the week.

let-off-studios's picture

Yep!

Gonna see what I can do on Neocities. They have a pretty great mission, and this event dovetails with it quite nicely...!

ncrecc's picture

This is scheduled awfully

This is scheduled awfully close to Potluck Party but I might be able to do something!

Blueberry Soft's picture

Whoops

Oh shit, didn't notice that. Websites would actually fit perfectly into that event, even.

I'll move it to another time.

mno's picture

Oh my gosh I assumed there'd

Oh my gosh I assumed there'd been more "official" event time for making a site... Well anyways, I've been wanting to remake my own website and this would be a good cause!

Blueberry Soft's picture

I'm gunna reschedule it so

I'm gunna reschedule it so it doesn't clash with Potluck Party, so I'll stretch it out to a week, ending on a Sunday.

mno's picture

thank you!!

thank you!!

clyde's picture

I'm checking out this Blue

I'm checking out this Blue Griffon business. I tried making a website tonight and ran into problems, but I know how I want to approach it when I do it on a new day. I think I needed to check the box that says "Make URL relative to page location"
These resources are not recommended, I'm just keeping track of the ones I'm using:
Video tutorials for Blue Griffon:
https://www.youtube.com/playlist?list=PL44I8gwlAOwdxMCF1QyI_i-nEIoXCVa49

Doing the links in Blue Griffon:
http://write.flossmanuals.net/bluegriffon/using-links/

Blueberry Soft's picture

Yeah, keeping URLs relative

Yeah, keeping URLs relative will make it easier to test things, otherwise they won't work unless it's uploaded onto a server.

Blueberry Soft's picture

Tutorials / Guides

WHoops, forgot Neocities have their own guide up, has links to other resources too:

https://neocities.org/tutorials

clyde's picture

I just found out that

I just found out that Firefox blocks automatic audio on webpages from playing by default. How many sounds have I missed out on I now wonder.

clyde's picture

Here is my test of

Here is my test of BlueGriffon and uploading it to my AmazonS3 account.
https://cool-web.s3.amazonaws.com/danceMusic.html

Blueberry Soft's picture

This is great!

This is great!

Love the little loop of music that plays.

(whoops, that was meant to be a reply to your website, clyde)

Capt_hastings-Chrissy's picture

neocities

I was really excited about this because I have been wanting to learn HTML for a while now.
After general video watching of HTML and CSS I have gotten a tumblr style website where I can pretty much make a line of pics, text, etc.
I still haven't figured out how to make the pics post if I use them from my computer like everything says to do.
Now that I can do basic stuff the next goal is to learn how to design a site and have more than a line of stuff.
So far: https://cm0nster.neocities.org/
I used a text editor named visual studio code.

Blueberry Soft's picture

Oooo well done ! You can

Oooo well done !

You can upload the pics from your computer to Neocities... I think by drag-and-droping them into the screen which has the files. You might also want to make an images folder on there so it doesn't get cluttered.

Here's a wee tip: you don't have to put each separate CSS rule inside a seperate 'style' element, you can put them all inside one. So like:

(style)
        img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 40%;
}

    iframe {
margin-left: auto;
margin-right: auto;
display:block;
}

    a {
text-align: center;
display:block;
}

    figcaption {
      background-color: #222;
      color: #fff;
      font: italic smaller sans-serif;
      padding: 3px;
      text-align: center;
  }

figure {
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 1000px;
    margin: auto;
}

    h1 {Color: #8B008B; text-align: center; font-size: 80px; }
(/style)

(NB: I had to the angle brackets with regular ones 'cause they don't show up)

Also I really want that snake costume D:

Blueberry Soft's picture

A cool thing about websites

A cool thing about websites though is that browsers are really forgiving, so just use whatever works and makes sense for you!

Capt_hastings-Chrissy's picture

Style

Thank you thank you. What happened was I thought I could put everything in one style section but my iframe would not center and it was driving me crazy and then I randomly gave it it's own style section and it worked so I just did that for everything. Now I think I probably just had something incorrect in there and fixed it somehow when I moved it. It gets messy in there real fast.
I'm going to try it with one style again and see what happens.

I want o e too!!!

pensive-mosquitoes