Notes

Notes

11-05-24

We learn the history of the Web so we know where the technology came from and the basics of how it works.

info.cern.ch - home of the first website! Very basic webpage titled World Wide Web - very boring, plain black text, blue underlined links. All webpages in the entire world used to be directly or indirectly linked to this document.

Sneakernet - exchanging floppy disks with other people (Way easier to work on a shared document today!).

Major Internet advancements 10 to 20 years before 2008/09!

Line mode browser - black screen with phosphorus green letters. Slowly displaying text onto screen, like a typewriter. Heading centered. Format interpreted differently on different browsers. EXTRA CODING! Links with numbers - mouse not introduced yet. Line mode broswer neater than normal browser.

Main distinction of hypermedia or hypertext documents compared to traditional digital documents - includes links to other documents.

Hyper Text Markup Language

Made up of tags with start and end. They modify or augment the text in between when displayed in a browser.

NETSCAPE - looks more modern. Version 1 released in 1994 - 14 years ago!

BLINK tag BAD!!! Not supported anymore.

Early web page ediitors let you create and edit webpages. Looks like a word processor document. It does the editing for you.

This is a thing!! WYSIWYG = What You See Is What You Get

11-07-24

PHP = Hypertext Preprocessor. PHP is awesome! No wonder it's so popular! Strong enough to be the core of the biggest blogging system on the web (WordPress!). Easy enough to be a beginner's first server side language.

HTML vs. PHP - HTML spits out HTML code. PHP opens the PHP document, looks at it, follows commands, then sends it to the browser.

Anything inside tags is processed by web server, not given to browser. Kind of opposite for outside.

# - commented out code, not processed by server

Looked at Dad's website and observed how neat and tidy both the code and the website looked. Easy on the eyes. Light gray background. Caps and bold text to make important things stand out. Content is evenly spaced.

11-10-24

<hr> (horizontal rule) = separates content with a line. Can be styled.

Ordered list:    Tag: <ol>
    1. This
    2. Is
    3. An
    4. Ordered
    5. List

<ul> (unordered list) for bulletpoints

Nested tags example:
    <ul>
        <li>something</li>
    </ul>

Tables are made up of multi-nested tags.

| home | time log | resources | notes | projects |