Codename: Belinda description The project is composed of a Psd file (with levels) to slice and transform to Xhtml and Css tabless page W3C compliant. On.

Slides:



Advertisements
Similar presentations
A root word is a word that has a prefix, suffix, or both added to it.
Advertisements

A root word is a word that has a prefix, suffix, or both added to it. Underline the root words in the following slides. Circle the prefix or suffix. Created.
How to Use Topics Topics Navigation. 9/14/2013 How to Use Topics 2 Starter Find the file Menu in the Menu folder, or alternatively the Table of Contents.
Compose Workflow. Home page To compose a workflow navigate to the “Workflow Editor” page.
Cascading Style Sheets
More frames in XHTML Please use speaker notes for additional information!
CSW131 Steven Battilana 1 CSW 131 Free MS Software (MSDNAA) MS Visual Web Developer W3 / Mozilla Code Validators Uploading Your Website Summer 2013 Prepared.
Part 5 Introduction to CSS. CSS Display - Block and Inline Elements A block element is an element that takes up the full width available, and has a line.
Using Advanced Cascading Style Sheets
Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.
CSW131 Steven Battilana 1 CSW 131 Free MS Software (DreamSpark / MSDNAA) MS Visual Web Developer (VWD) W3 / Mozilla Code Validators Uploading Your Website.
Working with Files. Note the buttons on the bottom of the File Manager: Each allows you to perform a specific action with files. First, select the file(s),
Art 128 Interface Programming 1 In-class Presentation Week 11B.
Creating & Attaching CSS An CSS Primer Tutorial. A New CSS Document Create a new CSS Document in Dreamweaver using the “New” option under the File Menu.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
MS Excel Lesson 6 – Printing. MS Excel – Print Preview Set print area.
How do I create a Web Dilemma in PowerPoint? Start Tutorial Use Black Boxes for Navigation.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.
Using Draw Tools C 2012jkc. Click File on the menu bar and select Page Setup on the drop- down menu to get the Page Setup dialog box. Under the Margins.
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.
Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.
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 attributes Create.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
To insert an Audio file on all slides click Insert click the Audio drop down arrow and select the type of audio you want. An audio file placed on the.
How to upload files to Altervista Overview:
XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu
Welcome to the PowerPoint on how to use PowerPoint 2007 Neil Hecht Instructional Technology Facilitator Onslow County Schools.
Learning How to Make a PowerPoint Presentation A tutorial for novice users.
Using PowerPoint. HOW TO INSERT A SHAPE  Find the task bar click on insert.  Click on shapes.  Find the shape you want and click on it.  A cross should.
Creating a navigation bar in Fireworks. Setting up the canvas Open Fireworks and choose a canvas size big enough to fit the buttons on you are going to.
Small group worksheet Lecture Code:
Creating Your First Web Page – Topic: Creating a wiki, blog, image blog and podcast Click Arrow - Next Slide 1.
Web Design Part I. Click Menu Site to create a new site root.
For slides 2 to 12, count the change as the coins and bills appear on the screen. Before clicking the final answer, count the change to yourself to see.
Photoshop Image Slicing. Reasons to Image Slide To create links out of sliced images To optimise different areas. (flat areas of colour, such as logos,
Designing a Web Page Layout Using a Professional Bitmap & Vector Graphic Editing Suite 1IT: Web Technologies – Design a Web Page Layout 2 Copyright © Texas.
1 After completing this lesson, you will be able to: Get around the Internet with your browser. Connect to the Internet. Print Web pages. Save Web pages.
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
Click to Continue. This is the Database Start Page (The Switchboard) To turn on ‘Pop Up Help’ click the option button.
Working with DIV Structures, CSS, Webfonts and Templates 9/16/2015Web Development and Interactive Media.
Inserting Hyperlinks  Purpose : Enables viewers to click the link and move directly to a slide  Directions : Make one link on slide one to move to each.
How to stay organized NEXT 1. Click the Slide Show Tab 2. Click on the “Start from Beginning” Button.
Chapter 1 Murach's JavaScript and jQuery, C1© 2012, Mike Murach & Associates, Inc.Slide 1.
Powerpoint for Students What is Powerpoint?  Presentation software  Slides  Graphics  Animations for text  Animations for slides  Sound effects.
screen shots Emma Jarman. Adding attachments What is an attachment? An attachment is an that has a file attached to it. The file could be.
Copying a text file to the E-Form (HTML) Editor in OSCAR.
By Joshua Shaw.  We have previously added a While Loop  We are now going to use it for programming the robot  We have also added two motor programs.
PowerPoint Grades 3-5.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
How to Create Static and Animated PowerPoint Slides
Using the HTML and CSS Validation Services
Tutorial Reading in EBSCOhost support.ebsco.com.
ASP.NET Web Controls.
© 2010, Mike Murach & Associates, Inc.
How to Create a PBWorks Site
Question 1: What key on the keyboard is used to create a proportional shape? Control Key Tab Key Shift Key Delete Key.
Lesson Objectives Lesson Outcomes
Programming a Servo By Joshua Shaw.
Creating a Webpage with External CSS
USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder
How to PostPower Point Presentations
1 To go to the next slide, click this button instead. A random slide will come up.
To Navigate the Slideshow
Making a website.
Summer 2013 Prepared by Prof. B. INDEX
Using transitions to create movement
Directions: For slides 2 to 12, count the change as the coins and bills appear on the screen. Before clicking the final answer, count the change to yourself.
How to add a photo gallery in html/css
How to Save a Picture to the Computer or Jumpdrive
Presentation transcript:

codename: Belinda description The project is composed of a Psd file (with levels) to slice and transform to Xhtml and Css tabless page W3C compliant. On the page are also required two functions: Button Over: in the top red rounded area the text will change passing over each one of the 8 buttons. Slide Show: in the bottom red rounded area will appear a series of images each one must be clickable and open a new page. Images can slide from left to right and viceversa by clicking the arrow buttons. GUIDELINES Every div element must be identified by the suffix “div” and the name in CamelCase notation (eg: divTopArea). On-line demo is required before final release. To complete the work you have provide: html, css, images and the sliced and optimized Psd.

Passing over each button will change the text in this area Slide show

folder organization The folder organization of the project must be as follow: Html files Image files root codename: Belinda Css files