Server sends index-HTML-Code Enter in Browser (localhost/name) Local Server Browser Requests Data Server sends index-HTML-Code.

Slides:

Advertisements

Similar presentations

4.01 How Web Pages Work.

Advertisements

Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.

. Website and file organization. How websites work.

Apache Tomcat Server Typical html Request/Response cycle

CSS Box Model An CSS Primer Tutorial. Project 04 Open Finder or Windows explorer and path the folder where you store your class project work. Make a copy.

Creating & Attaching CSS An CSS Primer Tutorial. A New CSS Document Create a new CSS Document in Dreamweaver using the “New” option under the File Menu.

Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.

Presented by Mina Haratiannezhadi 1.  publishing, editing and modifying content  maintenance  central interface  manage workflows 2.

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

Server-side Scripting Powering the webs favourite services.

Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!

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

Parts of a URL (Uniform Resource Locator). Let’s study more closely what the parts of this string indicate.

Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.

Creating With Code.

CM143Web Week 8 Review of Assignment 1 Revision & Elaboration.

Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.

How the Web Works Digital Histories Workshop Adam Crymble.

INFO 1300: LOCAL DEVELOPMENT 10/16/2015. Index.html Important Homepage for every project in this course Points will be deducted otherwise.

INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.

How to upload files to Altervista Overview:

Add an Image. index.html about.html contact. html contact. html.

Planning your site/organization on the Web Please use speaker notes for additional information!

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

INTRODUCTION TO DREAMWEAVER CS SOFT. OVERVIEW  DreamWeaverCS5.5  Defining a site  Site files  Authoring views  Property Inspector  AP Divs.

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 1.

FUNDAMENTALS OF HTML, XHTML & CSS Lesson 4. THE OBJECTIVES -  In this lesson you will begin coding in HTML to provide the structure  You will learn.

Ajax for Dynamic Web Development Gregory McChesney.

Site Organization. The Need to Organize Site Files Thus far, we have placed all our site files into the main (root) website folder. As a website becomes.

Dawn Pedersen Art Institute. What Are CSS Sprites? Back in the day, sprites were the images in games that swapped one little image for another in a specific.

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

How Web Database Architectures Work CPS181s April 8, 2003.

IN THIS LESSON, WE WILL BECOME FAMILIAR WITH HTML AND BEGIN CREATING A WEB PAGE IN YOUR COMPUTER HTML – the foundation.

CSU - DCE Introduction to CSS CSS URLs - Fort Collins, CO Copyright © XTR Systems, LLC Cascading Style Sheets - Specifying URLs Instructor: Joseph.

Using Text Edit. Create Folders to Organize a Site  Identify the location where you are storing your Web sites. Ask your teacher for help if needed.

Follow Up. Can one change the appearance of the alert/confirm/prompt box? The default Alert box can be customized (or over-ridden) by JavaScript + CSS.

Adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents. These.

IN THIS LESSON WE WILL REVIEW THE STRUCTURE OF THE INTERNET AND HOW BROWSERS ASSEMBLE WEBSITES BASED ON INSTRUCTIONS THEY RECEIVE FROM SERVERS. Internet.

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

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

MVC Controllers TestsMigrations Ye Olde Internet Model DB Server Router View Browser Today’s focus Controller.

4.01 How Web Pages Work.

4.01 How Web Pages Work.

Your GIMP Portfolio Navigation Menu.

4.01 How Web Pages Work.

Art 128 Interface Programming 1 In-class Presentation Week 1B

Validating Code Lesson 3.

Introduction to Web Development (Part 2)

Chapter A - Getting Started with Dreamweaver MX 2004

Fundamentals of HTML, XHTML & CSS

Chapter 2 Client/Server Applications

Relative Paths.

04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.

How files are organized

Kapi’olani Community College

Cheat Sheet CSCI 100 JW Ryder

Cheat Sheet CSCI 100 JW Ryder

Unit 6 part 3 Test Javascript Test.

Web & Mobile App Directory Structure

MVC Controllers.

MVC Controllers.

MVC Controllers.

4.01 How Web Pages Work.

Client-Server Model: Requesting a Web Page

4.01 How Web Pages Work.

Q/ Compare between HTTP & HTTPS? HTTP HTTPS

© 2017, Mike Murach & Associates, Inc.

Presentation transcript:

Server sends index-HTML-Code Enter in Browser (localhost/name) Local Server Browser Requests Data Server sends index-HTML-Code

Browser Requests Data Server sends CSS-Code Local Server Enter in Browser (localhost/name) Local Server Browser Requests Data Server sends CSS-Code

ä 1100 0011 1010 0100

styles.css index.html week_2 index.html part_1 index.html wd2016 (root folder) index.html week_2 index.html part_1 index.html

index.html media week_2 index.html en.png images css styles.css part_1 wd2016 (root folder) index.html media week_2 index.html en.png images css styles.css part_1 index.html

Server sends index-HTML-Code Enter in Browser (localhost/name) Local Server Browser Requests Data Server sends index-HTML-Code

Browser Requests Data Server sends CSS-Code Local Server Enter in Browser (localhost/name) Local Server Browser Requests Data Server sends CSS-Code

Browser Requests Data Server sends Image Local Server Enter in Browser (localhost/name) Local Server Browser Requests Data Server sends Image