USER DOCUMENTATION. Web OPAC Screens: Structure and Customization

Size: px
Start display at page:

Download "USER DOCUMENTATION. Web OPAC Screens: Structure and Customization"

Transcription

1 USER DOCUMENTATION Web OPAC Screens: Structure and Customization Ex Libris Ltd., 2002, 2004 Last Update: February 12, 2004

2 Table of Contents 1 INTRODUCTION THE STRUCTURE OF SCREENS INCLUDE FILES MAKING CHANGES Use of the path and base variables Base Name variable Image files ALEPH AND CSS File Extensions Language Support for Right-to-Left Character Sets LIST OF ALEPH TABLES RELEVANT FOR WEB OPAC Ex Libris Ltd., 2002, 2004 Page 2 of 12

3 1 Introduction The ALEPH Web OPAC interface is based on HTML (HyperText Markup Language) files. The styling of the interface is based on Cascading Style Sheets (CSS). The HTML and CSS files are located at: /alephe/www_f_<lng> Tip: Typing wf from the command prompt brings you to this location. All screens have the same basic HTML structure, which includes at least the following: <html> <head> <title> The title of the page </title> </head> <body> The web page itself. </body> </html> Web OPAC screens must be written in accordance with the rules of HTML. They can be designed according to the user s requirements. This document includes: A description of the structure of the Web screens. The include files. Instructions on how to make changes in the screens. Use of the path and base variables. Icons List of relevant tables for the Web Note: In this document, the use of the terms screen and file is as follows: The term screen represents the Web OPAC screen as it appears in the browser, and the term file represents the parts that form the screen. Ex Libris Ltd., 2002, 2004 Page 3 of 12

4 2 The Structure of Screens There are two kinds of screens: Screens based on a single file. Screens based on two or more files. An example of a screen based on a single file is the Log In screen. This file itself includes all the HTML components for the display of the screen. One example of a screen based on more than one file is the Headings Browse List screen. This screen is based on three parts: scan-acc-head scan-acc-body scan-acc-tail All three parts form the screen. The head and body in the file s name do not correspond to the HTML head and body tags - they represent the file s relative position in the screen. Not all complex screens have the same structure of head, body and tail. Sometimes the screens are based on two files only - head and body - or on four files and more. In addition to the files that make up the screen, there are Include files that also make up part of the screen. For a full list of the screens and their corresponding files, see the List of Web OPAC Files in 16.pdf document in the Ex Libris Documentation Center ( Ex Libris Ltd., 2002, 2004 Page 4 of 12

5 3 Include Files Include files are files that contain parts which are repeated in many screens within Web OPAC, such as the option bar that appears at the head of each page. Include files save repeated writing of HTML code and help to keep a uniform look for the interface. The include file is invoked in the HTML page through the <include> tag. This tag is not a standard HTML tag and is recognized only by ALEPH programs. The rules for use of this tag are as follows: The format for the code is: <include>[file name] The <include> tag must be located on the left side of the page. ALEPH programs ignore an <include> tag that is located in any other part of the file. The include files are located together with the other Web files in /alephe/www_f_<lng>. Ex Libris Ltd., 2002, 2004 Page 5 of 12

6 4 Making Changes Web screens can be modified and changed according to the user s needs. Some rules must be kept when making changes in the screens. Failure to keep those rules may cause a defective display of the contents or a disruption to ALEPH programs. Take care to observe the rules of HTML such as opening and closing tags correctly, using inverted commas when there is a need to use them, and so on (we assume that the user has a basic knowledge of HTML). HTML files include parameters of ALEPH for the programs, for example: "$0100", "$1200" and so on. ALEPH programs use these parameters for displaying dynamic data. Do not change or erase these parameters. Changing or erasing these parameters might cause the program to crash. Any change in the parameters must be coordinated with Ex Libris staff. The Web files include input hidden tags such as: <input type="hidden" name="func" value="find-b"> which contain information for ALEPH programs. Those tags must not be changed or erased. 4.1 Use of the path and base variables The Web files use path variables such as: <img src="&icon_path/f-clear0.gif" border=0 alt="clear"> for the files, icons and programs path. These variables are defined in www_server.conf. When making changes in the Web files, bear in mind the potential consequences of changing a variable. In the above example, if the variable ="&icon_path is changed, then the corresponding GIF cannot be invoked. Example of the usage of path variables: <link rel="stylesheet" href="&server_httpd/aleph.css"> <form method=get name=form1 action="&server_f"> 4.2 Base Name variable This variable represents the name of the active base. For example, when linked to the USM01 library the variable will include the name USMARC BIB (USM01) which is taken from the tab_base.<lng> table, column 3. Example of the use of base variables: <title>&f-base - Base-List</title> Ex Libris Ltd., 2002, 2004 Page 6 of 12

7 4.3 Image files ALEPH Web OPAC image files are located at: /alephe/www_f_<lng>/icon (Tip: typing the word icon from the command line brings you to this location). You can change images with others but it is highly recommended to keep the original name. The invoking of an image from the HTML file takes place via the icon_path variable. For example: <img src="&icon_path/f-clear0.gif" border=0 alt="clear"> Some images are called by the ALEPH programs and not directly from the HTML files. These images are defined in the www_server.conf file. For example: setenv www_f_previous "<img src=&icon_path/f-prev-page.gif border=0 alt='previous Page'>" Any uncontrolled changes in these lines will cause problems in the images display. 4.4 ALEPH AND CSS ALEPH uses Cascading Style Sheets (CSS) for adding style definitions to web pages. CSS gives more control over the look and layout of the HTML pages. The use of CSS controls: fonts, font sizes, and font colors line spacing and length margins and indents background colors and more. ALEPH uses a single external style sheet, exlibris.css, located in the alephe/www_f_<lng> directory. This external style sheet is linked to HTML files through the <link> tag: <link rel="stylesheet" href="&server_css/exlibris.css" TYPE"text/css"> The <link> tag is placed in the meta-tags HTML file which is located in the alephe/www_f_<lng> directory. External style sheets must not contain any HTML tags such as <head> or <style>. The style sheet must consist of style rules or statements only. Some of the benefits of using a single CSS are: ensuring a consistent style. being able to update the look of your entire site with a single change. the HTML code becomes much simpler and more manageable. The use of the font definitions in the exlibris.css file controls more than just the displayed text in Web pages. It also controls the display for the retrieved data from the catalog. If the catalog contains special scripts such as CJK, Hebrew, Arabic, and so Ex Libris Ltd., 2002, 2004 Page 7 of 12

8 on, you must ensure that appropriate fonts have been defined. It is important that lists of font names have the fonts listed in the same order, since the browser picks the first one it has available. If the catalog does not have special scripts, you do not need to define fonts for them in the exlibris.css file. Different CSS files can be used for different bases, with no need to duplicate HTML pages, provided the only difference between pages for different bases is style definitions. In this case, there is no need to duplicate the page and add a base extension. It is enough to define a different CSS file. When preparing the page for loading, the string exlibris.css should be changed to exlibris-<base>.css (for example, exlibris-usm01.css). If such a file (or soft link) does exist under $httpd_root/htdocs, it will be used. Otherwise, the default exlibris.css file will be used. Note: Each browser (Internet Explorer, Netscape, and so on) supports CSS in different ways and triggers different display behavior. 4.5 File Extensions Web files can be base-sensitive. This allows the use of different files for different libraries when needed. For example, the pull-down menu of possible search lists (find-code-include) might differ from library to library. For example USM01, and USM10 have different search codes. To use different search lists, you need to add the library code as an extension to the find-code-include file. For example, find-code-include-usm10, find-code-include-usm30, and so on. The base-sensitive functionality works in conjunction with tab_base.<lng> columns 1, 4,5 and 6. The Web programs search for the Web files in the following order: look for the file with the base name extension (Col. 1), if not exist look for the file with Col. 4 extension if not exist look for the file with Col. 5 extension if not exist look for the file with Col. 6 extension if not exist look for the file with no extension. The file extension mechanism also allows the creation of different looks for each base or logical base in a multi-base system. In addition, the extension code mechanism described above is also used for the following tables that govern Full record display: edit_doc.<lng> edit_doc_999.<lng> edit_doc_999_<aut_library>.<lng>. The use of the extension code with these tables lets you customize different full record displays for different bases. Ex Libris Ltd., 2002, 2004 Page 8 of 12

9 4.6 Language Support for Right-to-Left Character Sets ALEPH contains language support for all major written languages as Unicode has been fully implemented throughout the system. This language support includes languages that are written from right-to-left, such as Arabic or Hebrew. In order to display data that is right-aligned and right-oriented in Arabic or Hebrew characters, follow these steps: 1. Set the environment variable direction_support to Y in the./alephe/www_server.conf file. Ex Libris Ltd., 2002, 2004 Page 9 of 12

10 2. Add the $AL<NN> syntax, to the appropriate Web file as shown in the following example taken from full-999-body: <tr> <td class=td1 id=bold width=15% valign=top nowrap> $0100 </td> <td class=td1 $AL02> $0200 </td> </tr> Ex Libris Ltd., 2002, 2004 Page 10 of 12

11 5 List of ALEPH Tables Relevant for Web OPAC www_tab_short.<lng> Defines the short table format display of bibliographic data in the web OPAC. www_f_sort_heading.<lng> The headings for the sort options in WEB OPAC brief list formats. www_f_tab_short_999 Defines the custom brief display formats for web brief list results. edit_doc_999.<lng> Defines the fields to be included in the full record bibliographic display. edit_doc_999_aut_xxx10.<lng> Defines the display of AUT records for cross- reference display. edit_doc.<lng> This table is used to define the display of document information. edit_field.<lng> Defines the display of a tag. edit_paragraph..<lng> Defines the display of a paragraph of data from the bibliographic record. tab_service This table defines the Web OPAC services that are available for a particular field tab100 Defines various system switches that determine the way the system behaves. tab_z121 Definitions for the Web service search engine. tab_base.<lng> Defines the logical and physical databases that can be accessed by the user. www_server.conf Defines parameters for the Web server. * The following tables are optional and can be modified as needed. tab05.<lng> This table defines the caption to be displayed in the Web OPAC before $$n and $$m when displaying linked records. tab06 Defines non-highlighted words in the Full View format in the Web OPAC. tab_sort Defines fields for sorting. Ex Libris Ltd., 2002, 2004 Page 11 of 12

12 tab_z30_sort Defines items (z30 sort types) in various ALEPH functions. tab_sub_lib_sort Definition of Sub-Libraries List sort types in various ALEPH functions. tab_item_list_order The table defines the display order of the items in the Web and in the Search functions in the ALEPH GUIs according to the sublibraries for each base. tab_base_count Definition of the Web databases displayed in a browse list tab22 Defines the fields that are included in the "short-doc" (Z13) records - and also defines the fields in the Basket Brief format. tab_buf_z403 Defines URI links and the way in which they are displayed. tab_ill_unit.lng Defines which ILL Centers will be displayed in the drop-down list when the ILL Center link is clicked. For more details about the above tables, see the table headers and the relevant sections in the Web Guide. Ex Libris Ltd., 2002, 2004 Page 12 of 12

System Librarian s Guide Web OPAC. Version 21

System Librarian s Guide Web OPAC. Version 21 System Librarian s Guide Web OPAC Version 21 CONFIDENTIAL INFORMATION The information herein is the property of Ex Libris Ltd. or its affiliates and any misuse or abuse will result in economic loss. DO

More information

HTML and CSS COURSE SYLLABUS

HTML and CSS COURSE SYLLABUS HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

USER DOCUMENTATION CUSTOM SERVICES

USER DOCUMENTATION CUSTOM SERVICES USER DOCUMENTATION CUSTOM SERVICES Ex Libris Ltd., 2004 Table of Contents INTRODUCTION... 3 CREATING CUSTOM SERVICES... 4 CUSTOM SERVICES AND THE GUI CLIENT... 5 CUSTOM SERVICES AND THE WEB... 9 Ex Libris

More information

Creating Web Pages with SeaMonkey Composer

Creating Web Pages with SeaMonkey Composer 1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it

More information

USER DOCUMENTATION. Serials Check-in

USER DOCUMENTATION. Serials Check-in USER DOCUMENTATION Ex Libris Ltd., 2003 Release 16 Last Update: May 13, 2003 Table of Contents 1 INTRODUCTION... 3 2 RETRIEVING THE SERIAL RECORD... 3 2.1 Search... 3 2.2 Serials bar... 4 2.3 Order bar...

More information

HTMLnotesS15.notebook. January 25, 2015

HTMLnotesS15.notebook. January 25, 2015 The link to another page is done with the

More information

Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield?

Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield? Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP 1. How does it all work? 2. What do I need to get started at Fairfield? 3. What is HTML coding? 4. The 10 HTML Tags that you should know.

More information

Assignments (4) Assessment as per Schedule (2)

Assignments (4) Assessment as per Schedule (2) Specification (6) Readability (4) Assignments (4) Assessment as per Schedule (2) Oral (4) Total (20) Sign of Faculty Assignment No. 02 Date of Performance:. Title: To apply various CSS properties like

More information

Html basics Course Outline

Html basics Course Outline Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and

More information

Mark Scheme. June Pearson Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web

Mark Scheme. June Pearson Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web Mark Scheme June 016 Pearson Level Certificate in Digital Applications Unit 5: Coding for the Web General marking guidance All candidates must receive the same treatment. Examiners must mark the first

More information

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

More information

Lab Introduction to Cascading Style Sheets

Lab Introduction to Cascading Style Sheets Lab Introduction to Cascading Style Sheets For this laboratory you will need a basic text editor and a browser. In the labs, winedt or Notepad++ is recommended along with Firefox/Chrome For this activity,

More information

Using Dreamweaver CC. 6 Styles in Websites. Exercise 1 Linked Styles vs Embedded Styles

Using Dreamweaver CC. 6 Styles in Websites. Exercise 1 Linked Styles vs Embedded Styles Using Dreamweaver CC 6 So far we have used CSS to arrange the elements on our web page. We have also used CSS for some limited formatting. In this section we will take full advantage of using CSS to format

More information

ORACLE TABLES ALEPH

ORACLE TABLES ALEPH 27 August, 2000 ORACLE TABLES ALEPH 500 500.14.2 Oracle tables in ALEPH are created and updated automatically by the system during workflow. The conversion process includes the creation of some of the

More information

MN Studio Website - User Guide

MN Studio Website - User Guide MN Studio Website - User Guide Version 1.1 MN Studio Website Program 1. Introduction Welcome to the new website program! The MN Studio Website program allows you to create your own website with customized

More information

GRAPHIC WEB DESIGNER PROGRAM

GRAPHIC WEB DESIGNER PROGRAM NH128 HTML Level 1 24 Total Hours COURSE TITLE: HTML Level 1 COURSE OVERVIEW: This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used

More information

Quick Access Toolbar: Used for frequent commands and is customizable.

Quick Access Toolbar: Used for frequent commands and is customizable. http:/pfw.edu/its Quick Guide for Word 2016 Basics May 2018 Training: http://pfw.edu/training Quick Access Toolbar: Used for frequent commands and is customizable. Ribbon Group:Contains sets of related

More information

USER DOCUMENTATION. How to Link to an ALEPH Catalog

USER DOCUMENTATION. How to Link to an ALEPH Catalog USER DOCUMENTATION Ex Libris Ltd., 2008 Releases 15-19 Last Table of Contents OVERVIEW...3 QUERY SYNTAX...4 QUERIES...5 Direct Query...5 FIND Query...5 SCAN Query...6 Items...6 Web Page...6 Language...7

More information

DAY 4. Coding External Style Sheets

DAY 4. Coding External Style Sheets DAY 4 Coding External Style Sheets LESSON LEARNING TARGETS I can code and apply an embedded style sheet to a Web page. I can code and apply an external style sheet to multiple Web pages. I can code and

More information

How To Set Up Bases and Filters in OPAC

How To Set Up Bases and Filters in OPAC For Internal Use Only How To Set Up Bases and Filters in OPAC Releases 12.2 14.2 Last update: 3 April, 2001 Table of Contents 1 INTRODUCTION... 3 2 BASES/CATALOGS... 4 2.1 Excluding Suppressed, Deleted

More information

Basic CSS Lecture 17

Basic CSS Lecture 17 Basic CSS Lecture 17 Robb T. Koether Hampden-Sydney College Wed, Feb 21, 2018 Robb T. Koether (Hampden-Sydney College) Basic CSSLecture 17 Wed, Feb 21, 2018 1 / 22 1 CSS 2 Background Styles 3 Text Styles

More information

Creating Accessible Web Sites with EPiServer

Creating Accessible Web Sites with EPiServer Creating Accessible Web Sites with EPiServer Abstract This white paper describes how EPiServer promotes the creation of accessible Web sites. Product version: 4.50 Document version: 1.0 2 Creating Accessible

More information

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually

More information

ICT IGCSE Practical Revision Presentation Web Authoring

ICT IGCSE Practical Revision Presentation Web Authoring 21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:

More information

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1 CREATING A WEBSITE USING CSS Mrs. Procopio CTEC6 MYP1 HTML VS. CSS HTML Hypertext Markup Language CSS Cascading Style Sheet HTML VS. CSS HTML is used to define the structure and content of a webpage. CSS

More information

ADOBE 9A Adobe Dreamweaver CS4 ACE.

ADOBE 9A Adobe Dreamweaver CS4 ACE. ADOBE 9A0-090 Adobe Dreamweaver CS4 ACE http://killexams.com/exam-detail/9a0-090 ,D QUESTION: 74 You use an image throughout your Web site. You want to be able to add this image to various Web pages without

More information

USER DOCUMENTATION List of ALEPH Tables by Library/Directory Version 15

USER DOCUMENTATION List of ALEPH Tables by Library/Directory Version 15 USER DOCUMENTATION List of ALEPH Tables by Library/Directory Ex Libris Ltd., 2002 Lst Update: October 30, 2002 Table of Contents NEW TABLES... 3 DELETED TABLES... 3 TABLE NAME CHANGE... 3 TABLE MOVEMENTS...

More information

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21 Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...

More information

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:

More information

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10 CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties

More information

Aleph 20 Release Notes

Aleph 20 Release Notes Aleph 20 Release Notes CONFIDENTIAL INFORMATION DISCLAIMER The information herein is the property of Ex Libris Ltd. or its affiliates and any misuse or abuse will result in economic loss. DO NOT COPY UNLESS

More information

The Nature of the Web

The Nature of the Web The Nature of the Web Agenda Code The Internet The Web Useful References 2 CODE is King (or Queen) The language of the Web: Hypertext Markup Language - HTML Cascading Style Sheets - CSS Build over successive

More information

Lesson 5 Introduction to Cascading Style Sheets

Lesson 5 Introduction to Cascading Style Sheets Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition 1 Objectives Create a Cascading Style Sheet. Control hyperlink behavior with CSS. Create style classes. Share style classes

More information

COMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal

COMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal COMSC-030 Web Site Development- Part 1 Part-Time Instructor: Joenil Mistal Chapter 9 9 Working with Tables Are you looking for a method to organize data on a page? Need a way to control our page layout?

More information

CSE 154 LECTURE 3: MORE CSS

CSE 154 LECTURE 3: MORE CSS CSE 154 LECTURE 3: MORE CSS Cascading Style Sheets (CSS): ... ... HTML CSS describes the appearance and layout of information

More information

ICT IGCSE Practical Revision Presentation Web Authoring

ICT IGCSE Practical Revision Presentation Web Authoring 21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:

More information

Mark Scheme. Edexcel Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web

Mark Scheme. Edexcel Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web Mark Scheme Edexcel Certificate in Digital Applications Unit 5: Coding for the Web General marking guidance All candidates must receive the same treatment. Examiners must mark the first candidate in exactly

More information

System Librarian s Guide - Indexing. Version 23

System Librarian s Guide - Indexing. Version 23 System Librarian s Guide - Indexing Version 23 CONFIDENTIAL INFORMATION The information herein is the property of Ex Libris Ltd. or its affiliates and any misuse or abuse will result in economic loss.

More information

Introduction to FrontPage 2002

Introduction to FrontPage 2002 Introduction to FrontPage 2002 Academic Computing Support Information Technology Services Tennessee Technological University August 2003 1. Introduction FrontPage 2002 is a program to help you build a

More information

Unit 4 The Web. Computer Concepts Unit Contents. 4 Web Overview. 4 Section A: Web Basics. 4 Evolution

Unit 4 The Web. Computer Concepts Unit Contents. 4 Web Overview. 4 Section A: Web Basics. 4 Evolution Unit 4 The Web Computer Concepts 2016 ENHANCED EDITION 4 Unit Contents Section A: Web Basics Section B: Browsers Section C: HTML Section D: HTTP Section E: Search Engines 2 4 Section A: Web Basics 4 Web

More information

Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example.

Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example. Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example. Sorry about these half rectangle shapes a Smartboard issue today. To

More information

Styles, Style Sheets, the Box Model and Liquid Layout

Styles, Style Sheets, the Box Model and Liquid Layout Styles, Style Sheets, the Box Model and Liquid Layout This session will guide you through examples of how styles and Cascading Style Sheets (CSS) may be used in your Web pages to simplify maintenance of

More information

Introducing Cascading Style Sheets. Cascading Style Sheet Basics Creating Styles Using Styles Manipulating Styles Text Formatting with CSS

Introducing Cascading Style Sheets. Cascading Style Sheet Basics Creating Styles Using Styles Manipulating Styles Text Formatting with CSS Introducing Cascading Style Sheets Cascading Style Sheet Basics Creating Styles Using Styles Manipulating Styles Text Formatting with CSS Cascading Style Sheet Basics CSS has many benefits: The pages look

More information

1.264 Lecture 12. HTML Introduction to FrontPage

1.264 Lecture 12. HTML Introduction to FrontPage 1.264 Lecture 12 HTML Introduction to FrontPage HTML Subset of Structured Generalized Markup Language (SGML), a document description language SGML is ISO standard Current version of HTML is version 4.01

More information

Web Design and Development ACS Chapter 12. Using Tables 11/23/2017 1

Web Design and Development ACS Chapter 12. Using Tables 11/23/2017 1 Web Design and Development ACS-1809 Chapter 12 Using Tables 11/23/2017 1 Using Tables Understand the concept and uses of tables in web pages Create a basic table structure Format tables within web pages

More information

Reporting with COGNOS: Introduction to Query Studio

Reporting with COGNOS: Introduction to Query Studio Harvard University Library Office for Information Systems Contents Reporting with COGNOS: Introduction to Query Studio 1. How to create a basic report in Query Studio... 2 a. Launch Query Studio... 2 b.

More information

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its

More information

WHAT S NEW in ALEPH VERSION 22

WHAT S NEW in ALEPH VERSION 22 WHAT S NEW in ALEPH VERSION 22 March 16, 2015 1 Table of Contents Acquisitions/Serials... 3 Acquisitions Updates:...3 Serials Updates:...5 Cataloging... 7 Circulation... 12 Course Reserves... 16 Interlibrary

More information

CSS: Cascading Style Sheets

CSS: Cascading Style Sheets CSS: Cascading Style Sheets Computer Science and Engineering College of Engineering The Ohio State University Lecture 13 Evolution of CSS MIME type: text/css CSS 1 ('96): early recognition of value CSS

More information

Semantic Web Lecture Part 1. Prof. Do van Thanh

Semantic Web Lecture Part 1. Prof. Do van Thanh Semantic Web Lecture Part 1 Prof. Do van Thanh Overview of the lecture Part 1 Why Semantic Web? Part 2 Semantic Web components: XML - XML Schema Part 3 - Semantic Web components: RDF RDF Schema Part 4

More information

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD) Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD) 323.4 Use graphics and objects on Web Page (7 hrs) 323.4.1 Insert foreground features 323.4.2 Modify image attributes 323.4.3

More information

Bixby Public Schools Course Essential Elements Grade: Desktop Publishing

Bixby Public Schools Course Essential Elements Grade: Desktop Publishing Content Objective) applicable) Desktop Publishing Weeks 1-6 10-12 1. Create and edit a publication. 2. Design a newsletter. 3. Publish a tri-fold brochure 1-1 Start and quit Publisher 1-2 Describe the

More information

Understanding Acrobat Form Tools

Understanding Acrobat Form Tools CHAPTER Understanding Acrobat Form Tools A Adobe Acrobat X PDF Bible PDF Forms Using Adobe Acrobat and LiveCycle Designer Bible Adobe Acrobat X PDF Bible PDF Forms Using Adobe Acrobat and LiveCycle Designer

More information

Implementation Notes

Implementation Notes For Internal Use Only Last update: March 0, 000 Table of Contents 1. Bibliographic (BIB) library data_tab directory 3. Bibliographic (BIB) library pc_tab/catalog directory 5 3. Authority (AUT) library

More information

Page Layout Using Tables

Page Layout Using Tables This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,

More information

Reference Services Division Presents. Microsoft Word 2

Reference Services Division Presents. Microsoft Word 2 Reference Services Division Presents Microsoft Word 2 This handout covers the latest Microsoft Word 2010. This handout includes instructions for the tasks we will be covering in class. Basic Tasks Review

More information

Tutorial 5 Working with Tables and Columns. HTML and CSS 6 TH EDITION

Tutorial 5 Working with Tables and Columns. HTML and CSS 6 TH EDITION Tutorial 5 Working with Tables and Columns HTML and CSS 6 TH EDITION Objectives Explore the structure of a Web table Create headings and cells in a table Create cells that span multiple rows and columns

More information

Section 4 Course Reserves Overview

Section 4 Course Reserves Overview Overview Aleph 500,.0 Last update: November 11, 2004 Table of Contents Start Menu..10 Obtain a List of Materials for a Course..5 Standard Methods Creating a list of Materials in the Web OPAC Course Records.11

More information

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 [AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 Length : 2 Days Audience(s) : New or existing users Level : 3 Technology : Adobe Dreamweaver CS6 program Delivery Method : Instructor-Led (Classroom) Course

More information

How to set up a local root folder and site structure

How to set up a local root folder and site structure Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where

More information

COPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1

COPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1 59313ftoc.qxd:WroxPro 3/22/08 2:31 PM Page xi Introduction xxiii Chapter 1: Creating Structured Documents 1 A Web of Structured Documents 1 Introducing XHTML 2 Core Elements and Attributes 9 The

More information

CSC 121 Computers and Scientific Thinking

CSC 121 Computers and Scientific Thinking CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language

More information

< building websites with dreamweaver mx >

< building websites with dreamweaver mx > < building websites with dreamweaver mx > < plano isd instructional technology department > < copyright = 2002 > < building websites with dreamweaver mx > Dreamweaver MX is a powerful Web authoring tool.

More information

Introduction to Web Tech and Programming

Introduction to Web Tech and Programming Introduction to Web Tech and Programming Cascading Style Sheets Designed to facilitate separation of content and presentation from a document Allows easy modification of style for an entire page or an

More information

<body bgcolor=" " fgcolor=" " link=" " vlink=" " alink=" "> These body attributes have now been deprecated, and should not be used in XHTML.

<body bgcolor=  fgcolor=  link=  vlink=  alink= > These body attributes have now been deprecated, and should not be used in XHTML. CSS Formatting Background When HTML became popular among users who were not scientists, the limited formatting offered by the built-in tags was not enough for users who wanted a more artistic layout. Netscape,

More information

CS WEB TECHNOLOGY

CS WEB TECHNOLOGY CS1019 - WEB TECHNOLOGY UNIT 1 INTRODUCTION 9 Internet Principles Basic Web Concepts Client/Server model retrieving data from Internet HTM and Scripting Languages Standard Generalized Mark up languages

More information

USER DOCUMENTATION. ALEPH Z39.50 Client Conformance to Bath Profile 2.0

USER DOCUMENTATION. ALEPH Z39.50 Client Conformance to Bath Profile 2.0 USER DOCUMENTATION ALEPH Z39.50 Client Conformance to Bath Profile 2.0 Ex Libris Ltd., 2004 Last Update: April 4, 2004 The Bath Profile is an international Z39.50 specification supporting library applications

More information

FileNET Guide for AHC PageMasters

FileNET Guide for AHC PageMasters PageMasters have the permissions necessary to perform the following tasks with Site Tools: ACADEMIC HEALTH CENTER 2 Application Requirements...3 Access FileNET...3 Log in to FileNET...3 Navigate the Site...3

More information

A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension

A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension HTML Website is a collection of web pages on a particular topic, or of a organization, individual, etc. It is stored on a computer on Internet called Web Server, WWW stands for World Wide Web, also called

More information

Adobe Dreamweaver CS5/6: Learning the Tools

Adobe Dreamweaver CS5/6: Learning the Tools Adobe Dreamweaver CS5/6: Learning the Tools Dreamweaver is an HTML (Hypertext Markup Language) editor, authoring tool, and Web site management tool. Dreamweaver is a WYSIWYG (what you see is what you get)

More information

Session 4. Style Sheets (CSS) Reading & References. A reference containing tables of CSS properties

Session 4. Style Sheets (CSS) Reading & References.   A reference containing tables of CSS properties Session 4 Style Sheets (CSS) 1 Reading Reading & References en.wikipedia.org/wiki/css Style Sheet Tutorials www.htmldog.com/guides/cssbeginner/ A reference containing tables of CSS properties web.simmons.edu/~grabiner/comm244/weekthree/css-basic-properties.html

More information

Introduction to WEB PROGRAMMING

Introduction to WEB PROGRAMMING Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks

More information

2004 WebGUI Users Conference

2004 WebGUI Users Conference WebGUI Site Design 2004 WebGUI Users Conference General Rules of Web Design Content is King good content is more important than anything else. keeps people interested. even if your design is bad, content

More information

Table Basics. The structure of an table

Table Basics. The structure of an table TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that

More information

Title and Modify Page Properties

Title and Modify Page Properties Dreamweaver After cropping out all of the pieces from Photoshop we are ready to begin putting the pieces back together in Dreamweaver. If we were to layout all of the pieces on a table we would have graphics

More information

Introduction to Adobe Acrobat X. Ken Dickinson Bay Area Computer Training

Introduction to Adobe Acrobat X. Ken Dickinson Bay Area Computer Training Introduction to Adobe Acrobat X Ken Dickinson Bay Area Computer Training www.bactrain.com Table of Contents What s the best way to create a PDF?... 3 Convert Microsoft Word, PowerPoint, and Excel files

More information

Dreamweaver Basics Outline

Dreamweaver Basics Outline Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working

More information

0WebMaker 3.0 Release Notes

0WebMaker 3.0 Release Notes 0WebMaker 3.0 Release Notes Version 3.0 WebMaker 3.0 provides a number of new features and improvements, including a simplified user interface, HTML 3.2 compatibility, and support for Casccading Style

More information

The figure below shows the Dreamweaver Interface.

The figure below shows the Dreamweaver Interface. Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia

More information

Lab 1: Introducing HTML5 and CSS3

Lab 1: Introducing HTML5 and CSS3 CS220 Human- Computer Interaction Spring 2015 Lab 1: Introducing HTML5 and CSS3 In this lab we will cover some basic HTML5 and CSS, as well as ways to make your web app look and feel like a native app.

More information

Web Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh

Web Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh Web Programming and Design MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh Plan for the next 5 weeks: Introduction to HTML tags Recap on HTML and creating our template file Introduction

More information

Dreamweaver MX The Basics

Dreamweaver MX The Basics Chapter 1 Dreamweaver MX 2004 - The Basics COPYRIGHTED MATERIAL Welcome to Dreamweaver MX 2004! Dreamweaver is a powerful Web page creation program created by Macromedia. It s included in the Macromedia

More information

CSS: The Basics CISC 282 September 20, 2014

CSS: The Basics CISC 282 September 20, 2014 CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML

More information

A Balanced Introduction to Computer Science, 3/E

A Balanced Introduction to Computer Science, 3/E A Balanced Introduction to Computer Science, 3/E David Reed, Creighton University 2011 Pearson Prentice Hall ISBN 978-0-13-216675-1 Chapter 2 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is

More information

FileNET Guide for AHC PageMasters

FileNET Guide for AHC PageMasters ACADEMIC HEALTH CENTER 2 PageMasters have the permissions necessary to perform the following tasks with Site Tools: Application Requirements...3 Access FileNET...3 Login to FileNET...3 Navigate the Site...3

More information

Scientific Communication CITS4008. Designing and Writing Web Pages Rachel Cardell-Oliver 2013 Based on notes by Robyn Owens

Scientific Communication CITS4008. Designing and Writing Web Pages Rachel Cardell-Oliver 2013 Based on notes by Robyn Owens Scientific Communication CITS4008 Designing and Writing Web Pages Rachel Cardell-Oliver 2013 Based on notes by Robyn Owens Proposed in 1989 by Tim Lee at CERN Mosaic released in 1993 Working group to define

More information

Designing for Web Using Markup Language and Style Sheets

Designing for Web Using Markup Language and Style Sheets Module Presenter s Manual Designing for Web Using Markup Language and Style Sheets Effective from: July 2014 Ver. 1.0 Amendment Record Version No. Effective Date Change Replaced Pages 1.0 July 2014 New

More information

USER DOCUMENTATION. ALEPH Configuration Guide Version 16.02

USER DOCUMENTATION. ALEPH Configuration Guide Version 16.02 USER DOCUMENTATION ALEPH Configuration Guide Version 16.02 Ex Libris Ltd., 2004 Release 16.2 Last Update: March 21, 2004 Table of Contents General... 13 5426_to_unicode2... 13 853_chrono... 14 853_numbering...

More information

STATE COUNCIL OF EDUCATIONAL RESEARCH AND TRAINING TNCF DRAFT SYLLABUS. Operating Systems.

STATE COUNCIL OF EDUCATIONAL RESEARCH AND TRAINING TNCF DRAFT SYLLABUS.  Operating Systems. STATE COUNCIL OF EDUCATIONAL RESEARCH AND TRAINING TNCF 2017 - DRAFT SYLLABUS Subject :Computer Technology (Vocational and Science) Class : XI UNIT I TOPIC FUNDAMENTALS OF COMPUTERS CONTENT Introduction

More information

INTRODUCTION TO HTML5! CSS Styles!

INTRODUCTION TO HTML5! CSS Styles! INTRODUCTION TO HTML5! CSS Styles! Understanding Style Sheets HTML5 enables you to define many different types of content on a web page, including headings, paragraphs, lists, images, input fields, canvases,

More information

Table of Contents Chapter 9. Working with Cascading Style Sheets ... 1

Table of Contents Chapter 9. Working with Cascading Style Sheets ... 1 Table of Contents Chapter 9.... 1 Introduction... 1 Introducing Cascading Style Sheets... 2 Create CSS Styles... 2 Attribute Styles... 2 Style Types... 3 Creating a Web Page with a CSS Layout... 4 Create

More information

Dreamweaver CS3 Concepts and Techniques

Dreamweaver CS3 Concepts and Techniques Dreamweaver CS3 Concepts and Techniques Chapter 3 Tables and Page Layout Part 1 Other pages will be inserted in the website Hierarchical structure shown in page DW206 Chapter 3: Tables and Page Layout

More information

Oracle WebCenter Content

Oracle WebCenter Content Oracle WebCenter Content Template Editor Guide for Dynamic Converter 11g Release 1 (11.1.1) E10635-02 November 2011 Oracle WebCenter Content Template Editor Guide for Dynamic Converter, 11g Release 1 (11.1.1)

More information

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5 Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Set and modify document

More information

Adobe Dreamweaver CS4

Adobe Dreamweaver CS4 Adobe Dreamweaver CS4 About Dreamweaver Whether creating simple blog pages complex web sites, Dreamweaver provides users with a powerful set of web-design tools necessary f the task. Its userfriendly interface

More information

Pop up of Loan Notes when an Item is Returned Loan Notes will now pop up if the Display Loan Notes checkbox is clicked in Return Options.

Pop up of Loan Notes when an Item is Returned Loan Notes will now pop up if the Display Loan Notes checkbox is clicked in Return Options. ALEPH VERSION 23 New Features and Functionality CIRCULATION New Buttons Go to Patron Button in the Items tab The List of Items page in the Circulation module has been enhanced to include a Go to Patron

More information

Website Development with HTML5, CSS and Bootstrap

Website Development with HTML5, CSS and Bootstrap Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on

More information

HTML Images - The <img> Tag and the Src Attribute

HTML Images - The <img> Tag and the Src Attribute WEB DESIGN HTML Images - The Tag and the Src Attribute In HTML, images are defined with the tag. The tag is empty, which means that it contains attributes only, and has no closing tag.

More information

Formatting documents in Microsoft Word Using a Windows Operating System

Formatting documents in Microsoft Word Using a Windows Operating System Formatting documents in Microsoft Word Using a Windows Operating System 2017-07-20 Research & Scholarship, McLaughlin Library University of Guelph 50 Stone Road East Guelph, Ontario N1G 2W1 2 Contents

More information