Lesson Objectives Aims You should know about: – Web Technologies

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 Basics Customizing your site using the basics of HTML.
Getting Your Web Site Found. Meta Tags Description Tag This allows you to influence the description of your page with the web crawlers.
In this lecture, you will learn: ❑ How to link between pages of your site ❑ How to link to other sites ❑ How to structure the folders on your web site.
Unit 20 - Client Side Customisation of Web Pages
SEO Best Practices with Web Content Management Brent Arrington, Services Developer, Hannon Hill Morgan Griffith, Marketing Director, Hannon Hill 2009 Cascade.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
1.Learning the Terms Learning the TermsLearning the Terms 2.Accessing the Internet from a PC Accessing the Internet from a PCAccessing the Internet from.
Basics of HTML. Example Code Hello World Hello World This is a web page.
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
How Search Engines Work. Any ideas? Building an index Dan taylor Flickr Creative Commons.
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.
Additional Topics. Tutorial #9 Review – Forms Forms Legend and fieldset Fields Text Password Radio buttons, check box, text area, select lists Buttons.
Chapter 16 The World Wide Web Chapter Goals ( ) Compare and contrast the Internet and the World Wide Web Describe general Web processing.
1 Outline 3.1 Introduction 3.2 Editing HTML 3.3 First HTML Example 3.4 W3C HTML Validation Service 3.5 Headers 3.6 Linking 3.7 Images 3.8 Special Characters.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
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.
1 Essential HTML coding By Fadi Safieddine (Week 2)
Informatics Computer School CS114 Web Publishing HTML Lesson 2.
>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.
HTML: Hyptertext Markup Language Doman’s Sections.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
HTML: Images and Links Many Thanks to “Joe,” at index.html, from whom I got these lessons!
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.
Lawrence Snyder University of Washington, Seattle © Lawrence Snyder 2004.
AGB 3/26/121 ++=. 2 Yes, believe it or not this is a complete webpage. It has a Head, Title and Body between the start and end HTML Tag.
Introduction to HTML UWWD. Agenda What do you need? What do you need? What are HTML, CSS, and tags? What are HTML, CSS, and tags? html, head, and body.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Spiderman ©Marvel Comics Creating Web Pages (part 1)
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand advanced production methods for web-based digital media.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
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)
Week 5  SEO  CSS Please Visit: to download all the PowerPoint Slides for.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
SEARCH ENGINES The World Wide Web contains a wealth of information, so much so that without search facilities it could be impossible to find what you were.
Introduction to HTML Dave Edsall IAGenWeb County Coordinator’s Conference June 30, 2007.
Search Engine Optimization Miami (SEO Services Miami in affordable budget)
Crawling When the Google visit your website for the purpose of tracking, Google does this with help of machine, known as web crawler, spider, Google bot,
Basic concepts of web design
Search Engine Optimization
HTML.
HTML Basics.
Creating & Customizing Business for Sale Websites
Introduction to HTML:.
HTML Lesson 2.
AN INTRODUCTORY LESSON TO MAKING A SIMPLE WEB PAGE By: RC Emily Solis
Prepared by Rao Umar Anwar For Detail information Visit my blog:
Objective % Explain concepts used to create websites.
Essentials of HTML.
Search Engines & Subject Directories
Essentials of Web Pages
Essentials of HTML.
Google Fonts Selective Formatting
Fixed Positioning.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Starting to develop a website
HTML Links.
Teaching slides Chapter 6.
Search Engines & Subject Directories
Search Engines & Subject Directories
Chapter 16 The World Wide Web.
Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
HTML5 and Local Storage.
HTML & CSS 7 Languages in 7 Days.
Objective Explain concepts used to create websites.
Multipage Sites.
5.00 Apply procedures to organize content by using Dreamweaver. (22%)
Presentation transcript:

Lesson Objectives Aims You should know about: 1.3.4 – Web Technologies HTML, CSS and Java Script Search Engine Indexing Page Rank Algorithm Server and Client side processing

Indexing Search engines collect information about webpages using automated bots (programs) called web spiders. These bots scour the internet, following links and recording keywords and the addresses where the keywords are found. This information is then transmitted back to the search engine provider, for example Google or Yahoo. The information sent back is then ordered and stored according to an index by keywords, for example When users are using search engines they are not searching the WWW, they’re simply searching the search engine’s index of the web. This approach means that results can be returned very quickly.

Page Rank The PageRank algorithm is Google’s way of ensuring that it returns the best possible webpages in response to users’ searches. It was named after its inventor, Larry Page. The PageRank algorithm works by counting the number of links to a page from other websites. This gives Google a rough estimate of how important a website is; more important websites are returned higher up the search results. The information about webpages (like the number of links) is gathered by an automated web spider called Googlebot. The algorithm represents all the webpages as vertices on a directed graph data structure and the hyperlinks between pages are stored as edges within the same structure. Vertices are assigned a numerical value representing their importance (based on the number of links to them). PageRank is no longer the only algorithm used by Google but it was the first and is still the best known.

Task Find out: How Google started and what their big idea was Why Google was different to other search engines of the time What the PageRank algorithm actually is and what it’s weaknesses are

HTML Spec says you need to know: <HTML> <HEAD> <TITLE> <BODY> <H1><H2><H3> <IMG> <A> <DIV> <FORM> <INPUT> <P> <LI> <OL> <UL> <SCRIPT>

HTML You already know HTML from GCSE and if you don’t, its really easy. But you will get nowhere if you don’t learn through practise. So you’re going to make a simple website.

Task Make a site which has: At least 3 pages Images, titles, and hyperlinks (anchor points, internal and external) At least one bullet point list (see how to make numbered lists too) A table of information A form which collects information about visitors (using a range of controls) An email link, which automatically sets the subject line You are NOT allowed to use ANY kind of visual editor, all code to be done in Notepad ++ Stuck? Google tutorials! The web is full of them. You may want to start at W3CSchools.

CSS Extend your site to use CSS Give each main element a style Specify how the table should look Change the following at least once: Background-color Border-color Border-style Border-width Font-family Font-size Height Width Apply your CSS to each page in the site using the appropriate tag

“…expected to be able to write and follow…” the code. Java Script You will not be expected to write javascript in your exam, however you are: “…expected to be able to write and follow…” the code. How much you need to know is limited. Again, practise is the only way, your task is to work through: http://www.w3schools.com/Js/

Review/Success Criteria