Adapting Files On A “Visual Webpage” (Ver /mb)

Slides:

Advertisements

Similar presentations

HTML Basics Customizing your site using the basics of HTML.

Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.

Development and Alumni Relations System - Communication #5 - DARS v3.0: Internet Solutions.

CSW131 Steven Battilana 1 CSW 131 Free MS Software (DreamSpark / MSDNAA) MS Visual Web Developer (VWD) W3 / Mozilla Code Validators Uploading Your Website.

Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.

Weebly.com E- Portfolio Instructional Guide Step 1 Using Internet Explorer, go to (Weebly, 2013) Created by Dr. K. Hodges 2.

ETT 229 Fall 2004 Web Design Basics III. Agenda 11:00-11:05 – Quiz 15 11:05-11:40 – Web Design Lecture 11:40-12:15 – Web Design Practice 3.

Publishing a Web Page at the University of DE FREC 135.

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear Your Embedded “Quizlet” Your Quizlet: Getting Started Editing A Blank.

LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 21: Publishing Your Pages on the Web.

Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.

Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.

Downloading © Copyright William Rowan Objectives By the end of this you will be able to Download text and images from the internet for analysis,

Adagio4 Web Content Management EP Information Offices.

CORS 456, FirstName LastName, About Me, ThisSemester ThisYear YourFirstName YourLastName About Me [A] My Favorite Educational Theorist [B] My Favorite.

Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

MIS 201 Web Design. Website Planning Before even considering the practical aspects of creating a website, there are some important fundamental questions.

How To Create a Website. Three Approaches Buy software package that will assist you in building your website. Build the website yourself. Hire someone.

Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 

CURR 285, FirstName LastName, This_Semester This_Year FirstName LastName About Me [A] [My Own Choice Of Topic] [B] Favorite Educational Web Site [C] My.

Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

Support.ebsco.com Download Manager Tutorial. Welcome to EBSCO’s NetLibrary Download Manager tutorial. NetLibrary offers the most comprehensive collection.

Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.

CPSC203 Introduction to Computers Lab 33 By Jie Gao.

LearningNet Breeze Presentation Publishing Guide Learning Solution Group Learning Center, Korea Last Updated: November 30,

Updating the Laboratory Website. Useful Info Address: Everything is saved in the desktop.

USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.

Publishing a Web Page at the University of DE APEC 135.

A STUDENT’S GUIDE TO ADDING IMAGES TO NEW OR EXISTING BLOG POSTS Adding Images to Your Blog Post Presented by Michelle Krummel.

USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.

PCNA: CREATE A WEBSITE WITH EASE USING WIX.COM TO EASILY CREATE A WEBSITE.

Your Digital Technology Briefcase My information…when and where I need it.

Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.

Teacher Websites TALIA R. COTTON. Teacher Websites Log In  To log in to your teacher website  Select Staff only on EGHS Website  Type in your .

Amy Jo Harrell 2006 Making your own web site Yes, I mean you!

Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.

Using Middle Search® Plus For Junior Academic Bowl Competitions.

Develop Your Web Presence Using WEEBLY TECHNO DRAGON PD | WEEBLY.

01 OPTIONS 01 OPTIONS Lorem Ipsum In play mode, click the image in the tab to the left. This will load the slide for the option clicked. Be sure to edit.

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.

Classroom Wiki Tutorial EDIC 763 Instructional Design Fall 2011 Aysha Bajabaa Dr. Gary Whitt 1 NextBack.

How to create a website from scratch.  You should have an internet access.  Visit  You need to create a new account OR.

My Stuff & More! How to personalize your OSLIS 2.0 “dashboard” and add files to your personal space.

Basic Web Design UVICELL Week 4 Templates and site management Week 4 Templates and site management.

Introduction to HTML.

**Please view the instructional guide as a slideshow**

How to create a website from scratch

USING DREAMWEAVER Contents: Assigning a Root Folder

Using Publisher to Create a Web Site

Module 6: Creating Web Pages and Working with Channels

The Smarter Balanced Assessment Consortium

The Smarter Balanced Assessment Consortium

Basic HTML and Embed Codes

Getting Started With A “True Blank Slide” In Powerpoint

USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder

2 Directions For Editing This Front Cover Of A Visual “Booklet” Use visuals on this front cover.

1 Let’s Get This File On The Internet ( /mb)

Consult America Technology Consulting Services

Overview: Digital Publishing Kit ”Portable” Digital Publishing Kit (Version: “AG”) These free “portable” software applications run without installation.

Introduction to the ISB Intranet

Summer 2013 Prepared by Prof. B. INDEX

The Smarter Balanced Assessment Consortium

The Smarter Balanced Assessment Consortium

Interactive Online Audio

Develop Your Web Presence Using WEEBLY

Presentation transcript:

Adapting Files On A “Visual Webpage” (Ver 17.07 /mb) How Can I Adapt My “Visual Professional Diary Reflections” (“VPDRs”) For Online Use? Adapting Files On A “Visual Webpage” (Ver 17.07 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) How Do I Adapt My “Visual Professional Diary Reflections” As An Online “Visual Webpage”? You can download the templates described in this visual tutorial from this location: http://ulm.edu/~beutner/#Visual_Webpage_With_Menu_Template Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) About To Start… Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) You Need Software If you are viewing this as a full screen presentation, you can click on the red rectangle to download the “publishing kit” for Windows computers. Click to download. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

This Is Free “Portable” Software Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) WinSCP Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Logging In Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Don’t Forget The “Port Number”! Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

The ULM Website Is Trusted Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Accessing Your Online Account Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

We’ll Start With A New Folder Called “4567” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Create The Folder (Folder = Directory) Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Naming The New Folder Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

The New Folder Is Created Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

We Need A “Working Folder” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Preparing Your Files Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Let’s Look At An Example: about-me.pptx Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

“Capture” The Slide As An Image Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Avoid Extra Periods In A File Name Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Keep Video Files On Your Screencast.com Account Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Notice A Pattern Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Ignore The Temporary Files Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Use 700 Pixels For Width Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Getting Ready To Copy Files Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Look At The HTML Templates Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Folders And Files Make Up These Templates Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) This Is One Template Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Notice The Visual Features Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

This Other Template Includes A Menu Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Examine The Visual Template, With Menu Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) The Templates: 2 Folders With Files… And 2 HTML Files… Inside ONE Folder Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Delete The “Content Files” And The “Captured Image” Files Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Empty Folders Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Get Ready To Copy Files Into The Folders Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Your Own Files… Are Now In The Folders Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Copy The HTML File As reflections.html Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Create A “Working Folder” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

For Now… Name The “Working Folder” “4567” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Copy Files And Folders Into The “Working Folder” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Important: Make Sure You Have Your Files Inside Of The “Working Folder” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Start “Kompozer”, An HTML Editor Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Open The HTML File In Kompozer Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Insert An Image File Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Find The Image File In The img Folder… Inside Of The “Working Folder” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Select The Image Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) The Image Appears Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Get Ready To Link The Image To The Associated File Located In The bin Folder Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

“All Files” Now Appear In The bin Folder Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Select The “Content File” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Examine The “Anchor” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Rename The “Anchor” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Examine The Menu Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

How Does A Menu Item Link To A “Content Section Heading”? Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Link A Menu Item To An “Anchor” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

How To Link To An “Anchor” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Link Properties Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

The Menu Item Now Links To The “Anchor” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Check The Internal “Page Title” Of This Webpage Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Edit The “Page Title” And Its “Properties” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Still Editing… The “Page Title” And Its “Properties” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Continue Editing… Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Notice Changes Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Ready To Edit A “Content Section” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Insert An Image In This “Content Section”… Located In The img Folder Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Select The Image Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) The Image Appears Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adding A Thin Border… Is Optional Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Editing And Using A Caption… Is Optional Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Editing The “Image Properties” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Get Ready To Link The Image To A “Content File” Located In The bin Folder Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

From “All Files” Displayed In The bin Folder, Choose A File Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) A File Is Selected Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Edit The “Anchor Name” Of This Content Section Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Review This Edited “Content Section” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Ready To Link From The Menu… To The “Content Section” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

How To Edit Menu Text That Actively Links… To The “Content Section” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Notice How The Menu Items Are Edited Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

You Can Edit The Menu As You Like Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adding A New “Content Section” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Duplicate And… Edit Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Give This New Content Section A Name, Like “Timeline” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Link The “URL” (Internet Address) Text… To The Future “URL” Of This Webpage Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Simplify The Menu Items Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Adapting Files On A “Visual Webpage” (Ver 17.3 /mb) Edit The Menu By Linking Each “Live Of Text” (Menu Item) To A “Content Section” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Open WinSCP, An “FTP” (“File Transfer”) Application Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Accessing Your Online ULM Student Website Account Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

“Inside” Of The Online public_html Folder Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Inside Of A Folder Called “6028” Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

How To Access The Online reflections.html File Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

How To Update Your Online Files Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)

Slide Title, Arial 18, Plain You can download the templates described in this visual tutorial from this location: http://ulm.edu/~beutner/#Visual_Webpage_With_Menu_Template Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)