Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.

Slides:

Advertisements

Similar presentations

Farhan Nisar University of Peshawar

Advertisements

Working with Forms. how are forms manipulated? the document object contains an array of forms objects, one for each form, in document order –forms[] any.

Frames How to make a page that uses frames. Preview There used to be a time that frames were frowned upon because most browsers did not support them Nowadays.

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?

Color Templates Software Engineering Module: Web UI Programming Topic: HTML TALENTSPRINT | © Copyright 2012.

Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.

HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.

Lesson 3 — HTML Power Techniques

How to Make a Web Page: A Crash Course in HTML programming.

Basic HTML. Guide to HTML code Not case sensitive Use tag for formatting output: new line, paragraph, text size, color, font type, etc. Can be a single.

Web Page Development Identify elements of a Web Page Start Notepad

COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.

ETT 429 Spring 2007 Web Design I.

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.

Lesson 6. Links in HTML Computer Science Welcome to Virtual University in Pakistanhttp://

Creating Tables in a Web Site Using an External Style Sheet

Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

 2001 Deitel & Associates, Inc. All rights reserved. 1 Chapter 12 – Microsoft FrontPage Express Outline 12.1Introduction 12.2Microsoft FrontPage Express.

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

Creating Tables in a Web Site

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.

Creating your Webpage with tables. This is a 2 column by 1 row table!

Web Technologies Website Development Trade & Industrial Education

Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.

Page 1 Simple PowerPoint Menus Section 1 Section 3 Section 2 Tutorial.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1. Create a folder on L/BSBA/IS330/website.

Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.

Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster

Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.

Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.

CAREER WEB PAGE DESIGN Name. View Rubric for detailed information and grading scale Web Site Criteria.

Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.

1 Creating a Second Web Page This section shows you how to create the Huntington Beach Web site.

Learning HTML Presented By: Wayne Helle What Is HTML? Learning Basic Tags... Formating Your Text... Working With Images and Links... Simple Form Boxes..

HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered.

Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.

CHAPTER 7 Form & PHP. Introduction All of the following examples in this section will require two web pages. The first page retrieves information posted.

1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,

Using Frames in a Web Site Project 6. Project Objectives Project 6: Using Frames in a Web Site 2 Define terms related to frames Describe the steps used.

CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.

Page 1 Simple PowerPoint Menus Section 1 Section 3 Section 2 Tutorial.

Body and Heading Tags and their Attributes. Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path.

HTML Links HTML uses a hyperlink to another document on the Web.

HTML Creating Forms on a Web Page. 2 Objectives  Discuss the process of creating a form  Distinguish between data input controls and text input controls.

Web Page-Chapter 6 Forms. Inserting a Form  Display the Insert bar  Click the arrow to the right of the display category on the Insert bar and then.

OCR Nationals ICT – Unit 2 Task 4 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.

1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.

HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.

Introduction to Frontpage Wed. Oct. 17, 1-2p Title V Cooperative Holly Hofmann.

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.

20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.

1 2/28/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Anchors and Tables.

HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame.

Kevin Murphy More Tables Masters Project CS 490. Kevin Murphy An Additional Attribute n BGCOLOR -For changing the background color for the table or a.

Introduction to Programming the WWW I CMSC Winter 2003 Lecture 5.

HTML for web designing short course. What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file must have an htm or html file extension.

1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.

HTML Tables Tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the tag). td stands.

Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.

HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.

INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.

HTML  HyperText Markup Language  The Language used to design web pages  Code mixed with text  Tags enclosed in angle brackets  Single tags  Paired.

Unit 2 – Webpage Creation

Web Page Design CIS 300.

Computer communications

To insert a hyperlink ( a web page address, URL) using text

Presentation transcript:

Web Design ATBs

ATB #1 List headings and size

ATB #2 Define HTML

ATB #3 Define HTTP

ATB #4 Write the tags for HTML lists

ATB #5 What is a ?

ATB #6  Write the image tag

ATB #7 List all 8 section tags

ATB #8 How do think your tags link images?

ATB #9 What is the image tag?

ATB #10  What is the tag for background color?

ATB #11  What is the tag for a visited link?

ATB #12  What is the tag for a link?

ATB #13  What does the pre tag do?

ATB #14  What are hex colors?

ATB #15  What is a intra link?

ATB #16  How do you link pages?

ATB #17  What is the background tag?

ATB #18  What is the sub tag for?

ATB #19  What is the sup tag for?

ATB #20 What is the strike tag for?

ATB #21 What is the space tag for?

ATB #22  What is an attribute?

ATB #23  What is the tag for?

ATB #24  What is the tag for?

ATB #25  What is the tag for?

ATB #26  What is the tag for?

ATB#27  What is the tag for?

ATB#28  What is the tag for?

ATB#29  What is the tag for?

ATB#30  What is the tag for?

ATB#31  What is the tag for?

ATB#32  What is the table tag?

ATB#33  Why create tables?

ATB#34  How do you make columns?

ATB#35  How do you make rows?

ATB#36  How do you get table colors?

ATB#37  How do you put an image in a table?

ATB#38  What are frames?

ATB#39  What is a target?

ATB#40  What is name?

ATB#41  What is a column?

ATB#42  How do you get table colors?

ATB#43  What are frames?

ATB#44  What are frames used for?

ATB#45  What is target?

ATB#46 Why create frames?

ATB#47 How do you create a hyperlink?

ATB#48 What is name for?

ATB#49 What is a form?

ATB#50 What is a radio button?

ATB#50 What is a radio button?

ATB#51 What is a drop-down menu?

ATB#52 Why create a form?

ATB#53 What is the forms tag?

ATB#54 How do you create a check box?

ATB#55 What is a drop down menu?

ATB#56 How do you create a text box?

ATB#57 How do you create a submit button?

ATB#58 Why is HTML better than FrontPage?

ATB#59 How can you check your code for errors?

ATB#60 How can you fix errors on your web page?