Who-do, How-to WhooHoo Webpages Mark Duller Caroline Bampfylde Kym Schreiner Presentation for LRG Meeting - January 26, 2005.

Slides:

Advertisements

Similar presentations

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.

Advertisements

Chapter 12: Web Authoring Tools

Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.

Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.

XX/XX/XX Presenter names Position Title Accessibility “How to”

Lecture HTML Images. Use for Images Photos and Graphics Buttons for Navigation Bullets for Lists Backgrounds Symbols and Icons Logos.

Designing a Webpage (from the very start). Background of HTML Don’t download a complete page. Download set of instructions (HTML): –Put this writing here…

Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.

CM143 - Web Week 2 Basic HTML. Links and Image Tags.

Chapter 4 Adding Images. Inserting and Aligning Images Using CSS When you choose graphics to add to a web page, it’s important to use graphic files in.

ETT 429 Spring 2007 Web Design I.

Agenda – Week 5, Day 2 Complete RoboHelp Tutorial Transition to HTML Tutorial –Warm-up – Explore HTML –Page Design – Create a page –Publishing – Make your.

THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.

Wordpress Tutorial 22 – 24 April Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments.

Creating a Web Page HTML, FrontPage, Word, Composer.

Designing a Classroom Web Site Using NVU Beginning Level.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.

© 2012 Boise State University1 WordPress Training February 14, 2013.

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

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

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

Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.

Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.

Last Updated on December 1, 2009 TRUSD Webpage Content Management System Questions? Contact Charlene VanAllen or Nondra Khali for help.

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

Web Technologies Website Development Trade & Industrial Education

Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.

© 2012 Boise State University1 WordPress Training February 14, 2013.

Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.

Creating Integrated Web-based Projects using Microsoft Word.

Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.

Another Method to Open WebSpace as a Web Folder Alternative Method for Creating Web Folder in WebSpace, Slide 1Copyright © 2004, Jim Schwab, University.

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

University of Sunderland CDM105 Session 5 Web Authoring Tools The past and present A history of web authoring tools and an overview of Macromedia Dreamweaver.

Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public.

Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.

DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.

Website Development with Dreamweaver

Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;

An Introduction To Websites With a little of help from “WebPages That Suck.

Dreamweaver MX Unit B CIS 205—Web Site Design and Development.

HTML Authoring. Design  A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

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.

LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.

Web Design. Keep a Consistent Appearance Visually show that the site is the same Always use the same background Same graphic style Same type formatting.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

Getting Started. Package Overview (GradeQuick)‏ Web-based grade book –Access Anywhere –Always Current Paper grade book “look and feel” Flexible grading.

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,

CMS 101 John McClimans – Web Manager Janel Ludwig – Web Content Specialist.

Web Site Development - Process of planning and creating a website.

Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.

PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver.

Easy WP Guide V2.6 for WordPress 3.8. easywpguide.com Adding Tags within your Post Adding Tags whilst editing your Post, will automatically assign those.

“Successful Uses of HTML Computer Code” Shannon Harwell.

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

WEB DESIGN CONCEPTS Brayden Burr. UNDERSTANDING THE CONTENT.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

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.

Section 6.1 Section 6.2 Write Web text Use a mission statement

Pre-Production Meet with the client to create a project plan:

Dreamweaver – Setting up a Site and Page Layouts

Section 7.1 Section 7.2 Identify presentation design principles

Creating a Successful Web Presence

Web Technologies for Business

Citation Map Visualizing citation data in the Web of Science

Using and Viewing Homepage

Presentation transcript:

Who-do, How-to WhooHoo Webpages Mark Duller Caroline Bampfylde Kym Schreiner Presentation for LRG Meeting - January 26, 2005

Jan 26, Overview How to build a webpage, html basics Which software to use What to include (or not!) Who knows? (Group discussion)

Jan 26,  how to setup a mathbio webpage, file permissions  basic html  adding passwords  Starting Off

Jan 26, Text editors – must know html Dreamweaver - sophisticated Frontpage – easy but adds extra html Mozilla – for UNIX and Windows users Others (LaTeX, Excel/Word, etc) Web-builders

Jan 26, From Authors’ discussions and excerpts of: Top 5 Tips for Web 1.Make it functional  Design towards your web’s purpose: Teach? Entertain? Advertise? Attract Employers?  Test, test test - on other platforms and browsers, all links, navigations tools, etc. Check periodically.  Add useful tools: timestamp, contact info, java e- mail, links/graphics to association(s).  For “outside” links, open new browser page.  Add meaningful descriptions to “Titles” & graphics’ alternative text for “favorites” list, and for visually- impaired viewers.

Jan 26, Top 5 Tips (cont’d) 2.Make it legit (Web Ethics)  Reference all ideas/content; link to original sources.  Get permission to copy graphics, javascript, programs. Reference all sources in code and/or webpage  If graphic can be copied – copy to OWN website, don’t make user open another site to view graphic

Jan 26, Top 5 Tips (still cont’d) 3.Make it short and “perty”! Web is a Visual tool  include graphics (*see web ethics), <50kb  consider colours and ease of viewing (red/green, busy backgrounds, mood, etc.)  keep white space, don’t crowd images  fit text to screen-size bits, or setup navigations tools in longer documents: be concise.  have link to printer version

Jan 26, Top 5 Tips (still, still cont’d) 4.Other Tips  Webpage is ALWAYS a work in progress, set time limits to work on web …  Add links to items not to words like “click here”.  No (unintentional) surprises e.g. a button that doesn’t work like a button; “hidden” information on LRG photo panel  Note file size beside download links.

Jan 26, Top 5 Web Tips (end!) 5.Other tips ? (group discussion, will be summarized and posted on web).