HOW THE WEB WORKS DTC/ENGL 355 March 21, 2016. WHAT THIS MEANS FOR YOU NO WEBPAGE is visible to the world until you save it onto a server. In this case,

Slides:



Advertisements
Similar presentations
How To Make Your Own Web Page: Basic Web Design
Advertisements

3.02D HTML Overview 3.02 Develop webpages.
How to Organize a Website Using Front Page to Manage Your Growing Needs By Cristiana and Fred Baggio
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
Web basics Keywords: Web Server, Browser, Local, Remote, HTML, URL.
27 September. Thursday’s Current Event: Follow Up Lands End Already offers VoIP eBay to purchase Skype Connect buyers and sellers Google Offers instant.
Dreamweaver Basics In this section you will learn how to:
ETT 229 Fall 2004 Web Design Basics IV Multi-page designs.
ETT 429 Spring 2007 Web Design Basics II. Publishing Web Pages Activating your NIU website Go to this.
Student iDrive Access ESU Website Server Storage Space.
Introduction to Web Lingo
Introduction to Web Creation iMet Tool Training. Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent.
Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,
Student iDrive Access ESU Website Server Storage Space.
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Server-side Scripting Powering the webs favourite services.
HTML.
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
1 HTML (Set Up Public Folder) Some material on these slides is taken directly from
Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
CPSC203 Introduction to Computers Lab 69 By Jie Gao.
Parts of a URL (Uniform Resource Locator). Let’s study more closely what the parts of this string indicate.
Tutorial #2 Creating Links. Tutorial #1 Review Basic Page (DOCTYPE, HTML, Head, Title, Body) Tags Structure( ),,,,,, Nested Tags content Tag Attributes.
Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.
Review Chapter 3, 4 & 5 - Dreamweaver. How does defining the site in Dreamweaver help in designing a web page? Answer: It shows all the files and images.
Defining a Website. Review…. Page Title −The text that will be displayed in the title bar of the browser window on a web page File Name −What you “call”
Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
Follow the Data Data (and information) move from place to place in computer systems and networks. As it moves it changes form frequently. This story describes.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
How the Web Works Digital Histories Workshop Adam Crymble.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 1.
Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.
UNIT 2 UNIT 2 Module 3: HTML Lists Overview. List There are two common types of HTML lists Ordered list numbered Unordered list bullet points.
Create Your Own Webpage. Today’s Agenda Learn about uploading your site Meet in small groups to share work Present.
Determining the URL for a Web Document. Components The URL of a web document consists of 1.The server address 2.The folder structure 3.The file name.
3.02E Website File Management 3.02 Develop webpages.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Copy of the from the secure website - click on the AccoridaLife.zip link.
IS2803 Developing Multimedia Applications for Business (Part 2) Lecture 2: Introduction to IS2803 Rob Gleasure
This shows CIS17 and the first day introduction..
KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
Conventions for Web Designers.  DO NOT: ◦ Use capital letters or spaces in names ◦ Use punctuation or symbols  DO: ◦ Use names that are easily recalled.
Making a webpage using DreamWeaver CSC 152 (Blum)1.
Navigating the Course 1. Course Materials 2 Software: Notepad (or TextEdit on a Mac) – comes with operating system Internet Explorer Web Browser FireFox.
GUIDELINES FOR CREATING YOUR FIRST WEBPAGE GETTING STARTED.
How Web Servers and The Internet Work The Basic Process.
Dr. Lam TECM  Design thinking/web design process  Content, content strategy, and writing for the web  Layout and grids  Visual design  Typography.
HTML Links CS 1150 Spring 2017.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Unix Commands PowerPoint
Server sends index-HTML-Code Enter in Browser (localhost/name) Local Server Browser Requests Data Server sends index-HTML-Code.
Files and Folders.
How files are organized
Part 2 Setting up a web server the easy way
Unit 3 Test Building a Web Site Test.
4.01 How Web Pages Work.
Client-Server Model: Requesting a Web Page
The dog and cat are hungry.
HTML Links CS 1150 Fall 2016.
Website File Management
Presentation transcript:

HOW THE WEB WORKS DTC/ENGL 355 March 21, 2016

WHAT THIS MEANS FOR YOU NO WEBPAGE is visible to the world until you save it onto a server. In this case, the BlueHost server space I purchased.

WHAT THIS MEANS FOR YOU When there isn’t a.html file extension on an address (say, like the browser will look for the file index.html. For example, when I type it is looking for the index.html file in the kuurola.com root level (main) folder

WHAT THIS MEANS FOR YOU You need to care, and care deeply and in a detailed manner, about your file names and file structures.

Web Address Examples Let’s say I have a folder called “dogs” located in my root folder of my webserver space (in this case, kuurola) if I go to the web browser will look for an index.html page and will return that to my web browser. the browser will then render the HTML and return a webpage to me

Web Address Examples Where would we find this file?

Web Address Examples Where would we find this file?

Your Address IF you use the AML server, your address will be IF you use a web hosting service, you can choose your domain name, and your address will be

WHAT THIS MEANS FOR YOU DO NOT use spaces, symbols, or capital letters in your file or folder names (this is what a file called “dogs and cats!” would look like as a web address)

WHAT THIS MEANS FOR YOU DO NOT use spaces, symbols, or capital letters in your file or folder names (do you want to try to remember which letters you chose to capitalize in your file names? I think not. Lower case. Live it)

HTML The basics