Creating Web documents Questions on JavaScript Hints calendar example "Great homepages really suck" Homework: Project 3.

Slides:



Advertisements
Similar presentations
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Advertisements

Multimedia Authoring1 Understanding Web Templates Web Templates There are many collections of templates for web pages and web sites available for use free.
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
Atonement’s New Website Member Introduction Last Updated: 19 December 2006.
Chapter 6 Photoshop and ImageReady: Part II The Web Warrior Guide to Web Design Technologies.
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
2/23/ Enterprise Web Accessibility Standards Version 2.0 WebMASSters Presentation 2/23/2005.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Macromedia Dreamweaver 4 Foundation Level Course.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
Cathy Bailey Comp 6626 Project # 2 10/23/2009. WireFrame Alternative #1 Scenario: Click on a state and a PDF document of the state’s two page profile.
Search Engine Optimization March 23, 2011 Google Search Engine Optimization Starter Guide.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
COMPUTATIONAL THINKING FOR INFORMATION TECHNOLOGY HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Orion Project Proposal HTML Tutorial Website. Define.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.
Website Research By Sophie Hiscock. Fan Marvel Website You know this website is Marvel because of the characters from the comics are in the body, which.
Web Technologies Website Development Trade & Industrial Education
Smart Data OnLine Training
Nov 4, 2002K. Smale - Section 5081 Section 508 What it means for you, the HEASARC and LHEA web developer.
Core Publisher: Creating Programs & Podcasts. Training 1: Site Administration Training 2: Programs Training 3: Content Tagging Training 4: Creating Posts.
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.
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Creating Web Documents Questions on JavaScript (lecture, text)? Work on JavaScript examples and/or Project III Calculations Homework: experiment, research.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
1 Lesson 3 Power Techniques HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
An Introduction To Websites With a little of help from “WebPages That Suck.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
MS FrontPage 1: Developing a web site for the Sunny Morning Products Yong Choi CSU Bakersfield.
HTML Authoring. Design  A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.
Presented By David Speight.  Easy Student Accessibility  Familiar Navigation  Fits Inside the Box  Works Outside the Box  Allows Creativity without.
Everything IT, Services & Consulting Andres Vergara Individual Website Project UMBC, IS 613C Prof: Charles Pak Oct. 15, 2009.
HTML: Hyptertext Markup Language Doman’s Sections.
META tag META tag is the element in the HTML that interacts with the search engines. It’s contain 2 attributes that should always be used: NAME: is an.
HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.
ITCS373: Internet Technology Lecture 5: More HTML.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
Creating user interfaces critique: the Edge (Jakob Nielsen) catch-up: xml, xsl  sets of image swaps User observation study reports Project I assignment.
Creating Web Documents catch-up JavaScript slide show tools redirection.
Creating Web Documents: Introductions Background Administration Course overview Assignment: CourseInfo survey. Find 1 good & 1 bad web site. Reading.
How to Navigate the Class Web Site Mrs. Denyer River Valley High School.
Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Learning Aim C.  In this section we will look at how text, tables, forms and frames can be used in web pages.
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
JavaScript and Ajax (JavaScript Environment) Week 6 Web site:
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.
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.
Creating Web Documents CSS examples (do more later) Lab/Homework: Read chapters 15 & 16. Work on Project 3, do postings.
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.
Week 1: Introduction to HTML and Web Design
Always Check Content before Submission on Online Platforms One of the most important tips before submitting any online post is to check the content.
Objective % Select and utilize tools to design and develop websites.
Objective % Select and utilize tools to design and develop websites.
OCR Level 02 – Cambridge Technical
Create and edit web pages 2
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
A01 DESIGN To be completed Your proposal  Your House style 
Blackboard Tutorial (Student)
Blackboard Tutorial (Student)
5.00 Apply procedures to organize content by using Dreamweaver. (22%)
Web Programming and Design
Presentation transcript:

Creating Web documents Questions on JavaScript Hints calendar example "Great homepages really suck" Homework: Project 3

Questions on JavaScript How were these done? What JavaScript features? –date at top of page –rollover image swap –slide show –status line –coffee shop –'virtual dog'

Hint Remember: your names need to be consistent; JavaScript (DOM) names need to be correct! Use the Edit/Find to go through text and check on names

Hint The rules for JavaScript are that { } can replace a single statement The official format is if (condition) statement; So this is usually if (condition) {statements} Use the brackets even if you only have one statement.

Hint The plus operator does addition of the operands are numbers or concatenation if the operands of strings. The asterisk operator always does multiplication, converting strings to numbers, if required. Contents of form input tags are strings. If the input is to be considered a number, the code needs to do something to make it a number.

Comment A good web site has content! –original writing (text) and images –appropriate, evocative, effective use of multimedia (including JavaScript effects) –organization that serves a function and does not just excessive hyperlinking Trade offs –value of large image & sound files versus burden of long downloads –large[r] amounts of content (graphics, text) versus uncluttered, simple[r] pages –audience expectations versus ???

Calendar example Go to Javascript examples newmedia.purchase.edu/~Jeanine/cal.html creates (very long) string called cal and writes it out using document.write(cal); cycles within cycles: days of weeks and days of month

"Great homepages really suck" suck here is good! article on Sitepoint.com

Terminology " pull technology" refers to technology that allows users to pro- actively seek out information, whereas "push technology" describes technology that delivers information to users, usually at regular intervals and without the user actively seeking the information. "In his book "The Web Content Style Guide", Gerry McGovern reports a study by the prestigious Palo Alto Research Center,. The study found that 75% of Web readers are in "content- gathering" mode, while only 25% are searching for a specific document.

Conclusion Give the visitor to your Home page (the first page) something substantial enough to make them click to the detail pages. Trade off: simplicity of first page versus content

Content Must Suck: Pulling Users In with Jared Spool Learn The Net RentStinks.com (current Website) Stanford Persuasive Technology Lab The Web Content Style Guide, Gerry McGovern UseIt.com, Jakob Nielsen User Interface Engineering, Jared Spool

Project 3 You must post your proposal and read my response. Requirements –links, frames, tables, images, formatting –JavaScript (many options) –image map or image slicing –animated gif –Cascading style sheets –meta tags: description and keywords –Your own powerful content! –Your name –(works cited/bibliography, if you make use of other resources)