Creating a eportfolio Mrs Bhayat. Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You.

Slides:

Advertisements

Similar presentations

How To Make Your Own Web Page: Basic Web Design

Advertisements

How to make a Powerpoint Presentation.

DREAMWEAVER Welcome to our website!

Powerpoint Tutorial J.Kellow.

HOW TO USE POWERPOINT By Bryan Kreps.

Gdes2000 Graphic Design for Internet & Multimedia An Introduction to Dreamweaver CS5 + Adding Text Overview of palettes and DW working environment. Creation.

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.

UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.

Creating Dynamic Communities. Objectives that will be covered: 1.Creating your communityCreating your community 2.Styling your communityStyling your community.

Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.

FrontPage Presented by: Jean Bennett and Tori Waskiewicz December 18 th 2006 and January 11 th 2007.

 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.

Contact: Fei Gao Office of Information Technology Montclair State University Creating Professional ePortfolios with Google Sites.

Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.

Creating First Class Web Pages Log into your account.

How do I create a Web Dilemma in PowerPoint? Start Tutorial Use Black Boxes for Navigation.

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

By William Carlson. Table of Contents 1.How to start PowerPoint 2.Navigating through PowerPoint 3.Themes and styles 4.How to print, open, and save 5.How.

Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.

Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.

Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.

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.

Presented by Steve Beutler, Career Counselor Minot Public Schools Minot, North Dakota.

Dreamweaver Learning to be a web design master! By: Mr. Brunton.

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

Web Design-Lecture2-QN-2003 Web Design Microsoft FrontPage®

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.

Website Development with Dreamweaver

WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.

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.

The switch from Microsoft Office 2003 to 2007 Microsoft Word Microsoft Excel Microsoft PowerPoint.

Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.

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

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

Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.

Moodle with Style Integrating new technologies to empower learning and transform leadership.

Sports Website Creation. In this project you will design and produce your own website.

Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.

Slide 1 (of 16) 1) Launch Dreamweaver 8. 2)Under Site, choose New Site. Stanford Continuing Studies CS 22 · Enhanced Web Site Design Week Two DREAMWEAVER.

We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.

Web Design Part I. Click Menu Site to create a new site root.

Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.

By: Ms. Abeer Helwa 1. CREATE A WORD DOCUMENT 2 Blank document Templates To create a new blank document: click the File tab and click Blank document.

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,

Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.

How to make a digital portfolio SCC YEAR 1. Table of contents  1. Go to your digital portfolio  2. Make the document as your digital portfolio  3.

Home page Web page link 1 Web page link 2Web page link 3Web page link 4.

Web Site Development - Process of planning and creating a website.

Click your mouse for next slide Dreamweaver – Inserting Flash Buttons as Rollovers Our index page is looking OK but lets give it some real pizazz. Instead.

If you don’t have Google Earth downloaded already, you can go to to get it.

Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.

Schoolwires – District 205 created by Andrew Chidester.

Creating a Google Site For a Digital Portfolio Purpose.

To create text styles click on Home >> Tab under Change Styles

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

Continue making your website on Adobe Dreamweaver, adding colour, images and text. Lesson 8 Aim : Q: What's the difference between Batman and a thief?

Using Excel open up the computer login click on start choose applications.

 Open the course to add an online class  Click on Add a Page (left side)  Type in a name  Click on Create  Click on the Content Tab  Click on Add.

open up the computer login left double-click on Applications

How to make a website in dreamweaver a website

Page Layout Header & Footer Font Styles Image wrapping List Styles

Lesson Objectives Lesson Outcomes

Access Tutorial 8 Sharing, Integrating, and Analyzing Data

How to PostPower Point Presentations

HTML Text editors and adding graphics

Making a website.

Creating your first website

A02 Creating my website NAME ______________.

Presentation transcript:

Creating a eportfolio Mrs Bhayat

Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You need to let the computer know what your site will be called as well as set up where all the site will be held. Dreamweaver can be found in the ICT, DIDA, Macromedia folder.

Creating a template Click on HTML You shall need to split your page by creating a table Make sure it is 2 rows and 2 columns The top row shall need to be merged

Changing the colour of background and text By going to Page property you can change the layout of the page by selecting background and text colour and size

Changing the name of buttons In the left column you shall need to create the main buttons which can be used by the user all the time to navigate their way though your work. This can be done by creating flash buttons. At this point you don’t have anything to link so make sure you don’t link anything. You will need to save your work before creating buttons.

Creating other pages When you are happy with the template or main page you will then need to create the other pages. To make it easy instead of repeating the process you can go to File and save as, then save it with the name of your buttons. If you have made 3 buttons you will then have 3 pages plus the homepage, so 4 pages in total.

Linking pages In order to link the other pages you shall need to double click on the buttons to open the properties box and then click on browse and find the page you want to link it to.

For your unit 1 08 website structure this is the chart to use with additional buttons and pages. Spreadsheet Formula View Half Day Trip Leisure Day Trip Educational Day Trip Extra Buttons Extra Page with three buttons 2 records added Project Log

Changing a button to Home Page On certain pages the buttons need to be changed so that they are home buttons. This has to be done in a certain way as else all buttons on every page change to home. To this you have to save the button with a different name that is not already used. I would then change the text on the button

Creating sub buttons Check the website structure in order to know what the sub tasks buttons are. The subtask buttons need to be placed into the centre of the page as you don’t want your user to be accessing it all the time.

Adding a Picture/Image In order to place a image into your work. You must make sure the image is saved into your eportfolio folder before going though the process of inserting a image. In file type select all if you pick up your image as not all the images are saved in the image types.

Converting files To PDF After creating all the pages and adding comments you need to convert your documents to PDF and save them into the eportfolio folder. Yours will say cutePDF

Linking work to sub buttons Because your work is know saved into your eportofio you can link it by using the same method as linking you WebPages on slide 7.

Viewing Page on the internet Click on the world icon in order to view your website. You must save your work first otherwise the changes will not be shown.