Upload
owen-hodges
View
217
Download
2
Embed Size (px)
Citation preview
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)FirefoxGoogle ChromeApple Safari
Retrieving a Web Page without a BrowserFrom 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 filesexample:
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 .htmText .txtPDF .pdf Images .jpg, .gif, .png, etcSound Files.wavMS Word or PPT .docx, .doc, .ppt, .pptx – not a good
ideaCGI .cgi, .pl will run a program on the web server
machineScripts .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 Oneuse notepad to create a filetype “hi class”save as test_one.htmluse browser to open the file
Example TwoHTML 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 MakerTutorial 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=PLUYhFCYb2qeOBR9AVERSimlZEN-dXCoOW