TC 310 The Computer in Technical Communication

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..
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
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)
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
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 5, Day 1 (4/28)
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.
Website design Feng Zhao College of Educatioin California State University, Northridge.
ES 101. Module MS Front Page Tutorial and Web Hosting.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
HTML Web Authoring Tonya L. DeZarn Janice Thompson Juana Wallace.
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.
Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.
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.
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
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.
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 attributes Create.
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.
Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 2 (4/23)
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.
Agenda – Week 8, Day 2 Tuesday Intro to Flash Animation process Computer animation Lesson 1 – Overview Lesson 2 – Drawing Lesson 4 – Layers Lesson 8 –
Web Design Unit 10 Mrs. Christine McManus ITT Technical Institute VC-240 Visual Design for the Web.
Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for.
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.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 2 (10/23)
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 1 (10/21)
CSS THE MISSING MANUAL Introduction. Benefits of CSS Style sheets offer more formatting choices than are offered in straight HTML  EXAMPLE: When you.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 2 (4/30)
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:
JavaScript/ App Lab Programming:
3.02H Publishing a Website 3.02 Develop webpages..
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
USING DREAMWEAVER Contents: Assigning a Root Folder
Section 15.1 Section 15.2 Identify Webmastering tasks
TC 310 The Computer in Technical Communication
Getting Started with Dreamweaver
Macromedia Dreamweaver 8
Section 14.1 Section 14.2 Identify the technical needs of a Web server
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
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.
USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder
TC 310 The Computer in Technical Communication
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.
Web Design 1 Website Construction.
Unit 3 – Web design Final Project
Website Testing Checklist
TC 310 The Computer in Technical Communication
TC 310 The Computer in Technical Communication
TC 310 The Computer in Technical Communication
Webpage Layout and Website Design
Presentation transcript:

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

Day 11 By the end of class, students should be able to: What we’ll do… Identify strategies for strengthening work submitted for grading 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… Discuss feedback on grading Explore web pages created for assignment 5 Introduce Assignment 6 (Dreamweaver) Introduction to Dreamweaver

Grading Results… Grades range from C+ to A. Majority of solutions are strong, solid, professional Common areas for improvement Design rationale is missing information – complete rationale: decisions + goal + alternative Design rationale are not improving: better rationales connect to users, connect to global goals, explore a range of decisions (not just decisions about color) Professional activity not different from design rationale Professional activity – items for resume, items for project plan, I spent time on this… Self-directed learning is not evident.

Debrief – Asgn 5 – Effective Links Design Effective Links (Farkas and Farkas, 2000) Be sure that all links indicate that they are links Work to ensure that users will view & notice links Be sure that all links indicate their destinations Making the heuristics work for us Unpack the heuristics For each heuristic, Identify one good example. Identify one instance that could be improved.

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 can exist 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 Next Class Assignment 6 Includes: Tuesday (11/9) By class Includes: Solution Annotations Next Class In Lab: More on Dreamweaver

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