Introduction to Multimedia Technology College Hall 205 01/09/2015 www.jma.duq.edu/classes/shepherd/jma501.

Slides:



Advertisements
Similar presentations
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Advertisements

Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Getting Started in Blackboard. You will need… A web browser, preferably Internet Explorer, version 4.0 or higher An account and the knowledge of.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
CIS101 Introduction to Computing
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
HTML Introduction HTML
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
New School Websites Teacher Pages. Visit the SCUSD Website for videos tutorials: For more information.
Getting Started with Dreamweaver
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Instructional Design JMA503 – 61 Monday 6:00 - 8:40.
1 HTML (Set Up Public Folder) Some material on these slides is taken directly from
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.
1 Chapter 2 & Chapter 4 §Browsers. 2 Terms §Software §Program §Application.
New Media Production TH 10:50 – 12:05 College Hall 205.
Postacademic Interuniversity Course in Information Technology – Module C1p1 Contents Data Communications Applications –File & print serving –Mail –Domain.
Uploading Image Files. Introduction – Click on Control Panel Button Typically, most instructors will post the majority of their images under the “Course.
Creating a Project Portfolio Web page The basics.
Introduction to Course MMIS 656 Web Design Technologies.
MWF 2:00 – 2:50 College Hall 205 WEB DESIGN JMA 318 | 574.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Introduction to web development and HTML MGMT 230 LAB.
2008 Adobe Systems Incorporated. All Rights Reserved. Getting Started with Adobe Presenter Modified by C. Candace Chou.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Using the Internet. (WWW) and the Internet The World Wide Web (WWW) is a small part of the Internet. The Internet relates to all the hardware and software.
Introduction to the Module CTEC2608 Multimedia and Internet Technology.
INP 150: Basic HTML Term: Winter 2002 Section: H1 Time: Mon/Wed 5:30- 7:25 pm Place: TI237 Instructor: Paul J. Millis.
CIS133: Internet Development Week 2. Agenda  Homework Review  MYSCC  FTP  HTML Code  In-class  Lab / Homework.
Website Development & Management Going Live with Web Pages (a) CIT Fall Instructor: John Seydel, Ph.D.
MW 4:30 – 5:45 College Hall 205 WEB DESIGN JMA 318 | 574.
● A system of Internet servers that support specially formatted documents. The documents are formatted in a markup language called HTML. What is the World.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit A Creating an HTML Document.
Multimedia & Interface Design JMA 308/545 TTH 4:30 – 5:45 College Hall 205.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Creating a Project Portfolio Web page The basics.
XP New Perspectives on Microsoft Windows XP Tutorial 5 1 Microsoft Windows XP Bringing the World Wide Web to the Desktop Tutorial 5.
Configuring Shortcuts C: Drive D: Drive F:Drive Z: Drive.
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.
JMA260 New Media Production
File Transfer Protocol (FTP) CIS 130. File Transfer Protocol (FTP) Copy files from one internet host (server) to your account on another host –Need domain.
The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.
Navigating the Course 1. Course Materials 2 Software: Notepad (or TextEdit on a Mac) – comes with operating system Internet Explorer Web Browser FireFox.
Information Resources at University of Worcester Information and Learning Services.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
How to Apply PDF in Flipbook on Website. Description If you are finding solution for applying PDF in flipbook mode on website, and adding multimedia items.
Getting Started with Dreamweaver
Chapter A - Getting Started with Dreamweaver MX 2004
Learning the Basics – Lesson 1
CNIT131 Internet Basics & Beginning HTML
IT 130 The Internet and The Web
بسم الله الرحمن الرحيم.
Getting Started with Dreamweaver
Shortcuts C: Drive D: Drive F:Drive Z: Drive
Getting Started with Dreamweaver
Presentation transcript:

Introduction to Multimedia Technology College Hall /09/2015

JMA501 – Instructor/GA Dr. John Shepherd ( a.k.a. Shep, John) Associate Professor in JMA. Founder of the Grad/Undergrad Multimedia majors (1995 and 2001) BS Management Science, from CMU, Ph.D. Operations Research and Systems Management. Pitt, Information Technology Masters Duquesne Office – 529 COLH Office hours – MW 1:00-2:00, 3:00-4:00 and by Appointment Phone – 412 – – GA: Ben BrodeBen Brode

Background 10 years as IT professional, with small company…Boss, secretary, me..adjunct hired me – Clients: Steelers, Penguins IUP for 10 years teaching IT courses Duquesne for many years SOB (IT courses), Rangos ( Health Management Systems), College (was Chair) teach multimedia courses

Who are you: name, concentration, Introduce self to people next to you

Schedule Course Syllabus/Schedule:

User folder Aka network folder Aka Z: drive Inside the folder is a pub folder, where we store content to be made over the Internet. To access it, must login to a server computer

User Name and Password To connect to our network, and thus to your user folder (aka z:), from within either of our two labs (205 or 345) – Ctrl-Alt-Delete – Username: Your Dori/Blackboard login name – PW: Your Dori password – Check for Z: drive (A shortcut to your user folder, which is on a computer at CTS) – Check for pub folder (Its content is available via Internet)

JMA501 – Course goals Blend technology and applicable applications. Create websites that incorporate multimedia assets. Use HTML 5 and a Graphical User Interface application (Dreamweaver) to create interactive multimedia-based websites.

Goals…cont Create digital videos for playback on the Web or DVD Carry out Video compression Use Adobe’s Illustrator and Photoshop to create vector and raster graphics. Discuss sound: It’s technology and use in a Web page Use Adobe Media Encoder to convert among sound and video formats

JMA501 - Assignments Due at the end of the day (11:59 PM). Late assignments receive a 10% per class penalty, maximum 30% After two weeks, can’t hand in assignments Actual assignments on 501 class site Use Blackboard to submit work: Submit the URL (address) to your index.htm page or the assignment URL

Blackboard-submitting homework Login to Blackboard Find, then click Assignments button,

Assignments…

JMA501 – Tools Adobe CC 2014 (Creative Cloud): Buy : About $500 Use labs ( 205, room 345 ) zero cost to you Rent: About $30/month, but needs 12 month commitment Use Notepad for HTML

JMA501 – Media Site gart-jma intro-multi-tech

JMA 501 – Applications Adobe Illustrator, vector graphics- resizable

MM 501 – Applications Photoshop: Image editing - raster graphics

JMA 501 – Video Premiere Pro create videos for DVD and Web Encore to author DVDs with menus

JMA 501 – HTML The Web Project Body of Web page

JMA 501 – Web WYSIWYG Web development :GUI Graphical User Interface Adobe- Dreamweaver

Parent and child folders Parent of folder F2 Child of folder F1, a Parent of folder F3 F1 F2 F3 Child of folder F2

Folder Files PUB Folder Your Space User folder– aka. Z: drive Must be in 205 We created for you (Computer name)

Folder File PUB Folder Your Space All files for the Web must be in PUB User folder

Path to user folder (Path to your users folder) – It’s your private /network folder – It’s a child of the users folder ( which is the parent folder): Short cut—Z:

Pub Folder Only on Z: drive We created it Open Z: Should see the pub folder

How do I access my user folder from off-campus (Can also be used on-campus) – Use File Transfer Protocol Example: ftp:// – You may be prompted for your user name and password – Best to enter the above command in the address bar of any application; except i.e. I use “Computer” application

How do I access the server: FTP Like FTP is a protocol --a set of rules -- If prompted for your user name and password – Use your Dori login information Open Computer icon Enter:

Credentials

Adding a JMA501 folder inside Pub folder Path to pub: Double-click your Z: drive This places you inside users/YourloginName folder Browse to pub Right-click in a white area Choose Create>New folder Name it JMA501

Browser URLs (Uniform Resource Locator) Note: Index.htm is special file …what’s special? The URL (path) to a page in your web site (in pub).depends on how you structured your folders URL= Universal Resource Locator Example Assuming your file name is index.htm in the JMA501 folder the address would be: – Can do away with http, and index.htm …why?

Changing the way folders display Experiment with the options

What to NOT show Also, don’t hide extensions

Room Access You should have access to room 205, 345 and the building. Use handicapped button on building entrance

Index cards – Name – Major/track Knowledge (1-10) of : – HTML, – Photoshop, – Dreamweaver, – Illustrator – Premiere/DVD Creation

The End