HTML and Game Maker Studio

Download Report

Transcript HTML and Game Maker Studio 

Mr. Rouda’s
CSCI 101 sections
What does a web page consist of?
 Code
 HTML, CSS, XHTML, XML, etc.
 Images
 Gif, jpg, png, etc.
 Plugins
 Swf, flv, etc.
 JavaScript
 Jquery, etc.
What happens when I request a
page?
 I type the URL “faculty.winthrop.edu/roudaj/”
 That machine sends me one file from the specified
directory. That file is plain text, but contains special
codes to tell the browser how to display the text.
 view source
 That file contains references to other files (which
happen to be images), so the browser requests those
files also.
 The browser prints everything on the screen.
What are Browsers?
 Internet Explorer (IE)
 Firefox
 Google Chrome
 Apple Safari
Retrieving a Web Page without a
Browser
 From the Windows menu, select "run..."
 Type “CMD”
 Press “Enter”
 Type “telnet google.com 80”
 Press “Enter”
 Type “GET”
 Press “Enter”
** In Linux or Mac you can type “curl google.com” in the
terminal.
How are web pages organized?
 directories/folders and files
 example:
 http://faculty.winthrop.edu/contains directories for
each faculty website. My directory is “roudaj”
 each of those directories contain a file named
default.htm which is the main page of the website…or
the Home Page.
** In some servers this page can be default.XXX or
index.XXX or whatever the server admin sets it as.
What sort of files can you put on a
web site?








HTML
.html or .htm
Text .txt
PDF .pdf
Images
.jpg, .gif, .png, etc
Sound Files .wav
MS Word or PPT .docx, .doc, .ppt, .pptx – not a good idea
CGI .cgi, .pl will run a program on the web server machine
Scripts .asp, .php, .jsp run scripts on the “Server Side” and
can query databases on the server machine.
 JavaScript files (.js) run on the “Client Side” to change the
look of a website.
HTML Example One
 use notepad to create a file
 type “hi class”
 save as test_one.html
 use browser to open the file
Example Two
 HTML Tags.
<html>
<head>
<title>Hello World</title>
</head>
</html>
Example Three
<html>
<head>
<title>Hello World</title>
</head>
<body>
<p>Testing text.
Make this <b>bold</b> </p>
</body>
</html>
Hyperlinks
**Note all should be in the body tags**
<p>This is a
<a href="bob.htm">link</a>
to the file bob.</p>
<p><a href="http://www.youtube.com">link</a> to
youtube</P>
<p><a href="mailto:[email protected]">Mr. Rouda’s
email</a></p>
Game Maker
 Tutorial 1 – What is Game Maker studio
 http://www.youtube.com/watch?v=6v_7URcEGm8
 Tutorial 1 – basic tutorial
 http://www.youtube.com/watch?v=hzMNunoPd0o
 Other Tutorials -
http://www.youtube.com/playlist?list=PLUYhFCYb2qe
OBR9AVERSimlZEN-dXCoOW