Your GIMP Portfolio Final Site.

Slides:



Advertisements
Similar presentations
Introduction to Creating a Web Page using a Simple Text Editor (Notepad) 1  2004 Ecirp Studios
Advertisements

Web Development Project TEAM 2 JACK MICHAEL CHARLES CHRIS.
HTML Headings WHAT YOU NEED TO KNOW Kristen Buck CIT 230.
CSS Menus and Rollovers. Agenda foil Separating style from content 3 pages in one file Rollovers in CSS Horizontal drop-downs Vertical drop-downs.
User-Assistance StoryboardWRA 210, SS08 Rachael Hodder Dave Johnson Alyson Lowe.
Session 4: CSS Positioning Fall 2006 LIS Web Team.
Using Advanced Cascading Style Sheets
CREATE A WEBPAGE WEB DESIGN. EXAMPLE LAYOUT 2 WEB COMPONENTS Header Banner and logo Footer Copyright information or Address Horizontal Navigation For.
Kapi’olani Community College Art 128 Interface Programming 1 In-class Presentation Week 6B.
Kapi’olani Community College Art 128 Interface Programming 1 In-class Presentation Week 6A.
Banner Home Page Text Image Picture Image JavaScript Hyperlink text Animated image Navigation link To a different webpage Date and time.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
Simple Pages for Omeka Lauren Dzura LIS
Final Project Module 4: Working with Images LESSONS 13, 14 & 15.
By Sonali Gidwani. The Complex Way To make a website the complex and normal way, you need a special website editor which comes with a code called HTML.
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
Website Research By Sophie Hiscock. Fan Marvel Website You know this website is Marvel because of the characters from the comics are in the body, which.
Unit 21 – Creating Computer Graphics. Logo Static ButtonRoll Over Button Advertising Banner Navigation Bar.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 15 :: a.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.
Web Design First Semester Project – Getting Started in Dreamweaver.
Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Planning your site/organization on the Web Please use speaker notes for additional information!
1 Creating Links within a Web Page  These links are especially useful on long Web pages  Links at the top of the page point to areas further down the.
Home Page IF Average Max Min Sum Countif Welcome to the Spread Sheets Help... I hope you find the following pages useful in learning how to use functions.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.
CSW131 Steven Battilana 1 CSW 131 Project Requirements Summer 2013.
Things we’ve covered so far  Basic HTML  Some advanced tags i.e.  Styling using CSS  Background-color  Text  Changing the font on your site  Inserting.
Project 6: Kayaking HTML5 Site
Web Foundations WEDNESDAY, NOVEMBER 20, 2013 LECTURE 32: DREAMWEAVER SLIDE SHOW AND GOOGLE MAP.
The Simple Pages plug-in Christina Bell 23 February 2012.
HTML Basic. 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.
By: Caitlin McCullough, Kaitlyn Kauffman, and Alexis Bergquist.
Stylizing a Navigation Menu with CSS Web Design – Section 4-13 Part or all of this lesson was adapted from the University of Washington’s “Web Design &
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
INTRODUCTORY Tutorial 5 Using CSS for Layout and Printing.
Now, let’s examine the page data. We’ve already seen the page name and the directory where the page is saved.
Royalton Hartland High School Web Design WEBSITE DRAGSTER IMAGES.
Come to the Fair!. What needs to be done? Read the brief carefully.
ET-710 WEB-DESIGN By Bart Chuchro Queensborough Community College.
ET- 710 Website Portfolio By: Andrew Karim. My main page was my first experience at creating a webpage.
Group 9: Through examples, explain how to build a css navigation bar. Presented by: Daniel Ku, Matt Iannacci & Iphia Henry.
Advanced Elements & Advanced HTML Codes AGCJ 407.
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Web Design (17) CSS Box Element (2). ‘Box’ Web Site (1) Insert a navigation bar into the index.html file and create links to ‘index.html’, ‘pageone.html’
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
Your GIMP Portfolio Navigation Menu.
CSS Layouts: Positioning and Navbars
Personal Website Final Project
Unit 3 – Web design Final Project
Using the HTML and CSS Validation Services
Creating Your Book Review Web Site
LESSON 4 Module 4: Working with Images Navigation Tools.
CIS 273Competitive Success/tutorialrank.com
CIS 273 Education for Service-- tutorialrank.com.
My web site..
Page plans A01 Design.
Create and edit web pages 2
HealthCare.gov By Martin & Myke.
Using Netscape Page Composer
Digital Stewardship Curriculum
Book / movie report Web design.
Unit 6 part 3 Test Javascript Test.
How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.
How to add a photo gallery in html/css
Presentation transcript:

Your GIMP Portfolio Final Site

Now its time for you to create Your GIMP Portfolio site  I used my banner and navigation that I created last time (although I made some change to the navigation bar). Create your Index page and add your banner and navigation to it. Then add some text that explains your site. Create the rest of your site pages using html or PHP.

On my Text page I wanted to use plain CSS to create a gallery On my Text page I wanted to use plain CSS to create a gallery. I found this while looking around the web. http://cssdemos.tupence.co.uk/image-popup.htm When I hover over a thumbnail image the larger image pops up. I made some changes from the original code. I made my thumbnails into one vertical line and had the popups show to the right instead of above. Note: this is not something you have to do, just an example or what you can do. This is your portfolio, have fun !! 