© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective 207.02 8% Understand advanced production methods for web-based digital media. https://pixabay.com.

Slides:

Advertisements

Similar presentations

HTML Basics Customizing your site using the basics of HTML.

Advertisements

Getting Your Web Site Found. Meta Tags Description Tag This allows you to influence the description of your page with the web crawlers.

MMDE5011 – INTERACTIVE MEDIA PRACTICE 1 WEEK 1: INTRODUCTION TO HTML5

16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.

How to Create Top Ranking Searchable and Accessible Documents Chris Pollett and Elizabeth Tu April, 2010.

Lecture 13. A Very Brief Introduction to HTML and XHTML, part II Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell.

Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.

Chapter 14 Introduction to HTML

© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.

IPUB 100 Lesson 2 Instructor Mark Lamontagne Homework Review.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Shows the entire path to the file, including the scheme, server name, the complete path, and the file name itself. Same idea of stating your full name,

Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.

Search Engine optimization.  Search engine optimization (SEO) is the process of affecting the visibility of a website or a web page in a search engine's.

Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.

Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.

Informatics Computer School CS114 Web Publishing HTML Lesson 2.

Hyperlinks. Linking pages…Hyperlinks 2 Lecture 8  Hyperlink “A clickable HTML element that will direct the web browser to display a different Web page.

Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –

Website Development with Dreamweaver

Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.

XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.

1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.

Objective Understand concepts used to web-based digital media. Course Weight : 5%

Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.

Adding Links Learning Web Design: Chapter 6. Lesson Overview Using the anchor tag Linking to other pages with relative or absolute pathnames Linking to.

Planning your site/organization on the Web Please use speaker notes for additional information!

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Search Engine Marketing SEM = Search Engine Marketing SEO = Search Engine Optimization optimizing (altering/changing) your page in order to get a higher.

INTRODUCTORY Tutorial 6 Using Links on a Web Page.

XHTML Hyperlinks. Creating Links to Other Web Pages A link, or hyperlink, is a specially formatted Web page object that the user can click to open a different.

Cascading Style Sheets

Tutorial 3 Adding and Formatting Text with CSS Styles.

INTRODUCTORY Tutorial 5 Using CSS for Layout and Printing.

Links in HTML What you need to know….. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another.

Links Building a Website Lesson 5. Links There are various ways to use links on a website: Link to other sites Link to other pages on the same site .

Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.

REEM ALMOTIRI Information Technology Department Majmaah University.

CHAPTER TWO HTML TAGS. 1.Basic HTML Tags 1.1 HTML: Hypertext Markup Language  HTML stands for Hypertext Markup Language.  It is the markup language.

`. Lecture Overview HTML Body Elements Linking techniques HyperText references Linking images Linking to locations on a page Linking to a fragment on.

XP 1 Charles Edeki AIU Live Chat for Unit 2 ITC0381.

Creating Web Pages with Links, Images, and Embedded Style Sheets

Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)

INTERNET APPLICATIONS CPIT405 Forms, Internal links, meta tags, search engine friendly websites.

COMP 143 Web Development with Adobe Dreamweaver CC.

What is CSS? A set of style rules that tell the web browser how to present a web page or document. – In earlier versions of HTML, style characteristics,

Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.

Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.

TNPW1 Ing. Jiří Štěpánek.  Tags  Marks for elements ▪ Pair ▪ Start and end tag ( Paragraph text ) ▪ Single ▪ Only start tag, according to XHTML 1.0.

Creating Web Documents CSS examples (do more later) Lab/Homework: Read chapters 15 & 16. Work on Project 3, do postings.

HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links.

Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.

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

4.01 How Web Pages Work.

Objective % Select and utilize tools to design and develop websites.

Getting Started with CSS

HTM: Section 2 Hypertext Links Different section of same page

Chapter 2 Developing a Web Page.

Objective % Select and utilize tools to design and develop websites.

Introduction to web design discussing which languages is used for website designing

Objective % Explain concepts used to create websites.

Cascading Style Sheets - Building a stylesheet

Inserting and Working with Links

Cascading Style Sheets™ (CSS)

Agenda What is SEO ? How Do Search Engines Work? Measuring SEO success ? On Page SEO – Basic Practices? Technical SEO - Source Code. Off Page SEO – Social.

Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.

Objective Explain concepts used to create websites.

Cascading Style Sheets - Building a stylesheet

5.00 Apply procedures to organize content by using Dreamweaver. (22%)

4.00 Apply procedures to add content by using Dreamweaver. (22%)

Presentation transcript:

© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand advanced production methods for web-based digital media.

© ExplorNet’s Centers for Quality Teaching and Learning 2 Class Style Used to specify a style for a group of components in a website; allows you to set up a particular style for many HTML elements tagged with the same class ID Style Used to specify a style for a single, unique element in a website Advanced Style Sheet Terms

© ExplorNet’s Centers for Quality Teaching and Learning 3 Internal Style Sheet A CSS document that contains the design properties of the website that is embedded into the HTML file so that it can be portable along with the website files themselves External Style Sheet A CSS document that contains the design properties of the website that is housed separately from the HTML file and therefore can be attached to many different websites Advanced Style Sheet Terms

© ExplorNet’s Centers for Quality Teaching and Learning 4 Absolute Link Contain a complete web address; similar to what is typed into a browser’s address bar; used to link to external websites Site-Root Relative Link Starts from the home page or root folder of the website and creates a path to the destination of the link Advanced Hyperlink Terms

© ExplorNet’s Centers for Quality Teaching and Learning 5 Document Relative Link Starts from the page the user is currently viewing and creates a path from that location to the destination of the link Link (mailto) Does not link to an Internet location; causes the user’s computer to open the default program and prepares a blank to the specified address Advanced Hyperlink Terms

© ExplorNet’s Centers for Quality Teaching and Learning 6 Link Target Specifies the window or frame the link will open in _self - opens in the same window and frame _top - opens in the same window, making the frame full size _parent - opens in the parent page’s frame _blank - opens in a new window and frame Hotspot Used to specify a particular area of a web page as a link; can be drawn over a block of space, words, or an image Advanced Hyperlink Terms

© ExplorNet’s Centers for Quality Teaching and Learning 7 Tags Could be page titles, paragraph titles, image tags, or even meta tags that are hidden in the code of a website; help search engines find and organize the information on a website Keywords User-defined words or phrases that help a search engine’s algorithms select a group of words that can be searched to find your website Advanced SEO Terms

© ExplorNet’s Centers for Quality Teaching and Learning 8 Web Crawlers (Spiders) Computer programs that “crawl” through the pages of a website to find tags, keywords, and other information Page Ranking A determination of how easy it is to find a website through search engines; the higher the ranking, the more traffic the website will have Advanced SEO Terms