G053: Lecture 16a Task D Evidence Mr C Johnston ICT Teacher www.computechedu.co.uk.

Slides:



Advertisements
Similar presentations
Chapter 3 – Web Design Tables & Page Layout
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.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Create a table Resize, split and merge cells Insert and align graphics within table cells Insert text and format cell content Maintain Web site Working.
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.
Chapter 3 Tables and Page Layout
ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
ETT 429 Spring 2007 Web Design I.
OCR Nationals ICT – Unit 2 Task 1 Task Overview You need to produce a design for a multimedia website of at least five pages. The design will act as the.
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.
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
Creating your Webpage with tables. This is a 2 column by 1 row table!
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.
4 HTML Basics 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.
G053 - Lecture 20 Testing Websites
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
1 Essential HTML coding By Fadi Safieddine (Week 2)
G053 Lecture 14 Adding Graphical Rollovers Manually Mr C Johnston ICT Teacher
Web Design-Lecture2-QN-2003 Web Design Microsoft FrontPage®
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Images in HTML PowerPoint How images are used in HTML.
>> 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.
Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.
G050: Lecture 02 Evaluating Interactive Multimedia Products
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.
Where Should I Be Now??? Finished corrections to task a/b Annotated a page of code and put it in folder Put evidence of manual code changes (edit and add)
G042 - Lecture 16 Testing Your Spreadsheet Mr C Johnston ICT Teacher
How are tables used in web design?. A table (FIVE THINGS TO KNOW) 1. Is made up of columns and rows 2. Has cells where columns and rows intersect.
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
G053 - Lecture 16 Validating Forms Mr C Johnston ICT Teacher
G053 Lecture 22 Coursework Feedback 2014 Mr C Johnston ICT Teacher
G050: Lecture 06 Asset Creation – Task Ci Mr C Johnston ICT Teacher
Add an Image. index.html about.html contact. html contact. html.
G050: Lecture 09 Evidencing Task D, E Mr C Johnston ICT Teacher
G053 - Lecture 03 Features of Websites Mr C Johnston ICT Teacher
1 Review of HTML Elements. 2 The tag These tags are marked as comments in HTML. Any text between these two comment tags will.
HTML. Adding Background Color The bgcolor attribute lets you change the background color of the Web page. Located in the body tag See common Web Page.
211 Multimedia Web Design Lesson 5/6 Dreamweaver Practice.
4 HTML Basics 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.
Unit 02: Website Layout Practice Mr C Johnston ICT Teacher - Sidney Stringer School, Coventry
G042 Lecture G042 Feedback 2011 Mr C Johnston ICT Teacher
G042 - Lecture 17 Task E – Present Your Findings Mr C Johnston ICT Teacher
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
G042 - Lecture 12 Using Local Databases Mr C Johnston ICT Teacher
Adding Images to Your Web Page Web Design Section 5-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
PRUnit B064: Creative use of ICT
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.
Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.
G046 Lecture 03 Introduction To HTML Mr C Johnston ICT Teacher
G043: Lecture 11 Task D Guidance Mr C Johnston ICT Teacher
Informatics Computer School CS114 Web Publishing HTML Lesson 3.
ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.
Pupil Name OCR Nationals in ICT (2010) : Unit 06: Design a SpreadsheetsAO2 – Format a spreadsheet.
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
Images in HTML PowerPoint How images are used in HTML
Intro to Dreamweaver Web Design Section 8-1
Positioning Objects with CSS and Tables
Intro to HTML Mr. Singh.
Hosted by Coach Slanina
GCE Applied ICT G053: Lesson 01 Introduction To The Unit
<TAG> <html> <head>
Unit 01 –Website Development
Making a website.
Positioning Objects with CSS and Tables
Presentation transcript:

G053: Lecture 16a Task D Evidence Mr C Johnston ICT Teacher

Starter Explain the meaning of these tags: Hello World

Session Objectives Review HTML Code, Understand the evidence needed for task d of the assignment

Task D Task D requires you to show knowledge of HTML by explaining, editing and adding tags, Mark Band 1 (0-2) You demonstrate knowledge of HTML by explaining three different script commands; Mark Band 2 (3-4) You demonstrates an understanding of HTML script commands by explaining three different script commands, editing HTML script commands to change page layout and adding HTML script commands for at least one additional component from graphic, table or hyperlink components; Mark Band 3 (5-6) The candidate demonstrates understanding of HTML script commands by explaining three different script commands, editing HTML script commands to change page layout and adding HTML script commands for a comprehensive range of additional components.

Evidence Checklist Annotate a page of code from your website explaining a least 5 different script tags, Produce notes showing that you have changed some of the code generated in Dreamweaver – before and after screen shots are needed, Produce notes showing that you have added a range of different tags – before and after screen shots are needed, Include: tables, forms, images, hyperlinks, Remember you need both EDITs and ADDs EDIT = change the properties of tags in code view which Dreamweaver has inserted Add = insert tags in code view from scratch yourself

Suggestions…… Code EDITs Change href property of tag e.g. to Add the target property to the tag e.g. target=“_blank” Change src property of tag e.g. to Add the border property to the tag e.g. border=“0” Edit alt property of tag Add align property to the tag e.g. align=“centre” Change properties of the tag e.g. face=“” size=“” etc Change properties of the tag e.g. width=“” height=“” class=“” border=“” etc Change properties of the tag e.g. width=“” height=“” class=“” bgcolor=“” etc Change properties of the / tags e.g. type=“” Change properties of the tag e.g. method=“” action=“” Change properties of the tag e.g. type=“” Change properties of the tag e.g. rows=“” cols=“” Change tag for drop down lists e.g.

Example Layout