Open the Nissan.html page in a suitable application and create the table shown below between Table 3 and 4. Set the appropriate sizes for each cell. A.

Slides:



Advertisements
Similar presentations
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
Advertisements

Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
Using Dreamweaver MX. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page Properties panel.
/k/k 1212 Cascading Style Sheets Part one Marko Boon
MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard
HTML – A Brief introduction Title of page This is my first homepage. This text is bold  The first tag in your HTML document is. This tag tells your browser.
Very quick intro HTML and CSS. Sample html A Web Title.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
Building a Website: Cascading Style Sheets (CSS) Fall 2013.
CSS normally control the html elements. Three Ways to Insert CSS There are three ways of inserting a style sheet: External style sheet Internal style.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
ETT 429 Spring 2007 Web Design I.
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
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Other web pages In own website New window Same page.
Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start.
Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Web Technologies Website Development Trade & Industrial Education
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
Website Development with Dreamweaver
Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
HTML: Hyptertext Markup Language Doman’s Sections.
HTML tags Some popular ones. Paragraph: separated by a single line of white space Line break NOTE: no end tag is used for this tag Headlines ( through.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
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,
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
Web Authoring Task 8– Create the following Style Sheet: 1.Create a new CSS called Tiger.CSS Style Sheet Body Horizontal Tile using the Tiger.JPG H1 Browsers.
HTML Tags BTT1O. HTML  Documents written in hypertext markup language can be interpreted by all web browsers.  This language lets the web page developer.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
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.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 02: Enhancing the Web Page.
HTML Hyper Text Markup Language. What is HTML HTML stands for the Hyper Text Markup Language. HTML stands for the Hyper Text Markup Language. HTML is.
Unit 15 – Web Authoring Web Authoring Project.
XHTML/CSS Week 2. This Week  Quiz to revise last week (XHTML and DW)  Lists - & tags  Images tag  Hyperlinks tag  Using CSS to define the appearance.
WebD Introduction to CSS By Manik Rastogi.
Create a new stylesheet called Hotel Style
Creating & Customizing Business for Sale Websites
Chapter 17: Document Production (Word)
Style Sheets.
Chapter 17: Document Production (Word)
Creating Your Own Webpage
Chapter 17: Document Production (Word)
Web Authoring (Ski Resort Task)
USING DREAMWEAVER Contents: Assigning a Root Folder
Unit 17 Website Development
Page Layout Header & Footer Font Styles Image wrapping List Styles
Web Authoring Task 1– Create Style Sheet H1 H2 P LI OL UL Table Body
Chapter 7 Page Layout Basics Key Concepts
Web Authoring Task 1– Create Style Sheet List – LI { Table Body
Web Authoring Task 8– Create the following Style Sheet:
Style Sheet Create a new CSS called Cameras.CSS TD Web Authoring
Table CSS Create a new CSS called tablestyle.CSS Green Background
Web Authoring Task 1– Create Style Sheet H1 H2 P LI Table Body
Summer 31: Web Authoring A trainee has started to create a single stylesheet to be used with the website. The stylesheet was not finished and contains.
Web Authoring Task 1– Create Style Sheet H1 H2 H3 P LI Table Body
For the World Wide Web Styling Tables with CSS
USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder
Computer communications
Using FrontPage Express
Presentation transcript:

Open the Nissan.html page in a suitable application and create the table shown below between Table 3 and 4. Set the appropriate sizes for each cell. A Table 1 B C D Table 2 Table 3 E F G Table 4 Tip: Before you create the table identify the number of columns and rows. Enter the width of the table when you insert the table. H

2. Insert the following content into the new table: Cell A: Welcome to the Nissan Homepage (H1) Cell B: Nissan Motor Company Ltd, usually shortened to Nissan, is a Japanese multinational automobile manufacturer headquartered in Nishi-ku, Yokohama. (P) Cell C: Car 1.JPG Cell D: Car 2.JPG Cell E: Car 3.JPG Cell F: Car 4.JPG Cell G: Car 5.JPG Cell H: Come to any of our dealers for a test drive on any of our models. (H2) 3. Make sure that appropriate text is displayed if the images are not available. 4. Apply text styles shown.

5. Create a new stylesheet called text style using the most efficient syntax. H1, H2, H3: Arial, Helvetica, sans-serif, Bold, Italic and 22pt H1: Red, Centre aligned H2: Blue, Left Aligned H3: Dark Red Unordered list: Square bullet points. Body: Yellow 6. Create a new stylesheet called table style using the most efficient syntax. Table, TD: Solid Borders, 2 pixels width, Red Table: Cell Padding 10 pixels, Grey background and all borders collapsed. Include your name as a comment on both style sheets (/*name*/).

7. Attach the stylesheets created in step 5 and 6 to both html pages. 8. Insert a suitable animation in table 2 for both webpages. You will have to export the animation file in a suitable format before you import into Dreamweaver. 9. Insert a suitable logo into table 3 for both webpages. 10. Create external links to open on a new window. 11. Apply the text styles shown below. P UL

12. On the Nissan webpage insert suitable images to replace the text Insert Image in the New Models table. Make sure that appropriate text is displayed if the images are not available. 13. Create an email link to Make an Enquiry to nissan@gmail.com with a subject line: Test Drive (insert name of car). 14. Apply the H3 style to all text in the New Models Table. 15. Make the text Click here a hyperlink to return to the top of the page for both webpages. 16. Set suitable titles for each web page. 17. Create internal links between the two webpages. 18. Embed a CSS style to centre align all tables.

19) Create a test table to carry out suitable tests on your website. You can also test the following: External links, Email Links, Named anchors, images appearing, correct text styles applied. Test How Expected Actual Action Taken Checking internal Hyperlinks Click on each link in the browser All links to go to the correct page. All links work as expected. No action required.