Starting of Coding

• Coding Basics

  • Started for sharing information - scientific databases.

• Basic webpage

  • HTML
  • CSS
    • Internet is a server with a bunch of links. URL is used to cover up the numbers. How ever website are IP address and DNS is used as a phone book to connect URL and to the Domain IP.
      • DNS = Distributed name Services
        • Maps name to the IP address
      • HTTP
        • HyperTest Transfer Protocol
      • HTML
        • A separate file on the root folder of the domain hosting
        • HyperText Mark-up Language
          • All different content for a webpage. Using tagging for each section of the page content.
            • Giving everything a label to what this contest is even thought content is just plain text. And with < > is its labels *<p> is a paragraph.
              • Inclosed between <p> Paragraphed </p> what ever is inside will be considered as a paragraph.

• CSS

  • A separate file in the domain root folder.
    • Stylistic tools
    • Both are used and related together.

HTML SYNTAX

• Element Name - Identifier for different types of content
  • TAGS include elements in angled brackets and identify (mark-up) different types of content
  • Elements can be nested inside other elements
    • Child Elements and Child Tags

Example for Basic HTML, Using Bracket coding software:

Using this software it includes (by downloading a third-party software extention) an extention to download the basic HTML structure without the need to start from a blank page.

I create our first simple webpage to understand the basics.

In Web, We have been tasked to Create a interactive narrative displayed within a website.

The schedule for the next 4 weeks:

Telling a story with web

• Telling a story with perspective.

• You choose how you navigate. And become a part of making of the story.

• The user can be a character or author in the story.

  • Hyper link
  • HTML

• Web was designed to connect databases together.

• Traditional idea of narrative

  • A leaner process. Serious of action points that link together and climax.

• Canonical storyflow - straightforward story.

  • Non leaner story flow.
    • But have lots of options to add information and to add side stories.
      • And eventually ending with the ending.

• Elements of drama.

  • Six Elements:
    • good plot.
    • Character.
    • Thoughts.
    • Diction.
    • Song.
    • Spectacle.

• Summaries. Difficult to read big block text. So use images animation and story. Or implied story. Reader to do the work.

• Code is like telling a story.

  • It’s like interactive story telling.
    • Such as a flow diagram.

Can use Plot generator. For idea.

Things to think about for the brief:

• Structure of Project.
• Main programme to be used