Introduction To Computing Lab #8 Instructor: Kavya Venkatesh IT 104, Section: 203.

Slides:



Advertisements
Similar presentations
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.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
What happens when you create an HTML document and include pictures.
MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard
Using Advanced Cascading Style Sheets
Introduction to Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 4.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
Introduction to HTML CPS470 Software Engineering Fall 1998.
Web Workshop: CSS Objectives: - “What is CSS?” - Structure of CSS - How to use CSS in your webpage.
Controlling Page Style: Cascading Style Sheets (CSS) References: 1.Wang, P.S & Katila, S. (2004). A Introduction to Web Design and Programming. CA: Thomson.
Lecture 13. A Very Brief Introduction to HTML and XHTML, part II Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell.
Using Cascading Style Sheets (CSS) Dept. of Computer Science and Computer Information CSCI N-100.
Introduction to Web Development in HTML Web module day 1 IS 201.
IT Introduction to Website Development Welcome!
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
CS117 Introduction to Computer Science II Lecture 2 Creating an HTML Document Instructor: Li Ma Office: NBC 126 Phone: (713)
18 People Surveyed HTML (HyperText Markup Language) HTML “tags” Describes structure Building blocks Headings, paragraphs, lists, links, images, quotes,
Tutorial 1 Developing a Basic Web Page. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives – Lesson 1 Introduction to the.
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
Web Pages: Creating & Maintaining Body Tags. There have been several versions of HTML since its inception. VersionYear HTML1991 HTML HTML
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.
Web pages in Linux David Douglas Sam M. Walton College of Business, University of Arkansas.
Creating Styles and Style Sheets.  CSS styles don’t communicate in nice clear English, they have their own language.  P { color: red; font-size: 1.5.
Working with Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 5.
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.
Cascading Style Sheets. What is CSS? Short for Cascading Style Sheets, a new feature being added to HTML that gives more control over how pages are displayed.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Linking to an External Style Sheet Web Design Section 4-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
YEAR 8 – WEB DESIGN IN HTML Lesson 2. STARTER Use the internet to find out what JavaScript is? Use ‘Microsoft Word’ to write down your list.
1 Web Application Programming Presented by: Mehwish Shafiq.
HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
HTML/XHTML Structure Building a basic web page using notepad.
Informatics Computer School CS114 Web Publishing HTML Lesson 1.
Cascading Style Sheets
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.
XHTML Formatting font with a style declaration. Formatting Font HTML uses the font tag to change size and family of font But… the font tag is being deprecated.
Cascading Style Sheets August 25-26, What is CSS? a means for web authors to separate the appearance of web pages from the content of web pages.
CS543: WEB APPLICATION PROGRAMMING Lab 1: HTML tags & SW installation Computer Science Department.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
Web programming Part 1: HTML 由 NordriDesign 提供
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
External Style Sheets Exploring Computer Science – Lesson 3-6.
Lesson 2 – Unit B. Quick review 1. What is the name of the eGCC host that you ftp your files? 2. What type of software do you use to create and edit web.
This shows CIS17 and the first day introduction..
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 is a markup.
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
Cascading Style Sheets Using HTML. What are they? A set of style rules that tell the web browser how to present a web page or document. In earlier versions.
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Getting Started – Basic Page Structure
Web Basics: HTML/CSS/JavaScript What are they?
Internet Exploration: HTML Basics
Introduction to basic HTML
>> Introduction to CSS
Internet Exploration: HTML Basics
Using CSS.
HyperText Markup Language
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

Introduction To Computing Lab #8 Instructor: Kavya Venkatesh IT 104, Section: 203

Objectives  HTML5 Case Study I  HTML5 (‘Title’ webpage) 2

Objectives – HTML5 Case Study I Create basic HTML 5 document using Notepad. Create header section containing title tag and internal CSS. Create body elements. Create paragraphs and line break. Present text in different font, size, and color. Create nested tags. Create ordered, unordered and definition lists. Create headers in a Web page. View web pages in a browser. Validate Web pages using a Validator tool. 3

XHTML Case Study 1-index.html  HTML5 Case Study I o Case study document available on Blackboard under the Assignment/Exercises section.  Complete the entire HTML5 Case Study I.  Save HTML file as: index.html  This unique HTML file must be saved exactly as index.html  Submit the HTML file index.html on Blackboard. Due Date: 11/02/ :59 pm 4

Homework- “Title” webpage 5  HTML5 (‘Title’ webpage) Create a webpage and save it as titlepage.html. Include title of your research paper project, your name, date, and GMU Honor Code Statement from your research paper on titlepage.html. Use CSS for controlling fonts and sizes of GMU Honor Code statement. For this, you will use font-family: Verdana and font-size: small. Upload your webpage using SSH on Mason cluster account. HTML5 (‘Title’ webpage) Grading Criteria sheet available on Blackboard. ◦ Save HTML file as: title.html ◦ Submit HTML file title.html on Blackboard. Due Date: 11/02/ :59 pm

Resources  W3 Schools   ITU Support Center  service.cfm?customel_dataPageID_4609= service.cfm?customel_dataPageID_4609=6129  Star Lab  service.cfm?customel_dataPageID_4609=5693l service.cfm?customel_dataPageID_4609=5693l  Download SSH Secure Shell (Windows)  6

Questions?  me at:  Please include section number in the subject of your (e.g. IT 104, sec) 7