Web1O1 - Session 1

•Download as PPTX, PDF•

0 likes•225 views

NYCSS Meetup

Session 1 - general intro to CSS followed by workshop.

Technology

MeetupWeb 1O1 – Session 01 katarinamilkova t: twitter.com/katmilk

What is the Web? It’s magic! Network of a collection of interlinked hypertext documents accessed via internet Consists of web servers, IP (internet protocol), DNS (domain name service) and pixie dust

Web Consists of many languages HTML, CSS, JS, PHP, etc. Every language has it’s own syntax and semantics Syntax: the study of grammar (how you say something) Semantics: the study of meaning (meaning behind what you say)

What is HTML? HyperTextMarkup Language Content layer (content) Defines structure and semantics Consists of tags and rules Most commonly used today is the new, more structured way of writting HTML: xHTML Extensible HyperTextMarkup Language

What is CSS? Cascading Style Sheets Presentation layer (style) Style language that defines presentation semantics of documents (HTML, XHTML, XML) Recommended way to control presentation of web document Own language with own syntax

What is CSS? External Best way to included CSS in document Typically loaded in the <head> tag of HTML doc Embedded Override any similar rules in external sheet Styles stay with HTML page and don’t carry over Inline Worst way to include CSS *avoid if possible, but there are some exceptions

CSS Syntax #element-id { color: #fff; font-size: 12px; } .element-class { color: #f00; font-weight: 700; } (selectors, properties and values)

What is JS? Programming (scripting) language that adds functionality to website Behavior layer (functionality) Common Libraries: jQuery, MooTools

What is Web 1.0? Read only content and static HTML websites

What is Web 2.0? User-generated content and social networks

What is Web 3.0? Referred to as the semantic web Machines can read data Are we there yet?

Tools to Have Web Developer Toolbar for Firefox Link: https://addons.mozilla.org/en-us/firefox/addon/web-developer/ Firebug for Firefox Link: https://addons.mozilla.org/en-US/firefox/addon/firebug/

What's hot

Document Object Modelbaabtra.com - No. 1 supplier of quality freshers

Web app development_html_01Hassen Poreya

Dom Surinder Kaur

Introduction to HTML 5RAHUL SHARMA

Web Design L1 - Untagling the Webmykella

Internet and Web Technology (CLASS-5) [HTML DOM] Ayes Chinmay

JavaScript and DOMJussi Pohjolainen

Web Technology Love Kothari

INFT132 093 07 Document Object ModelMichael Rees

Web Information Systems XMLArtificial Intelligence Institute at UofSC

Introduction to web servicesvikram mahendra

Lecture1: HTML and JavaScriptomarshehab

Web Design & Development Courses in Pune| 3DOT Technologiesabeda786

Html Introduction part 1lokenra

Web Information Systems Html and cssArtificial Intelligence Institute at UofSC

Document Object Model (DOM)GOPAL BASAK

Document object modelAmit kumar

Internet and Web Technology (CLASS-7) [XML and AJAX] | NIC/NIELIT Web TechnologyAyes Chinmay

Web Development Workshop (Front End)DSCIIITLucknow

Dom structurebaabtra.com - No. 1 supplier of quality freshers

What's hot (20)

Document Object Model

Web app development_html_01

Dom

Introduction to HTML 5

Web Design L1 - Untagling the Web

Internet and Web Technology (CLASS-5) [HTML DOM]

JavaScript and DOM

Web Technology

INFT132 093 07 Document Object Model

Web Information Systems XML

Introduction to web services

Lecture1: HTML and JavaScript

Web Design & Development Courses in Pune| 3DOT Technologies

Html Introduction part 1

Web Information Systems Html and css

Document Object Model (DOM)

Document object model

Internet and Web Technology (CLASS-7) [XML and AJAX] | NIC/NIELIT Web Technology

Web Development Workshop (Front End)

Dom structure

Viewers also liked

Thank You for My Pastorsscrapsofcandy

Bygg-Oles inspirationsmagasinblomquist

Annonser 98x88blomquist

testrapidmile

Blank Slate Css MeetupNYCSS Meetup

Sample Presentationsantoshvh

Viewers also liked (6)

Thank You for My Pastors

Bygg-Oles inspirationsmagasin

Annonser 98x88

test

Blank Slate Css Meetup

Sample Presentation

Similar to Web1O1 - Session 1

Website development-osglpriyanka sharma

Iwt module 1SANTOSH RATH

PhpSaket Shukla

introduction_to_web_technology.pdfVishwanathBurkpalli

Ncp computer appls web tech asishNCP

Web based appplication jpsiva

shobhit training report (3) (4).pdf reportpoojaranga2911

Hour 01dpd

Grade 10 COMPUTERJoel Linquico

2 Html Introdrauscher

C languageomprakash810

PresentationNinguno Ningun Otro

Class 1: IntroductionsErika Tarte

Web Design & Development Courses in Pune | 3DOT Technologiesabeda786

Les Basiques - Web Développement HTML5, CSS3, JS et PHPHamdi Hmidi

HTML & JAVA ScriptNitesh Gupta

Similar to Web1O1 - Session 1 (20)

Website development-osgl

Iwt module 1

Php

introduction_to_web_technology.pdf

Ncp computer appls web tech asish

Web based appplication

shobhit training report (3) (4).pdf report

Hour 01

Grade 10 COMPUTER

2 Html Intro

C language

Presentation

Class 1: Introductions

Web Design & Development Courses in Pune | 3DOT Technologies

Les Basiques - Web Développement HTML5, CSS3, JS et PHP

HTML & JAVA Script

Recently uploaded

Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAndikSusilo4

[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh

Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK

Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC

08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j

Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik

GenCyber Cyber Security Day PresentationMichael W. Hawkins

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies

Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software

Key Features Of Token Development (1).pptxLBM Solutions

Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski

Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst

Recently uploaded (20)

Azure Monitor & Application Insight to monitor Infrastructure & Application

[2024]Digital Global Overview Report 2024 Meltwater.pdf

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Handwritten Text Recognition for manuscripts and early printed texts

08448380779 Call Girls In Friends Colony Women Seeking Men

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi

Unblocking The Main Thread Solving ANRs and Frozen Frames

Breaking the Kubernetes Kill Chain: Host Path Mount

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...

Injustice - Developers Among Us (SciFiDevCon 2024)

GenCyber Cyber Security Day Presentation

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Benefits Of Flutter Compared To Other Frameworks

Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation

Key Features Of Token Development (1).pptx

Integration and Automation in Practice: CI/CD in Mule Integration and Automat...

Human Factors of XR: Using Human Factors to Design XR Systems

Web1O1 - Session 1

1. MeetupWeb 1O1 – Session 01 katarinamilkova t: twitter.com/katmilk

2. What is the Web? It’s magic! Network of a collection of interlinked hypertext documents accessed via internet Consists of web servers, IP (internet protocol), DNS (domain name service) and pixie dust

3. Web Consists of many languages HTML, CSS, JS, PHP, etc. Every language has it’s own syntax and semantics Syntax: the study of grammar (how you say something) Semantics: the study of meaning (meaning behind what you say)

4. What is HTML? HyperTextMarkup Language Content layer (content) Defines structure and semantics Consists of tags and rules Most commonly used today is the new, more structured way of writting HTML: xHTML Extensible HyperTextMarkup Language

5. What is CSS? Cascading Style Sheets Presentation layer (style) Style language that defines presentation semantics of documents (HTML, XHTML, XML) Recommended way to control presentation of web document Own language with own syntax

6. What is CSS? External Best way to included CSS in document Typically loaded in the <head> tag of HTML doc Embedded Override any similar rules in external sheet Styles stay with HTML page and don’t carry over Inline Worst way to include CSS *avoid if possible, but there are some exceptions

7. CSS Syntax #element-id { color: #fff; font-size: 12px; } .element-class { color: #f00; font-weight: 700; } (selectors, properties and values)

8. What is JS? Programming (scripting) language that adds functionality to website Behavior layer (functionality) Common Libraries: jQuery, MooTools

9. What is Web 1.0? Read only content and static HTML websites

10. What is Web 2.0? User-generated content and social networks

11. What is Web 3.0? Referred to as the semantic web Machines can read data Are we there yet?

12. Tools to Have Web Developer Toolbar for Firefox Link: https://addons.mozilla.org/en-us/firefox/addon/web-developer/ Firebug for Firefox Link: https://addons.mozilla.org/en-US/firefox/addon/firebug/

Web1O1 - Session 1

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (6)

Similar to Web1O1 - Session 1

Similar to Web1O1 - Session 1 (20)

Recently uploaded

Recently uploaded (20)

Web1O1 - Session 1