Elisad Webpages Marianne van der Heijden november 2000.

Slides:



Advertisements
Similar presentations
Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Advertisements

Publish or Pear-ish Moving through research in the 21 st century Michael DavisMillard West Photo from:
Access Part I Accessing Health Information Through the Internet.
Evaluating Internet Research Sources Dennis LeForce ENG2A Kingman High School (Source: Robert Harris June 15, 2007)
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
MMDE5011 – INTERACTIVE MEDIA PRACTICE 1 WEEK 1: INTRODUCTION TO HTML5
Instructor: Bess A. Rose What examples of logic models have you found since the last class? Where did you find them?
Cars Checklist Is your source credible? Credibility Accuracy Reasonableness Support.
. Website and file organization. How websites work.
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
Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems
1 Software Testing and Quality Assurance Lecture 32 – SWE 205 Course Objective: Basics of Programming Languages & Software Construction Techniques.
HTML Introduction HTML
Internet Publishing / Dreamweaver Luke E. Reese CARRS
8.1 Chapter 8 Integrating the Internet into the Curriculum M. D. Roblyer Integrating Educational Technology into Teaching, 4/E Copyright © 2006 by Pearson.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Introduction to Web Lingo
INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
9/12: HTML & Website Design Website design considerations HTML (Hypertext Markup Language) Resources on the WWW images courtesy of
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.
Getting Started with Dreamweaver
Lecturer: Ghadah Aldehim
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
Finding Reliable Sources. Credible in providing the information necessary for your topic Fair Objective Lacks biases/motives Quality control Identify.
Paul Mundy and Bob Huggan 1 Websites.
Web Technologies Website Development Trade & Industrial Education
Electronic Commerce BBA (Hons) ( ) (Website Designing and Publishing) By: Farhan Mir.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
Operating Systems Concepts 1/e Ruth Watson Chapter 12 Chapter 12 Introduction to the Internet Ruth Watson.
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.
Week 5 & 6 Web Design – Layout & Organization. Review.
CIL Training for the Trainers: Plan your search and search strategy - SABINET Marieta Buys 10 July 2007.
Plan your search and search strategy - CSA Marieta Buys 24 Jan 2008.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Here you are at your computer, but you don’t have internet connections. Your ISP becomes your link to the internet. In order to get access you need to.
1/28: The Internet & Website Design What is the Internet? –Parts of the Internet –Internet & WWW basics –Searching the WWW Website design considerations.
Evaluating Internet Resources Why Evaluate? Identifying the Information Need Search Engines & Web Pages Evaluating Sources CARS Checklist Worksheet.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Web Sources How to evaluat ? Nowadays, web technologies grant fast access to a tremendous variety of sources, but they cannot help you decide by themselves.
World Wide Web Library 150 Week 8. The Web The World Wide Web is one part of the Internet. No one controls the web Diverse kinds of services accessed.
Web Page Concept and Design :
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Internet Sources: The Good, the Bad and the Ugly Evaluating Websites.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
Internet Publishing / Dreamweaver Luke E. Reese Biosystems & Ag. Engr. / CARRS
HTML Hyper Text Markup Language. The Basics u HTML documents contain “tags” which instruct the Browser software on how to present the information within.
Creating Website Using FrontPage 2003 By Heidi Lee.
Using the Internet Welcome to the Library!. Research skills Week 7 Internet Just because you found it on the Internet, doesn’t mean it’s true.
Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.
Getting Started with Dreamweaver
Distributed Control and Measurement via the Internet
Evaluating Internet Research Sources
Exploring Microsoft Word 2000
Chapter A - Getting Started with Dreamweaver MX 2004
Web software.
Credibility Accuracy Reasonableness Support
Arden University FTP Induction Resource
Plagiarism Your worst enemy in school.
WEBSITE EVALUATION Using C.A.R.S
Getting Started with Dreamweaver
Dreamweaver.
Presentation transcript:

Elisad Webpages Marianne van der Heijden november 2000

Webaddresses = Geocities is a free host Webvertisements interfer with webpages Everyone can have access

Elisad on member host hosting is free because Andromeda carries the costs Restricted access, because not everyone can have a password Not an domainname of our own

Elisad website renewed Own domainname: Upload access to server for more than one person: password and remote login Frequent update of journals, minutes, proceedings, but also resources (gateway?)

Elisad Web folder In root directory the basic files: –index, navigatie, main –constitution, brochure, membership –addresses 3 subdirectories: –journals, meetings, resources

Navigation Frame Left frame contains the chapters – Objectives – Constitution – Membership – Resources – Annual Meeting – Journal – Contact us

What is HTML Lay out language Works with tags:

HTML Head ELISAD navigatie

HTML logo E EUROPEAN ASSOCIATION L OF LIBRARIES I AND INFORMATION S SERVICES ON A ALCOHOL AND D OTHER DRUGS

Logo in browser mode

HTML body Objectives Constitution Membership Resources Annual Meeting Journal Contact Us

Body in browser mode

Main frame Right frame contains the “main” texts –introduction –texts that are target = “main” Some texts make a new page –most PDF -files –texts that are target = “blank”

Main in browser mode

Main logo in HTML E L I S A D EUROPEAN ASSOCIATION OF LIBRARIES AND INFORMATION SERVICES ON ALCOHOL AND OTHER DRUGS

Main text in HTML Register now! : 12th Annual Meeting November 9-11 Prague Final Programm The primary purpose of ELISAD is to enable those working in the field of alcohol and other drugs and facing common challenges to exchange ideas and experience and, through networking and interaction with each other, to improve their knowledge, skills and performances.

Hyperlinks Internal –from top to lower on the same page with an anchor target Relative –from one page in a site to another with naming of file External –from one site to another site with urls

Internal link Mark the place where you want the link to go to (bookmark in Word) with a target Type the referral text and make a hyperlink to the marked location In the example you can jump from the words in the head row to the text location lower in the text

Relative link Link to a nextdoor html-file –from the navigation frame the word “constitution” links to the file const.html Link to another kind of file –from the journal page the text “Issue 1 February 2000” links to a file called Elisad1.pdf

Linking in Composer

External link Link to an exernal website – name the URL SALIS Link to a mailaddress Anne Singer

Graphics

Graphics in HTML <IMG SRC="eurosml.gif" ALT="Map of Europe" BORDER=0 HEIGHT=65 WIDTH=50 ALIGN=ABSCENTER

HTML editing HTML-editors: DominHTML, HomeSite, Arachnopholia Word Netscape Composer FrontPage ( is a way to work a whole website from one place)

Webdesign Layout: –Text: fit for screen reading, homo zappens –Graphics: not to load or to big –Hyperlinks: active Programms: –Database: cgi-scripts that are allowed by host –Forms: executable scripts, JavaScripts, ActiveX

Evaluation criteria Robert Harris: – –CARS The Internet guide to construction of quality online resources –

Summary of The CARS Checklist for Research Source Evaluation Credibility trustworthy source, author’s credentials, evidence of quality control, known or respected authority, organizational support. Goal: an authoritative source, a source that supplies some good evidence that allows you to trust it. Accuracy up to date, factual, detailed, exact, comprehensive, audience and purpose reflect intentions of completeness and accuracy. Goal: a source that is correct today (not yesterday), a source that gives the whole truth. Reasonableness fair, balanced, objective, reasoned, no conflict of interest, absence of fallacies or slanted tone. Goal: a source that engages the subject thoughtfully and reasonably, concerned with the truth. Support listed sources, contact information, available corroboration, claims supported, documentation supplied. Goal: a source that provides convincing evidence for the claims made, a source you can triangulate (find at least two other sources that support it).

Requirements for websites content actuality speed structure consistency communication links & internal (back)links

Tips for websites First page = default = index.html Restrict moving graphics (can be irritating) Fill in Alternate text for graphics Install free plugins like statistics, guestbook, search engine for sitesearching Make your tables fit Monitorsize varies TOTI: put the most significant first

Upload After building a website / webpage(s) it has to be publised on line Upload programms usr FTP ((File Transfer Protocol) Uploaden in Geocities on line by the File Manager

HTML Tutorial HTML Into text on CD ROM HTML tutorial on: – –

Elisad Web Team If you like to help out please join us by taking responsibility for part of the updating process of the website: –Adress management on the website –Update of Journal –Proceedings –Next meeting announcements –New consitution & other basics