Agenda Session 3 (8/2/06). From Last Week  Review of homework  Word Doc comparison  Frame viewing (see www.raft.org)www.raft.org  More on 508/WCAG.

Slides:



Advertisements
Similar presentations
The Test Will last 60 minutes Will be submitted via the electronic coursework submission system (not part of the test itself Is worth 20% of total module.
Advertisements

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
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.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
CIS101 Introduction to Computing HTML Project Two.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
COS 125 DAY 15. Agenda Assignment 4 Posted –Due March 25 Assignment 5 posted –Due April 1 (no joke!) Left to do –5 Assignments (9 total) One per week.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
Mgt 240 Lecture Exam Two Review November 30, 2004.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
Lecture 13. A Very Brief Introduction to HTML and XHTML, part II Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell.
Chapter 14 Introduction to HTML
Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.
Basics of HTML.
Link and Table in HTML. Statistics HTML review The two faces of a HTML file In a notepad program. In a internet browser program. The function of HTML.
Cascading Style Sheet. What is CSS? CSS stands for Cascading Style Sheets. CSS are a series of instruction that specify how markup elements should appear.
Create a Website Session I Key Components Hands-on HTML.
HTML Links and Anchors.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Cascading Style Sheets Dreamweaver. Styles Determine how the HTML code will display Determine how the HTML code will display Gives designers much more.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
_ HTML, XHTML & CSS Sami Niemelä | Module 1: Introduction to digital media: Day 02.
CIS 451: HTML Frames Adapted from materials developed by Dr. Soe (updated January, 2009)
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
HTML Created by Mrs. Brown. W3C What does the abbreviation W3C stand for?
WYSIWYG Program (pronounced wiz - ee - wig) What You See Is What You Get Dreamweaver 4.0 Toolbars.
Website Development with Dreamweaver
HTML Workshop Agenda 7/26/2006. Stuff from Last Week  Cache, history, URL chopping  View Source results.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.
Review session for Web development. Time line of the internet history When was the ARPANET first demostrated? When did the NFSNet replace it? When did.
Xhtml is “v5.0” An HTML v4.1 Primer chapter 4. Slide 4-2 HTML Elements  Table 4.1 > html elements — container elements — text -- open tag, close tag.
Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Tables,
1 Welcome CMS III Workshop Employee Central.. 2 Project Sequence – Training, Workshops, Hands-on Sessions Overall Governance -- Completed/Ongoing Portal.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
CO1552 – Web Application Development Linking Pages - The Basis of the Web.
Creating Links. The Anchor Element: The anchor tag can be used in three different ways: 1.External link – to link to a web page outside your own website.
Tools to Create Web Pages Fall Tools Text Editors – Notepad (free) – Notepad++ (free) Word Processor – MS Word (Expensive) HTML – HTML Kit (free,
Slide No. 1 Slide No. 1 HTML and Web Publishing CS 104 CS 104.
Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.
1 © Netskills Quality Internet Training, University of Newcastle Using Style Sheets in Dreamweaver CS © Netskills, Quality Internet Training, University.
CSU Extension Webpage template Session 7.  Named anchors are spots within a page you can link to “Anchors” a specific part of the page Has a name so.
HTML Links HTML uses a hyperlink to another document on the Web.
Session: 4. © Aptech Ltd. 2Creating Hyperlinks and Anchors / Session 4  Describe hyperlinks  Explain absolute and relative paths  Explain how to hyperlink.
HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame.
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)
HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Formatting HTML Links HTML Head HTML CSS HTML.
Review session for Web development. Today’s class Review the web designing. Filling out instructor evaluation form.
HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links.
WEB FOUNDATIONS CSS Overview. Outline  What is CSS  What does it do  Where are styles stored  Why use them  What is the cascade effect  CSS Syntax.
Week 1: Introduction to HTML and Web Design
Pre-Production Meet with the client to create a project plan:
Chapter 1 Introduction to HTML.
Front End Development workshop
Cascading Style Sheets
The Web Wizard’s Guide to Web Design
Project 1 Introduction to HTML.
Creating Links.
LINKS.
Table of Contents Creating Frames Frameset Tag and its attributes
Table of Contents Creating Frames Frameset Tag and its attributes
Table of Contents Creating Frames Frameset Tag and its attributes
Dreamweaver Basics.
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Lesson 4: Hyperlinks.
Unit 4 Test CSS Test.
Creating Links.
Web Programming and Design
Presentation transcript:

Agenda Session 3 (8/2/06)

From Last Week  Review of homework  Word Doc comparison  Frame viewing (see  More on 508/WCAG More on 508/WCAG  Color name support Color name support  DTD listing DTD listing

Reading Tag Syntax  An example tag ( ) at: – W3C: html40/interact/scripts.html#edef-SCRIPT html40/interact/scripts.html#edef-SCRIPT – htmlhelp: ecial/script.html ecial/script.html

Anchors  Used as link sources (most common) and/or targets (if the latter is within an HTML document - see next slide)  htmlhelp reference – ecial/a.html ecial/a.html  Linking Linking  URL href types URL href types

Anchors and Links

Tables  CSS vs. Tables for layout – Browser support: r_support/page_layout.html r_support/page_layout.html  htmlhelp reference –  Data table example Data table example  Layout table example Layout table example

Dreamweaver  Dual purpose – For file management/transfer – For development (WYSIWYG editor)  Creates clean code  Dynamic (but proprietary) templates  Synchronizability  Supports multiple Transfer Protocols (including WebDAV)

Homework  Using the Table of Contents solution page, amend one of the target anchors (e.g., Segment 3) to point to the workshop download page at:Table of Contents solution page ps/workshop0607/downloads/