TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (4/28)

Slides:



Advertisements
Similar presentations
15 Maintaining a Web Site Section 15.1 Identify Webmastering tasks Identify Web server maintenance techniques Describe the importance of backups Section.
Advertisements

3.02H Publishing a Website 3.02 Develop webpages..
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
Integrating Faculty Web Pages into Classroom Teaching Host: David A. Pierce Presenter: Paul M. Yun.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
Gu & Maher University of Sydney, September 2004 DECO2005 Co-Authoring and Changes Management in ArchiCAD Teamwork.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 7, Day 2 (5/14)
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 1 (4/21)
Agenda – Week 6, Day 1 Debrief from Robohelp Transition to Dreamweaver –Explore assignment –Revisit HTML tutorial –Dreamweaver tutorial.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 6, Day 1 (5/5)
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (10/28)
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 7, Day 1 (5/12)
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 3, Day 1 (10/14)
TC 310, Day 17, Tuesday 25 November 2003 TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 7, Day 2 (5/14)
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.
ES 101. Module MS Front Page Tutorial and Web Hosting.
HTML.
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.
4 HTML Basics 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.
Introducing Dreamweaver MX 2004
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
CPSC203 Introduction to Computers Lab 69 By Jie Gao.
15 Maintaining a Web Site Section 15.1 Identify Webmastering tasks Identify Web server maintenance techniques Describe the importance of backups Section.
Section 15.1 Identify Webmastering tasks Identify Web server maintenance techniques Describe the importance of backups Section 15.2 Identify guidelines.
CHAPTER 3 Working with Templates and Styles. CHAPTER OBJECTIVES  Create an Expression Web site from a template  Rename a page  Rename a folder  Add.
Introduction to Course MMIS 656 Web Design Technologies.
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.
Setting Up DreamWeaver NOTE: Use your mouse OR page down key to advance each page.
Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 2 (4/23)
Tools of the Trade: Construction CECS 5030: Introduction to the Internet Dr. Cathleen Norris & Jennifer Smolka.
12 Developing a Web Site Section 12.1 Discuss the functions of a Web site Compare and contrast style sheets Apply cascading style sheets (CSS) to a Web.
Wiki Workshop Tech PD.
Image File Types Module 4: Working with Images LESSON 5.
Web Design Unit 10 Mrs. Christine McManus ITT Technical Institute VC-240 Visual Design for the Web.
Artifacts Standards Identified and Self Reflection.
INTRODUCTION TO DREAMWEAVER CS SOFT. OVERVIEW  DreamWeaverCS5.5  Defining a site  Site files  Authoring views  Property Inspector  AP Divs.
4 HTML Basics 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.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Research Poster A Web based lesson by Ellen Fasenfest a teacher with 15 years of experience at Etna Elementary. Lesson is located at
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 1 (10/21)
Interface Programming 1 Week 1. Interface Programming 1 CALENDAR.
CSS THE MISSING MANUAL Introduction. Benefits of CSS Style sheets offer more formatting choices than are offered in straight HTML  EXAMPLE: When you.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 2 (4/30)
Motion Graphic Design Week 5. Motion Graphic Design :: Week 5 :: Calendar.
1 An Introduction to Dreamweaver and PHP Part C: Setting Dreamweaver up to handle file transferring FTP.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
COMP3121 E-Commerce Technologies Richard Henson University of Worcester December 2009.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 3, Day 1 (4/14)
Pre-Production Meet with the client to create a project plan:
3.02H Publishing a Website 3.02 Develop webpages..
Kapi’olani Community College
Section 14.1 Section 14.2 Identify the technical needs of a Web server
Exercise 34 - Skills The Assets panel’s library feature enables you to insert and change elements automatically on multiple pages in your site. You can.
TC 310 The Computer in Technical Communication
TC 310 The Computer in Technical Communication
TC 310 The Computer in Technical Communication
4.02 Develop web pages using various layouts and technologies.
Website Testing Checklist
TC 310 The Computer in Technical Communication
TC 310 The Computer in Technical Communication
TC 310 The Computer in Technical Communication
Presentation transcript:

TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (4/28)

Day 9 By the end of class, students should be able to: –Identify lessons acquired from the HTML assignment –Identify the requirements for assignment 6 (Dreamweaver) –Configure Dreamweaver for a single site –Use basic Dreamweaver functionality to create/edit a site. What we’ll do… –Explore web pages created for assignment 5 –Conduct mid-quarter course evaluation. –Introduce Assignment 6 (Dreamweaver) –Introduction to Dreamweaver

Looking backward and forward Where we’ve been Activated UW Web Publishing Gained experience with HTML Practiced publishing HTML files with FTP Practiced debugging HMTL code Emphasized web pages Where we’re going Work on multiple page sites Use Dreamweaver to manage HTML Explore design strategies made easier with Dreamweaver

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. What benefits are gained by planning the website before starting the actual coding of a site?

Thinking about Dreamweaver.. How does Dreamweaver facilitate web page / web site design?

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

Looking Ahead Due Dates –Assignment 6 Monday (5/2) By class –Includes: Solution Key Features Design Rationale Learning Reflection Next Class –In Lab: More on Dreamweaver –In Classroom: Strategizing on the Dreamweaver assignment (2:30-2:50)

Hints Practice moving your site to another location –Move the website’s folder (or sites folder), then –Redefine the site in Dreamweaver (Site>NewSite). This will ensure that you know are comfortable with the “define a site” functionality. Know where you are saving your site. – I recommend that you save your websites in a consistent place (such as a folder called U:\sites\mysite (where mysite represents the name of the folder containing your site) –You can save the site almost anywhere –If you choose to save the site at another location, be aware of where you are saving it!

More 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