EQ: WHAT IS THE BASIC STRUCTURE OF WEBSITES? (HTML/CSS UNIT)

Slides:

Advertisements

Similar presentations

Imagining the Future. WORLD WIDE WEB Tim Berners-Lee invented the World Wide Web.World Wide Web A graduate of Oxford University, England, in 1989, Tim.

Advertisements

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 1 (4/21)

Open an internet browser such as internet explorer.

TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (10/28)

Unit 4.4 We are HTML Editors

WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.

CHAPTER 8: Enhancing a Website Session 1. Objectives Embed a YouTube video in your website Insert a slideshow in your website Use Google fonts in your.

Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

Web Site Design Unit 11.3A: Web programming. Starter Activity O In pairs, name the 5 most things to think about when designing a website O You have 1.

Creating your Webpage with tables. This is a 2 column by 1 row table!

 In My.Wartburg you can add…  YouTube Videos  Films on Demand (Vogel Lib.)  Internet Pages With a Video  Anything with a URL (

 The internet is the hardware that creates the massive worldwide network. Computers, cables, telephone wires, high-speed communication lines. The internet.

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

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.

Internet Vocabulary CTE Intro. URL  The “address” of a website. Entering this address in the Address Bar will take you directly to a particular website.

Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.

HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

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.

Week 2- Overview of the internet The construction of a webpage Four Key Elements – how the internet works Elements and Design concepts Introduction to.

(HYPER-TEXT-MARKUP-LANGUAGE) By: Saima Islam By: Saima Islam.

Presentation On HTML & Podcast Done by: Shamelia Young & Sheriece Williamson.

External Style Sheets Exploring Computer Science – Lesson 3-6.

Html By: Andrew, Aaron & Carlos. How to make a website Making a website requires making a page that is an index of all contained webpages This means linking.

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

Connecting From Home Editing at Home(You don’t have to.)

Anatomy of a Website Adobe Dreamweaver. Overview When you look at a web page, you might wonder how it is made. To display a web page, your Internet browser.

Prepared by Sana Maqbool. Objectives After completing this lesson, the you will be able to… Understand about web authoring Name and explain the uses of.

4.01 How Web Pages Work.

Getting Started with HTML

Web Basics: HTML/CSS/JavaScript What are they?

Egyptian Language School

LINKED DATA Telling the Library’s Story through

E-commerce | WWW World Wide Web - Concepts

The Internet and HTML Code

HTML (Hyper Text Markup Language) HTTP (Hyper Text Transfer Protocol)

E-commerce | WWW World Wide Web - Concepts

Using Publisher.

(or how to build a webpage)

CIS 5.2, Spring 2010 Word and the WWW

IT-Seminar /2018 Competency 10 – Web Development

Web Page Design ICT Ms. McGrew.

Digital filing & note-taking

The Internet An Overview.

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

HTML 12/27/2018.

HTML Text editors and adding graphics

BUILDING A WEBSITE 7.4.2: Basics of HTML and CSS.

HTML Structure.

HTML What is Html? HTML stands for Hypertext Markup Language.

HISTORY OF THE INTERNET

Final Project Preview Open your text book to the table of contents. Look through the chapter titles. Choose a chapter that you would like to study. In.

WEB & HTML Background Info.

HTML & CSS 7 Languages in 7 Days.

HTML &CSS and Make a website with coding

The language of the internet

The structure and style of web pages

Uppingham Community College

The language of the internet

CAII 4.01 Web Page Design Terms List 2.

Video Notes Organizer What did I learn today?.

Creately By: Hannah and Danyel.

Topic 6- Basic Computer Literacy

TITLE OF PRESENTATION Name of Presenter.

Internet, the Web, and E-commerce

Presented By S.Yamuna AP/CSE

Presentation transcript:

EQ: WHAT IS THE BASIC STRUCTURE OF WEBSITES? (HTML/CSS UNIT) I CAN… add to knowledge of the basic structures of the internet I CAN.. Celebrate and give feedback on our Scratch AMV Projects I CAN.. Continue our study of HTML/CSS using Codecademy Topic: Web Design & Development Primary Theme: Interactivity, Design, & Publication Secondary Theme: Designing for the Internet CSTA Standards: CPP.L2-01, 02

WARM UP What is the Internet? How does the internet work?”(based on prior knowledge and information). (2-3 minutes)

ADDING TO OUR KNOWLEDGE https://www.commonsensemedia.org/videos/what-is-the-internet BASED ON THE VIDEO (QUICK SHARE OUT): - ADD TO YOUR NOTES Do you disagree? What do YOU think the Internet is? ( WOULD YOU ADD ANYTHING TO YOUR DEFINITION)

FUN FACTS: FIRST EVER WEBSITE Tim Berners-Lee created the first web browser and World Wide Web http://www.businessinsider.com/flashback-this-is-what-the-first-website-ever-looked-like-2011-6 WHAT IS THE DIFFERENCE BETWEEN THE INTERNET AND THE WORLD WIDE WEB? The Internet is a massive network of Computers The World Wide Web, or simply Web, is a way of accessing information over the Internet

SCRATCH PROGRAMMING PROJECT SHOWCASE ( AMV PROJECT) (15 Minutes) PEER FEEDBACK GUIDING QUESTIONS ( QUESTIONS TO CONSIDER AS AN AUDIENCE MEMBER) WHAT DID WE LIKE ABOUT THE PROJECT ? AS A COMPUTER SCIENTIST, WHAT COULD YOU DO TO MAKE THE PROJECT BETTER?

UNIT 3 CODECADEMY: UNDERSTANDING THE BASICS (HTML/CSS) WORK PERIOD: I DO … (CODECADEMY HTML INTRO 3) We Do…. ( CODECADEMY HTML INTRO 4) YOU DO : CONTINUE ON CODECADEMY( MAKE SURE YOU ARE WRITING YOUR NOTES IN YOUR DESIGN NOTEBOOK

CODECADEMY NOTE MAKING PROCEDURE ( IN CODE NOTEBOOK) ---COMPLETE FOR EACH ACTIVITY--- WHY LEARN HTML? - TITLE 1) HTML is the skeleton that gives every webpage structure- NOTES 2) HTML is used to add paragraphs, headings, images and links to a webpage. TASK:- WHAT IS BEING ASKED TO BE DONE Change text to line 2

REFLECTION: WHAT DID YOU DO TODAY. WHAT DID YOU LEARN TODAY REFLECTION: WHAT DID YOU DO TODAY? WHAT DID YOU LEARN TODAY?(PICK 2 and explain)