Agenda – Week 6, Day 1 Debrief from Robohelp Transition to Dreamweaver –Explore assignment –Revisit HTML tutorial –Dreamweaver tutorial.

Slides:



Advertisements
Similar presentations
3.02H Publishing a Website 3.02 Develop webpages..
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
HTML 4 Hypertext Markup Language Tables, Lists & Links Science & Art Multimedia.
Apr 15, 2007TMG Ottawa Users Group Creating Genealogy Websites Charles Godwin
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
Week 2 IBS 685. Static Page Architecture The user requests the page by typing a URL in a browser The Browser requests the page from the Web Server The.
Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (4/28)
HTML Introduction HTML
Internet Publishing / Dreamweaver Luke E. Reese CARRS
13 February Building a Web Page. Links Links: One always links to an anchor point Every page has an implicit anchor point at the start In addition, can.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Agenda – Week 7, Day 1 Debrief from Dreamweaver Transition to InDesign Explore assignment Look at sample fact sheets InDesign tutorial Previewing Thursday.
Agenda – Week 5, Day 2 Complete RoboHelp Tutorial Transition to HTML Tutorial –Warm-up – Explore HTML –Page Design – Create a page –Publishing – Make your.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
Website Publishing. Publishing Basics Early Web Sites Obtain a Domain Name IP Address (Internet Protocol Address) – A number that uniquely identifies.
Getting Started with Dreamweaver
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
14 Publishing a Web Site Section 14.1 Identify the technical needs of a Web server Evaluate Web hosts Compare and contrast internal and external Web hosting.
CPSC203 Introduction to Computers Lab 69 By Jie Gao.
5 Chapter Five Web Servers. 5 Chapter Objectives Learn about the Microsoft Personal Web Server Software Learn how to improve Web site performance Learn.
Tutorial: Web Publishing. Web Publishing Tutorial IS for Management2 Web Publishing Web pages are stored on a Web server: a computer with a unique Web.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Agenda – Week 6, Day 2 Revisit where we’ve been: –HTML and Dreamweaver Other Cool things in Dreamweaver –Tables and Imagemaps Finishing the Tutorial –Returning.
CM143Web Week 8 Review of Assignment 1 Revision & Elaboration.
Uploading Your Page to the Internet Configuring FTP on Dreamweaver.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 2 (4/23)
Updating the Laboratory Website. Useful Info Address: Everything is saved in the desktop.
Patrick Bailey, MS IDIS110 Dreamweaver Setup. IDIS110 - RIT After you start Dreamweaver On the first time, if you are asked, select “Design Mode” Otherwise,
Agenda – Week 8, Day 2 Tuesday Intro to Flash Animation process Computer animation Lesson 1 – Overview Lesson 2 – Drawing Lesson 4 – Layers Lesson 8 –
Week Nine Week Nine focuses on Collecting Images and Web Page URLs to use for your final Web Page Project. Discussions on using Netscape Communicator Composer.
CIS133: Internet Development Week 2. Agenda  Homework Review  MYSCC  FTP  HTML Code  In-class  Lab / Homework.
Web Design Unit 10 Mrs. Christine McManus ITT Technical Institute VC-240 Visual Design for the Web.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit A Creating an HTML Document.
Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for.
Tutorial 3 Adding and Formatting Text with CSS Styles.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Internet FTP to network. Preliminary Steps a FTP program is used and executed such as WS_FTP LE Information needed –host name –user id –password.
Internet Publishing / Dreamweaver Luke E. Reese Biosystems & Ag. Engr. / CARRS
Website Design:. Once you have created a website on your hard drive you need to get it up on to the Web. This is called "uploading“ or “publishing” or.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 2 (4/30)
COMP 143 Web Development with Adobe Dreamweaver CC.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
1 How to Publish Your HTML Page on the Web. Every USF Student has a website 2 Your Net ID You have a directory on the server.
Basic Web Design UVICELL Week 4 Templates and site management Week 4 Templates and site management.
COMP3121 E-Commerce Technologies Richard Henson University of Worcester December 2009.
Getting Started with Dreamweaver
3.02H Publishing a Website 3.02 Develop webpages..
Chapter A - Getting Started with Dreamweaver MX 2004
CNIT131 Internet Basics & Beginning HTML
بسم الله الرحمن الرحيم.
Using Fetch to Upload Your Website Source Files
Getting Started with Dreamweaver
CoreFTP.
Kapi’olani Community College
Section 14.1 Section 14.2 Identify the technical needs of a Web server
Setting Up Your Development Environment
CoreFTP.
TC 310 The Computer in Technical Communication
Getting Started with Dreamweaver
4.02 Develop web pages using various layouts and technologies.
Version: Macromedia Dreamweaver CS3 Updated: April 2008
TC 310 The Computer in Technical Communication
Dreamweaver.
TC 310 The Computer in Technical Communication
Publishing a Personal Web Site
Presentation transcript:

Agenda – Week 6, Day 1 Debrief from Robohelp Transition to Dreamweaver –Explore assignment –Revisit HTML tutorial –Dreamweaver tutorial

Debriefing from RoboHelp Form a group of 2-3 other students. In your groups –Share your solutions –Prepare thoughts on the following: What challenges did you encounter? What models were used to organize the information? How would you decide which is the best organization?

In preparation Activating Web Publishing – –What is it doing? Providing you with a directory/folder that is accessible to the Internet. Any files you put into the folder can be accessed via a URL. Transferring files to your Web Publishing space –The program – Uwick’s Secure FTP –Logging on – your UWNetID and password –Identifying the web directory –Uploading files – “Operation>upload” The up arrow on the toolbar

What is a website. Definition –A website is a collection of html pages that contain references to each other, and the images, movies, animations, etc. referred to by the pages. A website can exist –Locally and Remotely On a machine you work on directly or one you connect to via FTP –Accessible or Inaccessible to the Internet Although for external parties to see the pages, they much ultimately reside on a machine connected to the Internet

Planning a website Planning a website consists of determining the number of pages and the relationships among those pages. Why do you think it might be valuable to plan the website before starting work with a tool like Dreamweaver?

Setting up the website Locally, create space for –Websites in general –The current website –The website’s assets (images, animations,etc) Within Dreamweaver –Site>NewSite –Point to current location for local website Locally, create –A folder called “Sites” within your trinity acct –A “TC-Topics-Web” folder within “Sites” –An “Assets” folder within the “TC-Topics-Web” folder Within Dreamweaver –Site>NewSite –Point to “TC-Topics-Web” Note: You will not need to “set up” the website remotely. When you initially upload the entire website directory to your xxx_html directory, this step will serve as the “set up”.

Hint: Returning to Dreamweaver Problem –If you log off then log back on, Dreamweaver will not remember your site Remedy: –Use “Site>New Site” to point Dreamweaver back to your site.

Additional Hints! File references in HTML are case sensitive –If a link/URL is not working, check that you have the right combination of upper and lowercase letters! Test (publish) early and often –Be successful early –Extend your successes Practice moving your site to another location –Move the website’s folder (or sites folder) –Redefining site in Dreamweaver (Site>NewSite). This will ensure that you know how this works.

The rest of the tutorial Getting familiar with Dreamweaver Update the site with simple edits Publish the “TC-Topics-Web” website Extend site with a third page, and publish

Wrap - up Where we’ve been –Creating pages with HTML –Creating sites and sites with Dreamweaver Where we’re going –Dreamweaver tutorial on using Tables –Dreamweaver tutorial on using ImageMaps –Creating a multi-page site from scratch –Questions/Concerns… –Time for teamwork