Midterm October 28. 16: Dithering Dithering is using two different colored pixels to produce a third color in between. It is used when the color needed.

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

Chapter 3 – Web Design Tables & Page Layout
HTML popo.
WeB application development
Cascading Style Sheets
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
1. Content – Collective term for all text, images, videos, etc. that you want to deliver to your audience. 2. Structure – How the content is placed on.
Introduction to CSS.
CSS cont. October 5, Unit 4. Padding We can add borders around the elements of our pages To increase the space between the content and the border, use.
How Tags are used to form your Web Page
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
Getting Started with HTML HTML – Hypertext Markup Language.
HTML and XHTML Controlling the Display Of Web Content.
XHTML1 Tables and Lists. XHTML2 Objectives In this chapter, you will: Create basic tables Structure tables Format tables Create lists.
Unit 2, cont. September 14 HTML,Validating your pages, Publishing your site.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
Remember, HTML is all about the meaning of your content Most HTML tags have built-in formatting that apply “meaning” to them and format their content.
1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
Basics of HTML.
CHAPTER 11 Tables. How Are Tables Used Data Display  Very tidy and very useful Better Text Alignment  Putting text in tables allows you to format indents.
Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.
DAT602 Database Application Development Lecture 14 HTML.
Week 1.  Phillip Chee   Ext.1214 
The Characteristics of CSS
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.
Chapter 6 Web Typography. 2 Principles of Web Design Chapter 5 Objectives Understand principles for type design on a Web site Use the element Understand.
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Bare bones notes. Suggested organization for main folder. REQUIRED organization for the 115 folder.
Understanding HTML Code
Website Development with Dreamweaver
HTML Hyper Text Markup Language It is used for describing web documents or web pages. A markup language is set of markup tags. HTML documents are described.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Getting Started with HTML Please use speaker notes for additional information!
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.
XHTML/CSS Week 3. This Week  Quiz to revise last week (XHTML and DW)  CSS - Part 2  Using HTML Tables.
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
HTML and Web Pages. HTML?  HTML is not a programming language  A type of SGML (standard generalized markup language)  HTML uses paired tags to markup.
HTML: Hyptertext Markup Language Doman’s Sections.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
CSS October 19. Review of CSS CSS was designed to separate the content of HTML pages from their appearance We are primarily dealing with external style.
Tables Web Authoring. This kind of a table THISIs aTABLE THISIs aTABLE THISIs aTABLE THISIs aTABLE.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
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.
DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.
Cascading Style Sheets (CSS). A style sheet is a document which describes the presentation semantics of a document written in a mark-up language such.
Assignment 2 October 28. Assignment 2 Is due in one week, November 4 Your assignment is considered submitted when: –You have sent the zipped file to the.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Basic HTML. So, what exactly is HTML? HTML stands for: HTML stands for: Hypertext Markup Language. It is a purpose built markup language for the delivery.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
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.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
XP New Perspectives on HTML and XHTML, Comprehensive 1 Developing a Basic Web Page Week 2.
Take Web Design Presurvey Username: First initial, last name For example, Omar Estrella -> oestrella Password: Same as.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
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.
Basic HTML Document Structure. Slide 2 Goals (XHTML HTML5) XHTML Separate document structure and content from document formatting HTML 5 Create a formal.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
 Add one element at a time  If it doesn’t do what you want, › Delete it › DON’T just keep piling on more items.
1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform  Times New Roman  Arial  Courier.
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,
HTML Basics.
Introduction to XHTML.
Presentation transcript:

Midterm October 28

16: Dithering Dithering is using two different colored pixels to produce a third color in between. It is used when the color needed is not the palette Or, to reduce the number of colors in the palette. Or, because the file format does not support enough colors

17:Web Crawlers Web crawlers start with an initial list of pre- determined web pages which they cache, then visiting and caching all the pages which are linked to that page. This process continues recursively. Or, Mentioning the 4 policies, and the idea of caching and visiting pages Or caching pages, and the pages linked to them.

Web Crawlers, Common Mistakes The idea that web crawlers work when you begin a search –Remember this is too slow That web crawlers are the ones searching the database for the search engine

18: Logical Markup It makes it faster to change the appearance of web pages because you can change the appearance of all of the same element at once. Helps search engines to classify your page more correctly Provides clues about the structure of your document to non-traditional browsers –Visually-impaired –Text-to speech browsers Allows a developer to design an alternate look to the site, perhaps for handicapped users

Logical Markup Mistakes Just saying things like “easier to edit” Separates content from appearance –Both physical and logical markup do this –But, if you gave another reason other than easy to change the appearance, I accepted this.

19: Design Principles Proximity, Alignment, Contrast, Consistency (repetition) Had to also provide an example –If you provided a website instead of an example of how it could be used on a website it was accepted provided the websites were all different Could not put down for all 4 principleswww.cs.sfu.ca Alignment isn’t just indenting or left-justified –It is creating a strong visual or horizontal virtual line by aligning items of equal importance

Design Principles, cont. Proximity: keep related items close, separate unrelated items –Separating unrelated items is not contrast. Contrast: not just for colors –If items are different, make them really, really different. Headings and text should look different Text and links Consistency: not just repeating colors or a navigation bar –Repeating ANY elements from one page to the next –Colors and navigation bars are examples of consistency

20: to base 3 Answer: Those of you who used the division method often forgot the “0” –Which is what I did when I used that method If you CLEARLY showed your work you received most of the credit Had to show you understood how the value for the individual digits (3 0, 3 1, 3 2 ) Simple multiplication or math errors lost you 2 points

21: to Decimal Answer: Almost everyone got this one correct Common mistake was to use the values: 256, 128, 64, 32, 16, 8, 4, 2 and forget 1. Remember when doing this to go from left to right as you write out the numbers Left to right will cause problems

22: Classes and Identifiers Differ Classes can be used more than once per page, id’s can only be used one You can create general classes which can be applied to many different tags in the same page Identifiers can be used as fragments or anchors to jump users to parts of a page, classes cannot

Classes and Identifiers If you said that classes were defined with a “.” and identifiers were defined with a “#” this was considered trivial and you lost 1 point A common mistake was that classes were used inline and identifiers were block-level Also that classes could be used to make changes to the whole page, identifiers just a part of the page –All depends on how it’s defined.

23: Generic Class Answer:.bigblue{ color: blue; (or #00F, or #0000FF) font-size: 200%; (double was not accepted) font-family: Times; (or Times New Roman) }

Generic Class Common Mistakes Forgetting to put a “;” at the end of each line Using font-color, instead of just color Using color = “blue” (like an attribute) Using p.bigblue (not generic) –Can only be applied to paragraphs Using div#bigblue which is an identifier People did pretty good on this one

24: Table HTML apple pear Cherry Grapefruit *each of the should be

Table Common Mistakes Not understanding there were 3 separate rows Switching with Using and with no Just general confusion about what tags do what Many people forgot the rowspan and colspan

Table, Cont. If you at least had the table correct except for the rowspan and colspan of the two tags, you got 7 points Nesting tables was not acceptable. It would not look like this Did not take off points for not having the border attribute –(I used it so the table lines would appear) Did not take off points for not centering the text –Or for trying to center with the wrong tag –Or for using the wrong attribute –Or in the wrong place

Bonus: XML XML stands for extensible markup language It is very similar to HTML It is used to markup data, while HTML is used to display data XML can be transferred easily from one computer to another and from one system to another Plain text format is readable by humans and computers

25: HTML Mistakes There were 15 mistakes in this document I will post a version with all of them shown You lost points if you pointed out the mistake but did not correct it. Even though you do not have to use entities to display the quote marks, I accepted it –Showed the potential for needing them and that you were thinking

Midterm Marks The average mark is a 62 –This mark is currently a C High mark was a 92 –Low was a 0 but partially because a few people did not yet take the midterm I deliberately want the marks to be low, rather than high –Easier for me to curve up than down –Better idea of your grade The average final mark for this course should be between a C+/B- average

Grade Disputes If you want to dispute your marks on the midterm: –See me, and only me The TAs cannot give you more credit If I made a mistake in summing your marks –See me or the TA The TAs can change the marks if it was an error in addition on my part You must come see me in the next week to dispute your marks (before Friday Nov 4) –You must come see me during office hours or make an appointment Do NOT show up to class on Friday and try and dispute your marks

Questions?