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.

Slides:

Advertisements

Similar presentations

HTML Basics Customizing your site using the basics of HTML.

Advertisements

4. Internet Programming ENG224 INFORMATION TECHNOLOGY – Part I

WeB application development

A really fairly simple guide to: mobile browser-based application development (part 1) Chris Greenhalgh G54UBI / Chris Greenhalgh

The Client-Server Model for the Web 1. A Web Client (usually in the form of a web browser) makes an HTTP request to a specific web server. 2. The Web Server.

1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.

HOW TO BUILD A WEBSITE In 5 easy steps. Overview ◦ Decide on the Website’s Purpose ◦ Sketch a Rough Draft ◦ Create Content ◦ Code and Assemble Assets.

Multiple Tiers in Action

HTML CS1315 Fall What You Need to Get Started A *simple* text editor to write HTML – Windows: notepad – Mac: textedit (be sure to pick Format 

Chapter 14 Introduction to HTML

Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web. Web.

ITM352 Javascript and Dynamic Web Pages: Client Side Processing.

1 Lesson 1 Quick HTML Know-How HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.

HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.

Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.

 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

Computer Concepts 2014 Chapter 7 The Web and .

PHP Requirement for PHP composing 1.Internet, Website, Domain Name, IP Address 2.Operating System, Linux, Windows 3.Webhosting, Database, Services 4.HTML.

1 Outline 3.1 Introduction 3.2 Editing HTML 3.3 First HTML Example 3.4 W3C HTML Validation Service 3.5 Headers 3.6 Linking 3.7 Images 3.8 Special Characters.

1 HTML (Set Up Public Folder) Some material on these slides is taken directly from

Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.

Unit 1 – Web Concepts Instructor: Brent Presley. ASSIGNMENT Read Chapter 1 Complete lab 1 – Installing Portable Apps.

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.

NASRULLAH KHAN.  Lecturer : Nasrullah   Website :

HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

Incorporating Multimedia into a Web Site (Case Study) Unit G.

Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.

HTML Internet Basics & Beyond. What The Heck Is HTML? HTML is the language of web pages. In order to truly understand HTML, you need to know a little.

Introduction to web development and HTML MGMT 230 LAB.

XHTML and CSS Session 1 Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements.

INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.

1 © Copyright 2000 Ethel Schuster The Web… in 15 minutes Ethel Schuster

Introduction.  The scripting language most often used for client-side web development.  Influenced by many programming languages, easier for nonprogrammers.

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.

Creating Your First Web Page – Topic: Creating a wiki, blog, image blog and podcast Click Arrow - Next Slide 1.

ALBERT WAVERING BOBBY SENG. Welcome  Introductions  Existing knowledge?  Laptops?  Course goals  Introduction to several topics  Encourage creativity.

Mrs. Walls September/October Learning the Web Vocabulary Web Sites Web Pages Web Browser To Bibliography Bibliography.

Mrs. Walls September/October Learning the Web Vocabulary Web Sites Web Pages Web Browser.

By Mrs. Houle  It is time to visit the Internet. You are going to jump onto Google Chrome to learn how to use the web browser tools to get around. Along.

NASRULLAH KHAN.  Lecturer : Nasrullah   Website :

HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.

 Before you continue you should have a basic understanding of the following:  HTML  CSS  JavaScript.

WWW11 World Wide Web 1. WWW12 Networks allow computers to talk to each other.

REEM ALMOTIRI Information Technology Department Majmaah University.

Mr. Rouda’s CSCI 101 sections. Format of Every Page my page this is the body.

Learning Aim B.  In this section, you will consider the resources necessary for designing your website.  You will also think about any constraints that.

CIS 228 The Internet Day 2, 9/1/11 Hypertext. The Course Instructor: Bowen Alpern Office hour: GI 137-I, 4-5pm Tu.

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

Computer Basics Introduction CIS 109 Columbia College.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.

Getting Started With HTML

Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.

Chapter 1 Introduction to HTML.

Active Server Pages Computer Science 40S.

Introduction to HTML.

© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.

Warm Handshake with Websites, Servers and Web Servers:

HTML & teh internets.

Tutorial: How to Creat a Website.

Section 17.1 Section 17.2 Add an audio file using HTML

Introduction to Web Page Design

WEB PAGE AUTHORINHG AND DESIGNING

Overview of HTML.

Mr. Rouda’s CSCI 101 sections

CIS 133 mashup Javascript, jQuery and XML

Presentation transcript:

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: 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. Hello World

Example Three Hello World Testing text. Make this bold

Hyperlinks **Note all should be in the body tags** This is a link to the file bob. link to youtube Mr. Rouda’s

Game Maker Tutorial 1 – What is Game Maker studio Tutorial 1 – basic tutorial Other Tutorials - OBR9AVERSimlZEN-dXCoOW OBR9AVERSimlZEN-dXCoOW