Course Overview. Week 1
|
|
- Leon Stone
- 5 years ago
- Views:
Transcription
1 Course Overview Week 1
2 AGENDA WEBD101 Introduction Course Requirements Attendance Assignment Submissions This week 2
3 I live in Ohio Introduction I have worked for Franklin University as an adjunct / employee since Spring 2001 I also currently work for major telecommunications company (34 years) Have been teaching for over 21 years (15+ online) Degrees BS Computer Engineering (The Ohio State University) MS Computer Engineering (The University of Illinois at Urbana-Champaign) MBA in International Business (Ashland University) 3
4 Introduction (continued) WELCOME PLEASE READ & RESPOND! <- READ!!! Click where it says HERE under #1 item to get brief intro to class brief introduction my contact information general rules for this course learning environment attendance assignments miscellaneous items references/external resources Click where it says HERE under #2 item to view assignment details Course assignments Click where it says HERE under #4 item to view additional information Click where it says SOFTWARE NEEDED under #5 item for software required 4
5 LMS Learning Objects to look at: - WELCOME PLEASE READ & RESPOND! - SPECIAL PASSES! - LINKS TO WEEKLY QUIZZES (QUICK CHECKS) - NOTES / ERRATA 5
6 6
7 7
8 Attendance Must meet at least one of the following before 11:59 PM EST on Sunday of each week in order to be counted as being present for that week: submit at least one complete assignment for the week (must submit in week in which assignment is due [or complete quiz]) communicate with me during week via with question(s), comments NOTE: Attendance at Meet session does NOT count towards attendance Weekly Meet sessions WEDNESDAYS 8:00 9:00 PM EST 3 weeks of absence results in Z grade 8
9 Web Development & Design Foundations with HTML5 CHAPTER 1 INTRODUCTION TO THE INTERNET AND WORLD WIDE WEB 9
10 In this chapter, you will learn how to Learning Outcomes Describe the evolution of the Internet and the Web Explain the need for web standards Describe Universal Design Identify benefits of accessible web design Identify reliable resources of information on the Web Identify ethical use of the Web Describe the purpose of web browsers and web servers Identify networking protocols Define URIs and domain names Describe HTML, XHTML, and HTML5 Describe popular trends in the use of the Web 10
11 Internet The interconnected network of computer networks that spans the globe. 11
12 The World Wide Web The graphical user interface to information stored on computers running web servers connected to the Internet. 12
13 Intranet & Extranets Intranet A private network contained within an organization or business used to share information and resources among coworkers. Extranet A private network that securely shares part of an organization s information or operations with external partners 13
14 Web Standards and the W3C Consortium W3C World Wide Web Consortium Develops recommendations and prototype technologies related to the Web Produces specifications, called Recommendations, in an effort to standardize web technologies WAI Web Accessibility Initiative 14
15 Web Accessibility Accessible Website provides accommodations for individuals with visual, auditory, physical, and neurological disabilities WAI W3C s Web Accessibility Initiative WCAG Web Content Accessibility Guidelines 15
16 Web Accessibility & The Law Americans with Disabilities Act (ADA) Prohibits discrimination against people with disabilities Section 508 of the Rehabilitation Act Requires that government agencies must give individuals with disabilities access to information technology that is comparable to the access available to others 16
17 Universal Design for the Web Universal Design the design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design 17
18 Network Overview Network two or more computers connected together for the purpose of communicating and sharing resources 18
19 Networks LAN Local Area Network Usually confined to a single building or group of buildings WAN Wide Area Network Usually uses some form of public or commercial communications network to connect computers is widely dispersed geographical areas. 19
20 The Client/Server Model Client/Server can describe a relationship between two computer programs the "client" and the "server". Client requests some type of service (such as a file or database access) from the server. Server fulfills the request and transmits the results to the client over a network 20
21 The Internet Client/Server Model Client Web Browser Server Web Server 21
22 Web Client Connected to the Internet when needed Usually runs web browser (client) software (such as Internet Explorer or Firefox) Uses HTTP (Hypertext Transfer Protocol) Requests web pages from server Receives web pages and files from server 22
23 Web Server Continually connected to the Internet Runs web server software (such as Apache or Internet Information Server) Uses HTTP (Hypertext Transfer Protocol) Receives request for the web page Responds to request and transmits status code, web page, and associated files 23
24 Internet Protocols Protocols Rules that describe the methods used for clients and servers to communicate with each other over a network. There is no single protocol that makes the Internet and Web work. A number of protocols with specific functions are needed. 24
25 FTP File Transfer Protocol A set of rules that allow files to be exchanged between computers on the Internet. Web developers commonly use FTP to transfer web page files from their computers to web servers. FTP is also used to download programs and files from other servers to individual computers. 25
26 Protocols Sending SMTP Simple Mail Transfer Protocol Receiving POP (POP3) Post Office Protocol IMAP Internet Mail Access Protocol 26
27 HTTP - Hypertext Transfer Protocol A set of rules for exchanging files such as text, graphic images, sound, video, and other multimedia files on the Web. Web browsers send HTTP requests for web pages and their associated files. Web servers send HTTP responses back to the web browsers. 27
28 TCP/IP Transmission Control Protocol/ Internet Protocol TCP/IP has been adopted as the official communication protocol of the Internet. TCP and IP have different functions that work together to ensure reliable communication over the Internet. 28
29 TCP Transmission Control Protocol Purpose is to ensure the integrity of communication Breaks files and messages into individual units called packets 29
30 IP Internet Protocol A set of rules that controls how data is sent between computers on the Internet. IP routes a packet to the correct destination address. The packet gets successively forwarded to the next closest router (a hardware device designed to move network traffic) until it reaches its destination. 30
31 IP Address Each device connected to the Internet has a unique numeric IP address. These addresses consist of a set of four groups of numbers, called octets will get you Google! An IP address may correspond to a domain name. 31
32 Domain Name Locates an organization or other entity on the Internet Domain Name System Divides the Internet into logical groups and understandable names Associates unique computer IP Addresses with the textbased domain names you type into a web browser Browser: IP Address:
33 Uniform Resource Identifier URI Uniform Resource Identifier identifies a resource on the Internet URL Uniform Resource Locator a type of URI which represents the network location of a resource such as a web page, a graphic file, or an MP3 file. 33
34 TLD Top-Level Domain Name A top-level domain (TLD) identifies the rightmost part of the domain name. Examples of generic TLDs:.com,.org,.net,.mil,.gov,.edu,.int,.aero,.asia,.cat,.jobs,.name,.biz,.mobi,.museum,.info,.coop,.post,.pro,.tel,.travel 34
35 Markup Languages SGML Standard Generalized Markup Language A standard for specifying a markup language or tag set HTML Hypertext Markup Language The set of markup symbols or codes placed in a file intended for display on a web browser. 35
36 Markup Languages (2) XML extensible Markup Language A text-based language designed to describe, deliver, and exchange structured information. It is not intended to replace HTML it is intended to extend the power of HTML by separating data from presentation. 36
37 Markup Languages (4) HTML 5 The next version of HTML4 and XHTML
38 Web Development & Design Foundations with HTML5 CHAPTER 2 HTML BASICS Copyright Terry Felke-Morris 38
39 Learning Outcomes In this chapter, you will learn how to... Describe HTML, XHTML, and HTML5 Identify the markup language in a web page document Use the html, head, body, title, and meta elements to code a template for a web page Configure the body of a web page with headings, paragraphs, line breaks, divs, lists, and blockquotes Configure text with phrase elements Configure a web page using new HTML5 header, nav, main, and footer elements Configure special characters Use the anchor element to link from page to page Create absolute, relative, and hyperlinks Code, save, and display a web page document Test a web page document for valid syntax 39
40 What is HTML? HTML: The set of markup symbols or codes placed in a file intended for display on a Web browser page. The World Wide Web Consortium ( sets the standards for HTML and its related languages. 40
41 HTML Elements Each markup code represents an HTML element. Each element has a purpose. Most elements are coded as a pair of tags: an opening tag and a closing tag. Tags are enclosed in angle brackets, "<" and ">" symbols. 41
42 Newest version of HTML/XHTML Supported by modern browsers What is HTML5? Intended to be backwards compatible Adds new elements Adds new functionality Edit form data Native video and audio And more! Source: W3C 42
43 Example HTML5 Web Page <!DOCTYPE html> <html lang="en"> <head> <title>page Title Goes Here</title> <meta charset="utf-8"> </head> <body>... body text and more HTML5 tags go here... </body> </html> 43
44 Head & Body Sections Head Section Contains information that describes the web page document <head> head section info goes here </head> Body Section Contains text and elements that display in the web page document <body> body section info goes here </body> 44
45 Title Element Meta Element 45
46 Heading Element <h1>heading Level 1</h1> <h2>heading Level 2</h2> <h3>heading Level 3</h3> <h4>heading Level 4</h4> <h5>heading Level 5</h5> <h6>heading Level 6</h6> Demo 46
47 Paragraph element Paragraph Element <p> paragraph goes here </p> Groups sentences and sections of text together. Block Display Configures empty space above and below Demo 47
48 Line Break Element Line Break element Stand-alone, or void tag text goes here <br> This starts on a new line. Causes the next element or text to display on a new line Demo 48
49 Blockquote Element Blockquote element Indents a block of text for special emphasis <blockquote> text goes here </blockquote> Block Display Configures empty space above and below Demo 49
50 Phrase Elements Indicate the context and meaning of the text Element Example Usage <b> bold text Text that has no extra importance but is styled in bold font by usage and convention <em> emphasized Causes text to be emphasized in relation to other text; usually text displayed in italics <i> italicized text Text that has no extra importance but is styled in italics by usage and convention <mark> mark text Text that is highlighted in order to be easily referenced (HTML5 only) <small> small text Legal disclaimers and notices ( fine print ) displayed in small font-size <strong> strong text Strong importance; causes text to stand out from surrounding text; usually displayed in bold <sub> sub text Displays a subscript as small text below the baseline <sup> sup text Displays a superscript as small text above the baseline 50
51 Proper Nesting CODE: <p><i>call for a free quote for your web development needs: <strong> </strong></i></p> BROWSER DISPLAY: Call for a free quote for your web development needs:
52 HTML Lists Unordered List Ordered List Description List formerly called a definition list 52
53 Displays a bullet, or list marker, before each entry in the list. Unordered List <ul> Contains the unordered list <li> Contains an item in the list 53
54 <ul> <li>tcp</li> <li>ip</li> <li>http</li> <li>ftp</li> </ul> Demo Unordered List Example 54
55 Ordered List Displays a numbering or lettering system to itemize the information contained in the list <ol> Contains the ordered list type attribute determines numbering scheme of list, default is numerals <li> Contains an item in the list 55
56 Ordered List Example <ol> <li>apply to school</li> <li>register for course</li> <li>pay tuition</li> <li>attend course</li> </ol> Demo 56
57 Description List Useful to display a list of terms and descriptions or a list of FAQ and answers <dl> Contains the description list <dt> Contains a term/phrase/sentence Configures empty space above and below the text <dd> Contains a description of the term/phrase/sentence Indents the text Configures empty space above and below the text 57
58 Description List Example <dl> <dt>ip</dt> <dd>internet Protocol</dd> <dt>tcp</dt> <dd>transmission Control Protocol</dd> </dl> Demo 58
59 Special Characters Display special characters such as quotes, copyright symbol, etc. Character Code < < > > & & 59
60 Div Element Configures a structural block area or division on a web page with empty space above and below. Can contain other block display elements, including other div elements <div>home Services Contact</div> Demo 60
61 HTML5 Structural Elements header Element <header></header> Contains the web page document s headings nav Element <nav></nav> Contains web page document s main navigation main Element <main></main> Contains the web page document s main content footer Element <footer></footer> Contains the web page document s footer 61
62 HTML5 Structural Elements <body> <header> document headings go here </header> <nav> main navigation goes here </nav> <main> main content goes here </main> <footer> document footer information goes here </footer> </body> 62
63 Anchor Element Specifies a hyperlink reference (href) to a file Text between the <a> and </a> is displayed on the web page. <a href="contact.html">contact Us</a> href Attribute Indicates the file name or URL Demo 63
64 Absolute & Relative Hyperlinks Absolute link Link to a different website <a href=" Relative link Link to pages on your own site <a href="index.htm">home</a> 64
65 Hyperlink Automatically launch the default mail program configured for the browser If no browser default is configured, a message is displayed <a href= mailto:me@gmail.com >me@gmail.com</a> 65
66 Writing Valid HTML Check your code for syntax errors Benefit: Valid code more consistent browser display W3C HTML Validation Tool Put <!DOCTYPE html> as first line in html file (HTML5) 66
67 67
68 68
69 69
70 70
71 71
72 72
73 73
74 74
75 75
76 76
77 77
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements including headings, paragraphs, lists,
More informationWeb Development & Design Foundations with XHTML. Chapter 2 Key Concepts
Web Development & Design Foundations with XHTML Chapter 2 Key Concepts Learning Outcomes In this chapter, you will learn about: XHTML syntax, tags, and document type definitions The anatomy of a web page
More informationBasics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head
More informationFrom administrivia to what really matters
From administrivia to what really matters Questions about the syllabus? Logistics Daily lectures, quizzes and labs Two exams and one long project My teaching philosophy...... is informed by my passion
More informationWeb Development and Design Foundations with HTML5 8th Edition
Web Development and Design Foundations with HTML5 8th Edition Felke-Morris TEST BANK Full clear download (no formatting errors) at: Web Development and Design Foundations with HTML5 8th Edition Felke-Morris
More informationWeb Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
More informationINTRODUCTION TO HTML5! HTML5 Page Structure!
INTRODUCTION TO HTML5! HTML5 Page Structure! What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since
More informationA HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension
HTML Website is a collection of web pages on a particular topic, or of a organization, individual, etc. It is stored on a computer on Internet called Web Server, WWW stands for World Wide Web, also called
More informationWeb Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
More informationWeb Programming Week 2 Semester Byron Fisher 2018
Web Programming Week 2 Semester 1-2018 Byron Fisher 2018 INTRODUCTION Welcome to Week 2! In the next 60 minutes you will be learning about basic Web Programming with a view to creating your own ecommerce
More informationHTML Hyper Text Markup Language
HTML Hyper Text Markup Language Home About Services index.html about.html services.html Homepage = index.html site root index.html about.html services.html images headshot.jpg charlie.jpg A webpage built
More informationCertified HTML5 Developer VS-1029
VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the
More informationUNIT I. A protocol is a precise set of rules defining how components communicate, the format of addresses, how data is split into packets
UNIT I Web Essentials: Clients, Servers, and Communication. The Internet- Basic Internet Protocols -The World Wide Web-HTTP request message-response message- Web Clients Web Servers-Case Study. Markup
More informationAnnouncements. Paper due this Wednesday
Announcements Paper due this Wednesday 1 Client and Server Client and server are two terms frequently used Client/Server Model Client/Server model when talking about software Client/Server model when talking
More informationHTML+ CSS PRINCIPLES. Getting started with web design the right way
HTML+ CSS PRINCIPLES Getting started with web design the right way HTML : a brief history ❶ 1960s : ARPANET is developed... It is the first packet-switching network using TCP/IP protocol and is a precursor
More informationDeveloping a Basic Web Page
Developing a Basic Web Page Creating a Web Page for Stephen Dubé s Chemistry Classes 1 Objectives Review the history of the Web, the Internet, and HTML Describe different HTML standards and specifications
More informationText and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions
Text and Layout Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11 This presentation 344 345 Text in Graphics Maximum flexibility obtained by treating text as graphics and manipulating
More informationHTML. HTML Evolution
Overview stands for HyperText Markup Language. Structured text with explicit markup denoted within < and > delimiters. Not what-you-see-is-what-you-get (WYSIWYG) like MS word. Similar to other text markup
More information(1) I (2) S (3) P allow subscribers to connect to the (4) often provide basic services such as (5) (6)
Collection of (1) Meta-network That is, a (2) of (3) Uses a standard set of protocols Also uses standards d for structuring t the information transferred (1) I (2) S (3) P allow subscribers to connect
More informationCSC Web Programming. Introduction to HTML
CSC 242 - Web Programming Introduction to HTML Semantic Markup The purpose of HTML is to add meaning and structure to the content HTML is not intended for presentation, that is the job of CSS When marking
More information1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014
1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:
More informationIntroduction to Web Technologies
Introduction to Web Technologies James Curran and Tara Murphy 16th April, 2009 The Internet CGI Web services HTML and CSS 2 The Internet is a network of networks ˆ The Internet is the descendant of ARPANET
More informationc122jan2714.notebook January 27, 2014
Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the
More information11. HTML5 and Future Web Application
11. HTML5 and Future Web Application 1. Where to learn? http://www.w3schools.com/html/html5_intro.asp 2. Where to start: http://www.w3schools.com/html/html_intro.asp 3. easy to start with an example code
More informationFull file at
ch02 True/False Indicate whether the statement is true or false. 1. Computer networks and the Internet form the basic technology structure that underlies all electronic commerce. 2. The USENET was the
More informationFull file at Chapter 2: Technology Infrastructure: The Internet and the World Wide Web
Chapter 2: Technology Infrastructure: The Internet and the World Wide Web TRUE/FALSE 1. Computer networks and the Internet form the basic technology structure that underlies all electronic commerce. T
More informationTutorial 1 Getting Started with HTML5. HTML, CSS, and Dynamic HTML 5 TH EDITION
Tutorial 1 Getting Started with HTML5 HTML, CSS, and Dynamic HTML 5 TH EDITION Objectives Explore the history of the Internet, the Web, and HTML Compare the different versions of HTML Study the syntax
More informationHTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.
HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information
More informationA Brief Introduction to HTML
A P P E N D I X HTML SuMMAry J A Brief Introduction to HTML A web page is written in a language called HTML (Hypertext Markup Language). Like Java code, HTML code is made up of text that follows certain
More informationWeb Publishing Basics I
Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic
More informationLearning Objectives. Review html Learn to write a basic webpage in html Understand what the basic building blocks of html are
HTML CSCI311 Learning Objectives Review html Learn to write a basic webpage in html Understand what the basic building blocks of html are HTML: Hypertext Markup Language HTML5 is new standard that replaces
More informationChapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21
Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...
More informationDesire2Learn: HTML Basics
Desire2Learn: HTML Basics Page 1 Table of Contents HTML Basics... 2 What is HTML?...2 HTML Tags...2 HTML Page Structure...2 Required Tags...3 Useful Tags...3 Block Quote - ...
More informationCertified HTML Designer VS-1027
VS-1027 Certification Code VS-1027 Certified HTML Designer Certified HTML Designer HTML Designer Certification allows organizations to easily develop website and other web based applications which are
More informationHTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS
MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version
More informationIntroduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of
Introduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of the World Wide Web p. 3 Internet Standards and Coordination
More informationProgrammazione Web a.a. 2017/2018 HTML5
Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text
More informationLocal area network (LAN) Wide area networks (WANs) Circuit. Circuit switching. Packets. Based on Chapter 2 of Gary Schneider.
Local area network (LAN) Network of computers located close together Wide area networks (WANs) Networks of computers connected over greater distances Based on Chapter 2 of Gary Schneider. (2009). E-Business.
More informationFull file at New Perspectives on HTML and CSS 6 th Edition Instructor s Manual 1 of 13. HTML and CSS
New Perspectives on HTML and CSS 6 th Edition Instructor s Manual 1 of 13 HTML and CSS Tutorial One: Getting Started with HTML 5 A Guide to this Instructor s Manual: We have designed this Instructor s
More informationContents. Topics. 01. WWW 02. WWW Documents 03. Web Service 04. Web Technologies. Management of Technology. C01-1. Documents
Management of Technology Topics C01-1. Documents Code: 166125-01 Course: Management of Technology Period: Spring 2013 Professor: Sync Sangwon Lee, Ph. D 1 Contents 01. WWW 03. Web Service 04. Web Technologies
More informationChapter 2: Technology Infrastructure: The Internet and the World Wide Web
Chapter 2: Technology Infrastructure: The Internet and the World Wide Web Student: 1. Networks of computers and the Internet that connects them to each other form the basic technological structure that
More informationReview of HTML. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar
Review of HTML Chapter 3 Fundamentals of Web Development 2017 Pearson Fundamentals of Web Development http://www.funwebdev.com - 2 nd Ed. What Is HTML and Where Did It Come from? HTML HTML is defined as
More informationCSC Web Technologies, Spring HTML Review
CSC 342 - Web Technologies, Spring 2017 HTML Review HTML elements content : is an opening tag : is a closing tag element: is the name of the element attribute:
More informationc122sep814.notebook September 08, 2014 All assignments should be sent to Backup please send a cc to this address
All assignments should be sent to p.grocer@rcn.com Backup please send a cc to this address Note that I record classes and capture Smartboard notes. They are posted under audio and Smartboard under XHTML
More informationCSC 121 Computers and Scientific Thinking
CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language
More informationHTML. Hypertext Markup Language. Code used to create web pages
Chapter 4 Web 135 HTML Hypertext Markup Language Code used to create web pages HTML Tags Two angle brackets For example: calhoun High Tells web browser ho to display page contents Enter with
More informationThis document provides a concise, introductory lesson in HTML formatting.
Tip Sheet This document provides a concise, introductory lesson in HTML formatting. Introduction to HTML In their simplest form, web pages contain plain text and formatting tags. The formatting tags are
More informationChapter 1 Introduction to HTML, XHTML, and CSS
Chapter 1 Introduction to HTML, XHTML, and CSS MULTIPLE CHOICE 1. The world s largest network is. a. the Internet c. Newsnet b. the World Wide Web d. both A and B A PTS: 1 REF: HTML 2 2. ISPs utilize data
More informationCo. Louth VEC & Co. Monaghan VEC. Programme Module for. Web Authoring. leading to. Level 5 FETAC. Web Authoring 5N1910
Co. Louth VEC & Co. Monaghan VEC Programme Module for Web Authoring leading to Level 5 FETAC Web Authoring 5N1910 Web Authoring 5N1910 1 Introduction This programme module may be delivered as a standalone
More informationUnderstanding this structure is pretty straightforward, but nonetheless crucial to working with HTML, CSS, and JavaScript.
Extra notes - Markup Languages Dr Nick Hayward HTML - DOM Intro A brief introduction to HTML's document object model, or DOM. Contents Intro What is DOM? Some useful elements DOM basics - an example References
More informationrecall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)
HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its
More informationCOMP519 Web Programming Lecture 3: HTML (HTLM5 Elements: Part 1) Handouts
COMP519 Web Programming Lecture 3: HTML (HTLM5 Elements: Part 1) Handouts Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University of
More informationBrief Intro to HTML. CITS3403 Agile Web Development. 2018, Semester 1
Brief Intro to HTML CITS3403 Agile Web Development 2018, Semester 1 Some material Copyright 2013 Pearson Education, Inc. Publishing as Pearson Addison-Wesley. Origins and Evolutions of HTML HTML was defined
More informationPart 1: HTML Language HyperText Make-up Language
Part 1: HTML Language HyperText Make-up Language 09/08/2010 1 CHAPTER I Introduction about Web Design 2 Internet and World Wide Web The Internet is the world s largest computer network The Internet is
More informationMore about HTML. Digging in a little deeper
More about HTML Digging in a little deeper Structural v. Semantic Markup Structural markup is using to encode information about the structure of a document. Examples: , , , and
More informationHow the Internet Works
How the Internet Works The Internet is a network of millions of computers. Every computer on the Internet is connected to every other computer on the Internet through Internet Service Providers (ISPs).
More informationHTML Overview. With an emphasis on XHTML
HTML Overview With an emphasis on XHTML What is HTML? Stands for HyperText Markup Language A client-side technology (i.e. runs on a user s computer) HTML has a specific set of tags that allow: the structure
More informationObjectives. Introduction to HTML. Objectives. Objectives
Objectives Introduction to HTML Developing a Basic Web Page Review the history of the Web, the Internet, and HTML. Describe different HTML standards and specifications. Learn about the basic syntax of
More informationintroduction to XHTML
introduction to XHTML XHTML stands for Extensible HyperText Markup Language and is based on HTML 4.0, incorporating XML. Due to this fusion the mark up language will remain compatible with existing browsers
More informationHTML HTML/XHTML HTML / XHTML HTML HTML: XHTML: (extensible HTML) Loose syntax Few syntactic rules: not enforced by HTML processors.
HTML HTML/XHTML HyperText Mark-up Language Basic language for WWW documents Format a web page s look, position graphics and multimedia elements Describe document structure and formatting Platform independent:
More informationCreate web pages in HTML with a text editor, following the rules of XHTML syntax and using appropriate HTML tags Create a web page that includes
CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB By Hassan S. Shavarani UNIT2: MARKUP AND HTML 1 IN THIS UNIT YOU WILL LEARN THE FOLLOWING Create web pages in HTML with a text editor, following
More informationIntroduction to Computers and Their Applications
Introduction to Computers and Their Applications Lecture 10 Web Technology and Creating a Web Page The Web, the Net, and Hypertext The Web is an interlinked collection of information A hypertext is a group
More informationand the World Wide Web
The Internet 1 The Internet and the World Wide Web The Internet is a global collection of interconnected networks Originally ARPNET had only four host computers on the network. Now tens of millions 1 http://computer.howstuffworks.com/internet-infrastructure.htm
More informationMake a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1
Make a Website A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Overview Course outcome: You'll build four simple websites using web
More informationAnnouncements. 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted
Announcements 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted 2. Install Komodo Edit on your computer right away. 3. Bring laptops to next class
More informationFundamentals: Client/Server
Announcements Class Web Site: http://www.cs.umd.edu/projects/passport/classes/summer2008/ You can find this link at the end of the main passport site http://www.cs.umd.edu/projects/passport/webpage/ E-mail
More informationUFCEKG Lecture 2. Mashups N. H. N. D. de Silva (Slides adapted from Prakash Chatterjee, UWE)
UFCEKG 20 2 Data, Schemas & Applications Lecture 2 Introduction to thewww WWW, URLs, HTTP, Services and Mashups N. H. N. D. de Silva (Slides adapted from Prakash Chatterjee, UWE) Suppose all the information
More informationWeb Engineering (Lecture 01)
Web Engineering (Lecture 01) By: Kamran Ullah Lecturer (CS) Class BS(CS)-5 th semester Web Engineering Definition 1: Web Engineering is the application of systematic and disciplined approaches to the design,
More informationCHAPTER 1: GETTING STARTED WITH HTML CREATED BY L. ASMA RIKLI (ADAPTED FROM HTML, CSS, AND DYNAMIC HTML BY CAREY)
CHAPTER 1: GETTING STARTED WITH HTML EXPLORING THE HISTORY OF THE WORLD WIDE WEB Network: a structure that allows devices known as nodes or hosts to be linked together to share information and services.
More informationA Balanced Introduction to Computer Science, 3/E
A Balanced Introduction to Computer Science, 3/E David Reed, Creighton University 2011 Pearson Prentice Hall ISBN 978-0-13-216675-1 Chapter 2 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is
More informationOutline. Internet and World Wide Web. History of the Internet. What is the Internet? How Does Data Travel Through the Internet?
Outline Internet and World Wide Web Internet World Wide Web Creating Web Pages CS 1410 Intro to Computer Tecnology Internet and World Wide Web 2 What is the Internet? The internet is a network of networks
More informationCOMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal
COMSC-030 Web Site Development- Part 1 Part-Time Instructor: Joenil Mistal Chapter 1 1 HTML and Web Page Basics Are you interested in building your own Web pages? This chapter introduces you to basic HTML
More informationComputer Applications Final Exam Study Guide
Computer Applications Final Exam Study Guide Our final exam is based from the quizzes, tests, and from skills we have learned about Hardware, PPT, Word, Excel and HTML during our Computer Applications
More informationAs we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.
Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address
More informationIntroduction to HTML
Introduction to HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements
More informationAnnouncements. 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted
Announcements 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted 2. Campus is closed on Monday. 3. Install Komodo Edit on your computer this weekend.
More informationTitle: Sep 12 10:58 AM (1 of 38)
Title: Sep 12 10:58 AM (1 of 38) Title: Sep 12 11:04 AM (2 of 38) Title: Sep 12 5:37 PM (3 of 38) Click here and then you can put in the resources. Title: Sep 12 5:38 PM (4 of 38) Title: Sep 12 5:42 PM
More informationOn a blog, code can mean many things. It can refer to the complicated
Bonus Chapter 2 Very Basic HTML Code On a blog, code can mean many things. It can refer to the complicated programming that makes up the software that runs your blog, or it can mean simple styles that
More informationHistory of the Internet. The Internet - A Huge Virtual Network. Global Information Infrastructure. Client Server Network Connectivity
History of the Internet It is desired to have a single network Interconnect LANs using WAN Technology Access any computer on a LAN remotely via WAN technology Department of Defense sponsors research ARPA
More informationUNIT II Dynamic HTML and web designing
UNIT II Dynamic HTML and web designing 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 language A markup language
More information('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1
STRANDS AND STANDARDS Course Description Web Development is a course designed to guide students in a project-based environment, in the development of up-to-date concepts and skills that are used in the
More informationManagement Information Systems
Management Information Systems Hands-On: HTML Basics Dr. Shankar Sundaresan 1 Elements, Tags, and Attributes Tags specify structural elements in a document, such as headings: tags and Attributes
More informationIT-1150: INTRODUCTION TO WEB PROGRAMMING
IT-1150: Introduction to Web Programming 1 IT-1150: INTRODUCTION TO WEB PROGRAMMING Cuyahoga Community College Viewing:IT-1150 : Introduction to Web Programming Board of Trustees: May 2018 Academic Term:
More informationWeb Development and Design Foundations with HTML5
GLOBAL EDITION Web Development and Design Foundations with HTML5 SEVENTH EDITION Terry Felke-Morris 7th Edition Web Development and Design Foundations with HTML5 GLOBAL EDITION Terry Ann Felke-Morris,
More informationBeginning Web Site Design
Beginning Web Site Design Stanford University Continuing Studies CS 03 (Summer CS 21) Mark Branom branom@alumni.stanford.edu http://web.stanford.edu/people/markb/ Course Web Site: http://web.stanford.edu/group/csp/cs03/
More informationHTML CS 4640 Programming Languages for Web Applications
HTML CS 4640 Programming Languages for Web Applications 1 Anatomy of (Basic) Website Your content + HTML + CSS = Your website structure presentation A website is a way to present your content to the world,
More informationHyper Text Markup Language
Hyper Text Markup Language HTML is a markup language. It tells your browser how to structure the webpage. HTML consists of a series of elements, which you use to enclose, or mark up different parts of
More informationHTML Overview formerly a Quick Review
HTML Overview formerly a Quick Review Outline HTML into Emergence of DHTML HTML History Evolution of Web 1.0 to Web 2.0 DHTML = HTML + JavaScript + CSS Key Set of HTML Tags Basic: a, html, head, body,
More informationCreating Web Pages Using HTML
Creating Web Pages Using HTML HTML Commands Commands are called tags Each tag is surrounded by Some tags need ending tags containing / Tags are not case sensitive, but for future compatibility, use
More informationHow A Website Works. - Shobha
How A Website Works - Shobha Synopsis 1. 2. 3. 4. 5. 6. 7. 8. 9. What is World Wide Web? What makes web work? HTTP and Internet Protocols. URL s Client-Server model. Domain Name System. Web Browser, Web
More informationCHAPTER 2 MARKUP LANGUAGES: XHTML 1.0
WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document
More informationIslamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab.
Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM 5049 Advanced Internet Technology Lab Lab # 1 Eng. Haneen El-masry February, 2015 Objective To be familiar with
More informationContents 1 INTRODUCTION TO COMPUTER NETWORKS...
Contents 1 INTRODUCTION TO COMPUTER NETWORKS... 1.1 LAN's & WAN's... 1.2 Some network and internetwork components... File Server... Workstation. Topologies and Protocol... Repeaters. Hubs (concentrators)...
More information1.7 Uniform Resource Identifiers and Domain Names 13 URIs and URLs 13 Domain Names 13
Chapter 1 Introduction to the Internet and World Wide Web 1 1.1 The Internet and the Web 2 The Internet 2 Birth of the Internet 2 Growth of the Internet 2 Birth of the Web 2 The First Graphical Browser
More informationDownloads: Google Chrome Browser (Free) - Adobe Brackets (Free) -
Week One Tools The Basics: Windows - Notepad Mac - Text Edit Downloads: Google Chrome Browser (Free) - www.google.com/chrome/ Adobe Brackets (Free) - www.brackets.io Our work over the next 6 weeks will
More informationChapter 2 Creating and Editing a Web Page
Chapter 2 Creating and Editing a Web Page MULTIPLE CHOICE 1. is a basic text editor installed with Windows that you can use for simple documents or for creating Web pages using HTML. a. Microsoft Word
More informationMODULE 2 HTML 5 FUNDAMENTALS. HyperText. > Douglas Engelbart ( )
MODULE 2 HTML 5 FUNDAMENTALS HyperText > Douglas Engelbart (1925-2013) Tim Berners-Lee's proposal In March 1989, Tim Berners- Lee submitted a proposal for an information management system to his boss,
More informationDocument Object Model. Overview
Overview The (DOM) is a programming interface for HTML or XML documents. Models document as a tree of nodes. Nodes can contain text and other nodes. Nodes can have attributes which include style and behavior
More informationHTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية
HTML Mohammed Alhessi M.Sc. Geomatics Engineering Wednesday, February 18, 2015 Eng. Mohammed Alhessi 1 W3Schools Main Reference: http://www.w3schools.com/ 2 What is HTML? HTML is a markup language for
More informationHyper Text Markup Language
Hyper Text Markup Language HTML is a markup language. It tells your browser how to structure the webpage. HTML consists of a series of elements, which you use to enclose, or mark up different parts of
More information