Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.

Slides:



Advertisements
Similar presentations
Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Advertisements

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
HTML Basics Customizing your site using the basics of HTML.
Basic HTML Workshop LIS Web Team Spring 2007.
Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
Internet Applications Development Lecture 2 L. Obead Alhadreti.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.
How Tags are used to form your Web Page
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
HTML Introduction HTML
Basic HTML Workshop LIS Web Team Fall What is HTML? Stands for Hyper Text Markup Language Computer language used to create web pages HTML file =
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
Basics of HTML.
Creating a Simple Page: HTML Overview
Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.
Agenda9/11/13 Do Now –Display your name tag and log into your computer Pre-Assessment Test Info and Interests Syllabus and Course Expectations Opening.
Agenda9/11/13 Do Now Display your name tag and log into your computer Pre-Assessment Test Info and Interests Syllabus and Course Expectations lOpening.
Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.
Agenda9/11/13 Do Now –Display your name tag and log into your computer Pre-Assessment Test Info and Interests Syllabus and Course Expectations Opening.
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.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.
Agenda9/11/13 Do Now –Display your name tag and log into your computer Pre-Assessment Test Info and Interests Syllabus and Course Expectations Opening.
Just Enough HTML How to Create Basic HTML Documents.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Basic HTML PowerPoint How Hyper Text Markup Language Works.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Creating Webpage Using HTML
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
Introduction to web development and HTML MGMT 230 LAB.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Agenda9/11/13 Do Now –Display your name tag and log into your computer Pre-Assessment Test Info and Interests Syllabus and Course Expectations Opening.
Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.
Agenda9/11/13 Do Now –Display your name tag and log into your computer Pre-Assessment Test Info and Interests Syllabus and Course Expectations Opening.
Web Page Fundamentals HTML: The Language of the Web.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
Agenda9/11/13 Do Now –Display your name tag and log into your computer Pre-Assessment Test Info and Interests Syllabus and Course Expectations Opening.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
Agenda9/11/13 Do Now Display your name tag and log into your computer Pre-Assessment Test Info and Interests Syllabus and Course Expectations lOpening.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.
Agenda9/11/13 Do Now –Display your name tag and log into your computer Pre-Assessment Test Info and Interests Syllabus and Course Expectations Opening.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.
HTML Basics.
HTML Lesson 2.
WJEC GCSE Computer Science
Presentation transcript:

Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations  Opening School

Agenda9/13/13 Do Now: Display nametag and log into your new SB students mail account – mail.sbstudents.org Agenda: Explore new school Explore Google Drive Create classroom folder  Closure: What topics on the pre-assessment were you familiar with? What were new words?  Homework: Log into your school from home and your Google Drive

Me  Once you are logged on send an to my gmail account:  In the include the following.  Subject: Intro to Web Design 2B  Body: Hi, my name is ___________.

9/17/13 Do Now: Display your name tags and answer the following in your binders: Why do you feel some websites are good? Why do you feel some websites are bad?

9/17/13 Agenda:  Create Shared Folder  Discuss Quality on Two Websites  Rate Websites  Clousure: Journal Analysis

Shared Folder9/17/13 In a new Microsoft Word document list the following: Your first and last name Your favorite snack Your favorite pizza topping Your favorite movie Your favorite TV show

Rate Websites9/17/13 Using the Cyberguide Ratings for Website Design rate the following website:

Do Now9/19/13 Using the Cyberguide Ratings for Website Design rate the following website:

Agenda9/19/13  Check Comments and Grades  Rate Websites using the Cyberguide Ratings  Journal: Two positive and negative aspects commonly found in websites  Discuss XHTML Coding

Rate Websites9/19/13 Using the Cyberguide Ratings for Website Design rate the following website:

Journal Analysis9/19/13 Write a journal post in Microsoft Word on your analysis. Explain two aspects of a website you feel are important to making a quality site. (One paragraph each.) Explain two aspects of a website you feel are not good in making a quality site. (One paragraph each.) Save as 'Journal 1 – Website Analysis' and upload to your shared folder.

Markup Languages9/19/13 Markup Language – uses tags, or special sequences of characters, to tell a program how to interpret a text file. HTML – Hypertext Markup Language is the markup language that was used to build many of the first sites on the Web.

Markup Languages9/19/13 XHTML – Extensible Hypertext Markup Language is considered to be a reinvention of HTML, with additional rules. Tag – tells a browser how and where to display text and images on a Web page. Text in a tag appears between two angle brackets (<>). This tells the Web browser how to display a pages content.

Markup Languages9/19/13 Start Tag – a tag that begins the code for a function in markup languages. It is denoted with the angle brackets (<>). End Tag – a tag that ends the code for a function in markup languages. It is denoted with the angle brackets and a backslash after the open angle bracket ( ).

Activity9/19/13 Create another webpage with “(Your First Name)’s Favorites List” as the header. Then make three lists of your top ten musical artists, TV shows, and movies. Then write in a paragraph what you chose for your number 1 picks in each category and why they are your favorites.

9/25/13 Do Now: Study for HTML Vocabulary Quiz Agenda: HTML Vocabulary Quiz Finish Favorites Lists Activity: 2013 Emmy Awards Tags for Basic Formatting Giving Your Page a Title Closure: What are the tags you have learned so far in this class?

Agenda9/27/13 Do Now: Open a new google document and create a list of tags you have learned so far. Finish 2013 Emmy Awards List Tags for Basic Formatting Giving Your Page a Title Activity: Current Event Closure: What are the tags you have learned so far in this class?

Activity9/27/13 Current Event Find a current event online from any site that reports current news. Create an HTML file summarizing the story. Be sure to use all the tags we have learned so far including: Paragraph, header, lists, bold, italicize, underline, and title.

Do Now10/1/13 Finish working on Your Current Event Activity Find a current event online from any site that reports current news. Create an HTML file summarizing the story. Be sure to use all the tags we have learned so far including: Paragraph, header, lists, bold, italicize, underline, and title.

Agenda10/1/13 Do Now: Finish working on Your Current Event Activity Review Basic Formatting and Title Tags Add to Google Document Tags List Tips on How to Conserve Battery Life Working Backwards Activity Closure: How do you like learning XHTML so far?

Do Now10/3/13 Go to Wikipedia.org and search for “Web colors.” Open the article and read the section titled, “Web- safe colors.” The direct link for the article is on the class site.

Agenda10/3/13 Do Now: Read about Web-safe colors on Web colors article posted on Wikipedia Discover Color Chart and Hex Codes Discover How to Add Color to Your Webpage Practice Activity: Rainbow Words Closure: Why is it better to use web-safe colors on your website?

Do Now – Rainbow Words 10/7/13 Think of one of your favorite quotes. Make a webpage with your quote. Make each word or letter a different color. Add a colored background. Try to make it as pretty as you can!

Agenda10/7/13 Do Now: Rainbow Words Share Your Favorite Quote Discover Changing Font Size Working Backwards Project: The Universe Closure: Add the sentence, “My HTML skills are growing each day,” and change each word’s font size.

Do Now10/9/13 Make sure you still have the.txt and.html files for myfirstpage, commonformattingtags, colors, and fontsize. If you are missing any go back and redo them. If you have them all open up your list of tags document and add the font attribute for changing font size.

Agenda10/9/13 Do Now: Check Your Files and Update Your Tag List Continue Working Backwards Activity: The Universe Discover Center and Right Align Text Closure: Describe the difference between a tag and an attribute.

Do Now10/11/13 Log into Google Drive and open your shared folder. Create a new document and title it Typing Test Log.

Agenda10/11/13 Do Now: Create a Google Document Titled “Typing Test Log” Activity: Typing Test Project: Create a Physical Journal of All the Tags You’ve Learned So Far Homework: Study for Tags and Attributes Test Closure: Check to make sure your Tags List is up to date

Create a Journal10/11/13 You are going to create a journal of your work so far. Find both the.txt and.html files for the following: myfirsthtml commonformattingtags colors fontsize Next write a short description of the tags you learned, why you would use them, and how you code them.

Create a Journal10/11/13 Next print out the.txt,.html, and description out. Using construction paper and art supplies make a journal to show how your “myfirstpage” file has evolved.