MISC Topics Hosting vs. Server Deprecation Always think semantics before style.

Slides:

Advertisements

Similar presentations

Working with Web Tables

Advertisements

HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.

Introducing Amazon S3 and EC2 Justin Mason

Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.

16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.

The process of increasing the amount of visitors to a website by ranking high in the search results of a search engine.

© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.

17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.

Web Servers and URLs And Domain Names. WWW vs. Internet World Wide Web An application layer built using the Internet Refers mostly to protocols and content.

© 2004, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet.

Jennifer Rexford Princeton University MW 11:00am-12:20pm Data-Center Traffic Management COS 597E: Software Defined Networking.

Web – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’

S ELECTION OF WEB HOST AND WEB PAGE SYSTEM. W EB HOST stores all the pages of your website and makes them available to computers connected to the Internet.

WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.

Effectively Explaining the Cloud to Your Colleagues.

Lab Zero.  Practical Concepts  Software & Tools  WinSCP  Notepad++  GIMP  InkScape  Chrome  HTML5 Boilerplate.

ES 101. Module MS Front Page Tutorial and Web Hosting.

MY HOBBY By James Gammell. ABOUT THE GAME  Basketball is a team sport the allows you to play against another team  It is also important that you help.

DTS Web Hosting, Rates And Services Web Hosting Internet Services Unit May 2006.

Building a site on the World Wide Web requires more than simply learning the HTML language and starting out. You need to get a place to put your Web pages,

G053 - Lecture 08 Hosting Websites Mr C Johnston ICT Teacher

1 HTML XHTML. 2 Understand the Doctype tag Know the html tags which are now classed as depreciated Understand how Dreamweaver adds styles Add styles to.

Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.

Website Development & Management Creating Web Pages CIT Fall Instructor: John Seydel, Ph.D.

NASRULLAH KHAN.  Lecturer : Nasrullah   Website :

Lesson 2 Adding more content to your web page. Thanks to Richard Hudnutt, Luella HS.

Administration, Coverage, Review. Exam Administration Midterm exam is in class from 5:15 – 6:30PM on Thursday Feb 20 th. The exam is open book and open.

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

Cloud Computing Changing the way business computing is (will be) done.

Web Design 3080 – Week 2 More Fun With Delicious.com Setting up a ‘network’. 1.Go to Delicious.com and sign up for a personal account 2.Once your account.

WEB SCIENCE. What is the difference between the Internet and the World Wide Web? Internet is the entire network of connected computers and routers used.

ECA 228 Internet/Intranet Design I Intro to Markup.

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.

Enhanced Web Site Design Stanford University Continuing Studies CS 22

Review for exam 1 Midterm Closed Book. Review for Exam 1 Blackboard topic Review for exam 1 Sample Question Multiple Choice True / False Matching type.

Server Performance, Scaling, Reliability and Configuration Norman White.

Web Architecture Introduction

How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.

 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.

® IBM Software Group © 2006 IBM Corporation Web JSF Overview – RBD Tooling – for Web Development This unit introduces you to the aspects of the RBD tooling.

Cascading Style Sheets CSS. Source W3Schools

CLOUD COMPUTING. What is cloud computing ? History Virtualization Cloud Computing hardware Cloud Computing services Cloud Architecture Advantages & Disadvantages.

NASRULLAH KHAN.  Lecturer : Nasrullah   Website :

Cloud Servers. What is a Cloud Server?  A Server that is accessed via the internet.

XHTML & CSS 2 By Trevor Adams. Last week XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)

IN THE DOCUMENT OBJECT MODEL, EACH LINE OF HTML IS AN ELEMENT (AN OBJECT), ABLE TO HAVE ATTRIBUTES, PROPERTIES AND VALUES. CSS TELLS THE BROWSER HOW TO.

CSS IS A LANGUAGE DESIGNED TO TARGET HTML ELEMENTS AND NODES BY TYPE, CLASS, ID AND VALUE, AND CHANGE THEIR VALUES CSS – change how your HTML looks and.

- WE’LL LOOK AT THE POSITION PROPERTY AND HOW CSS RESOLVES CONFLICTS BETWEEN STYLING INSTRUCTIONS The position property; CSS specificity hierarchy.

Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.

Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)

Cloud Computing Andrew Stromme and Colin Schimmelfing.

Week-10 (Lecture-1) Web Building STEPS OF BUILDING: create web pages using HTML add a consistent style using CSS add computer code using JavaScript add.

Cloud, Internet, and Browsers. Filezilla Checklist  ISIS access  COMP101 file on your computer  FILEZILLA installed  Saved passwords and certificate.

Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.

CSS for Styling Text.

Objective % Select and utilize tools to design and develop websites.

GCE Applied ICT G053: Lesson 02 Web Structure and Hosting

Developing Web-Based Applications

3.2 Virtualisation.

Objective % Select and utilize tools to design and develop websites.

Microsoft Office Illustrated

HTML / CSS Mai Moustafa Senior Web Designer eSpace eSpace.

Introduction to World Wide Web

CIS 133 mashup Javascript, jQuery and XML

Web Development 101 Workshop

Enhanced Web Site Design Stanford University Continuing Studies CS 22

Client-Server Model: Requesting a Web Page

Web Servers (IIS and Apache)

One Set of Styles Connected to As Many Pages as You Want!!!

© 2017, Mike Murach & Associates, Inc.

Presentation transcript:

MISC Topics Hosting vs. Server Deprecation Always think semantics before style

Running your own server vs. paying for hosting A common dilemma

Server Setup Dedicated Computer ($100-???) Linux + Apache (free) Internet Service with static IP (approx $100/month) Server upgrades require your attention (I think I’m worth $125/hour)

Hosting Economy – massively shared server on cloud – shared IP, folder redirects via provider DNS – $5/month Dedicated/Managed – Real machine (rack mounted) with processor, memory, and static IP – $150+/month Virtual & Cloud – Scalable – add more processors, memory, bandwidth – Virtual static IP, recycled via provider DNS – $40+/month

Facebook PHP application run on Harvard server Moved to economy host to become independent Economy host would not scale up. Switched to massive dedicated hosts Currently, runs their own servers with custom architecture – “insourcing” – Probably about 30,000 high-end rack-mounted machines that are geo-distributed in at least 5 locations

Deprecation is a good thing Why certain tags turned bad and why one tag has made a comeback

The worst offenders and

The elusive tag engineering/engineers/html/html-tag- history.html engineering/engineers/html/html-tag- history.html Deprecated HTML 4.01 CSS makes it obsolete, but actually has semantic meaning – Indicates proper Chinese name – Widely used to indicate a misspelled word

The nightmare of Frames Page located at

The nightmare of Frames

Semantics over Style What is it? vs. how it should look?

The worst offenders In marking up content with HTML or creating HTML structure, always ask yourself: – What is this content? Never even consider this question: – What should this content look like?

Exercise How should this be marked up? Boston CelticsBoston, MATD Garden1946 Brooklyn NetsBrooklyn, New York City, NYBarclays Center1976 New York KnicksManhattan, New York City, NYMadison Square Garden1946 Philadelphia 76ersPhiladelphia, PAWells Fargo Center1949 Toronto RaptorsToronto, ONAir Canada Centre1995

CSS Cascading Style Sheets. What does “Cascading” really mean?

The Cascade The most specific rules are applied first at the source (top of waterfall) Any unspecified attributes cascade to the lower level, i.e., less specific, more general rules Repeat until all CSS rules are examined Any unspecified attribute gets the “default style” (the base of the waterfall) Content flows down the cascade and the rules (like the rocks of the cliff) shape the presentation of the content (i.e., shapes how the waterfall will look).