Challenge One Walkthrough. Summary Open dreamweaver Open index Add and Add form Open controller.js add function Link controller to index.

Slides:



Advertisements
Similar presentations
Clicking on the link for the.tns file gives you will get the following screen: Select Save File and click OK.
Advertisements

UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
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.
Lights Camera Action! Part 3: BDE Events By Deborah Nelson under the direction of Professor Susan Rodger Duke University July 2008.
Dreamweaver Basics In this section you will learn how to:
CSS Box Model An CSS Primer Tutorial. Project 04 Open Finder or Windows explorer and path the folder where you store your class project work. Make a copy.
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 First Class Web Pages Log into your account.
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.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
SEMS allows you to create reports based on your files. This guide will give you the steps to create a report on the SEMS site using the Question Wizards.
Macromedia Dreamweaver 4.0 INTERFACE This presentation will run automatically.
CIT 256 Dreamweaver Sites and Image Maps Dr. Beryl Hoffman.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)
Alice 2.0 Introductory Concepts and Techniques Project 1 Exploring Alice and Object-Oriented Programming.
Create a dialog 1. Create a speech to violet 2. At the end of her speech 3. Create a response from Trey 4. At the end of his speech 5. Create a response.
Point & Edit CMS An Introduction to Point & Edit.
Patrick Bailey, MS IDIS110 Dreamweaver Setup. IDIS110 - RIT After you start Dreamweaver On the first time, if you are asked, select “Design Mode” Otherwise,
How To Add Flair To Your Site Maureen Enright, Elyse Kuriata, Nathan Boes, Hodge.
Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.
Gdes2000 Graphic Design for Internet & MM Dreamweaver: Simple page construction with DIVs.
Sports Website Creation. In this project you will design and produce your own website.
How to Create a Podcast CMN112 Instructor Betty Ritter-Guth By Sally Stiles.
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.
Submitting and Assignment Click on the assignment link in your course The folder with the paper sticking out of the top is the symbol for an assignment.
Tutorial to use a course link for the schedule and module pages.
How to Make a Power Point. How to Open Power Point Go to the bottom of the screen Click on START PROGRAMS MICROSOFT WORD PROGRAMS MICROSOFT OFFICE POWER.
Epson Interactive Projector Part 2 Whiteboard mode With whiteboard.
Web Design Part I. Click Menu Site to create a new site root.
WEB 2.0 TOOLS VIDEO HOSTING SITE YOUTUBE. WHAT IS YOUTUBE? Youtube is a video hosting site were anyone can upload videos expressing their talents, interests.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
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,
Links Building a Website Lesson 5. Links There are various ways to use links on a website: Link to other sites Link to other pages on the same site .
Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.
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.
This is how you invoke the Microsoft Visual Studio 2010 Software. All Programs >> Microsoft Visual Studio 2010.
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.
How to use the Hand-In Folder. Click on the Folder icon at the bottom of the screen.
Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.
Helpful Hints for using the internet for your assignment.
Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.
 Open your browser and navigate to
FrontPage & Web Page Design. Starting FrontPage Click on the FrontPage icon in the task bar at the bottom of the screen or Locate it from the programs.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Creating the client site. Create a master page for client  Start Dreamweaver and select your site.  Browse to your Client folder  Use Dreamweaver to.
HOW TO TUTORIAL: CREATING DATA VISUALIZATION GROUP 8.
Computing and Information Technology Building a Web Browser
Chapter A - Getting Started with Dreamweaver MX 2004
How to Create a KPI Dashboard Report
Cheat Sheet CSCI 100 JW Ryder
HO DOC Team Site – How to subscribe?
1. Open Visual Studio 2008.
For audio books and ebooks
Cheat Sheet CSCI 100 JW Ryder
To create a permanent ‘my folder’ in Discovery:
Eloqua Plug-in Setup Procedure
HOW TO MAKE PAGES FOR A WEB SITE
Making a website.
Summer 2013 Prepared by Prof. B. INDEX
A few tricks to take you beyond the basics of Microsoft Office
Using Floobits.
Wheelers clubs Your site will consist of 3 pages:
How To Photoshop Intro.
Instructions on how to login and create documents
One Set of Styles Connected to As Many Pages as You Want!!!
Presentation transcript:

Challenge One Walkthrough

Summary Open dreamweaver Open index Add and Add form Open controller.js add function Link controller to index

Open DreamWeaver Click Start (bottom left of the screen) Type Dream Click DreamWeaver to open

Open index Click start again Click on your name – find where you saved the challenge one site! Drag the index.html page onto any dark grey area in DreamWeaver!

Add Under Write Challenge One Save site Run site – what happens?

Add Under the add Type your name below Save site Run site

Add Under the tag Add and Inside the form tags – – Say Hello Save Run – what happens?

Add extra things to form Inside the tag add id=“txtName” Inside the add –onclick=“javascript:sayHello();”

Open up controller.js Go back to your challenge one folder Open the js folder Drag the controller.js onto the top grey bar of DreamWeaver

Create a function Write Function sayHello() { var name = document.getElementById('txtName').value; alert (“hello “ + name); }

Link controller to index Below your