Conference-CD phdcc: PHD Computer Consultants Ltd CD Format Layout of CDs produced by Conference-CD What folders are on the CD How to use templates to.

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

Introduction to HTML
Create an Interactive CD-Rom with Flash MX By Brian Dino Computer Magnet Program North High School Denver, CO TIE Conference2004 Contact:
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Drupal Basics Part 1 An Overview Login Information Edit the Homepage Using the theme Agricultural Communications Services Integrated Media Training Sessions.
Tutorial 1: Developing a Basic Web site
Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
Multimedia Authoring1 Understanding Web Templates Web Templates There are many collections of templates for web pages and web sites available for use free.
WeB application development
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
XHTML Basics.
MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard
Tutorial … Creating a Website 1.Create Website folder and image folder 2. Put all images in your image folder 3.Open Notepad (Windows) or Open TextEdit.
HTML tags Skills: adding HTML tags, text editor IT concepts: plain text, computer components – storage versus memory, separation of content and format.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
Microsoft ® Word Templates and Accessibility. 1 What is a Word template? File with a.dot (document template) extension Can define the following:  Paragraph.
Getting Started with Expression Web 3
CS117 Introduction to Computer Science II Lecture 2 Creating an HTML Document Instructor: Li Ma Office: NBC 126 Phone: (713)
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Internet Fundamentals Total Advantage MS Excel 97, Hutchinson, Coulthard, 1998 McGraw Introduction to HTML Chapter 7.
11 HTML5 sharing St Bonaventure College & High School 31 May 2012.
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.
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
HTML Hyper Text Markup Language A simple introduction.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-
HTML Concepts and Techniques Fourth Edition Project 12 Creating and Using XML Documents.
INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
1 Introduction  Extensible Markup Language (XML) –Uses tags to describe the structure of a document –Simplifies the process of sharing information –Extensible.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Creating a Web Site Review of Concepts. Templates Templates are special HTML files that are used to quickly create pages on a web site. They contain the.
Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.
Using Frames in a Web Site Project 6. Project Objectives Project 6: Using Frames in a Web Site 2 Define terms related to frames Describe the steps used.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
Word 2003 The Word Screen. Word 2003 Screen File Menu –Holds the options for creating a new document, opening a document, saving a document, printing.
BASIC WORD PROCESSORS WEEK 5. BASIC WORD PROCESSORS Word Processor Word processor is a program which is used to edit text files and format them with font,
This shows CIS17 and the first day introduction..
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
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.
Week 1: Introduction to HTML and Web Design
Getting Started – Basic Page Structure
Create and edit web pages 4
ET-710 Web Technology: Building and Maintaining Web Sites
Uppingham Community College
Tutorial: How to Creat a Website.
Using CSS.
ITI 133 HTML5 Desktop and Mobile Level I
Custom Wiki Pages SharePoint 2010 September 18, 2018.
A guide to HTML.
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
Saving a .html file in NotePad
Using Frames in a Web Site
Introduction to Web Page Design
HTML HYPERTEXT MARKUP LANGUAGE.
Intro to Web Development Links
Presentation transcript:

Conference-CD phdcc: PHD Computer Consultants Ltd CD Format Layout of CDs produced by Conference-CD What folders are on the CD How to use templates to set CD page style Full details:

Conference-CD phdcc: PHD Computer Consultants Ltd Startup screen - contents The CD is primarily viewed using a web browser: All pages have the same look and feel – defined by a template Changes on each slide: Title Optional introduction Slide Body Crumb trail

Conference-CD phdcc: PHD Computer Consultants Ltd Example with same template but different page body Changes: Presentation converted to web page form:

Conference-CD phdcc: PHD Computer Consultants Ltd Standard template user interface – contents page Header line:TitleHomeIndexSearchHelp Footer:TopIndexSearchCrumb trail Body: File link Folder

Conference-CD phdcc: PHD Computer Consultants Ltd Optional screen elements Template is defined using standard HTML – - so ALL screen elements can be changed to what you want. But the page body cannot be changed in some cases, eg slide view Some parts of the template are only used if selected in Conference-CD-Wizard: Alphabetic index Full text search

Conference-CD phdcc: PHD Computer Consultants Ltd What files and folders are on the CD? All your files and folders are copied to CD Presentations converted to web form have a new folder Conference-CD-Wizard generates: 1.A confcd.htm contents page in each of your folders 2.A confcd folder with the Conference-CD runtime, index, search, contact, help 3.An AutoRun file is also made in the CD root CD Root Day1 Runtime confcd Contents confcd.htm Talk1.ppt Day1 AUTORUN.INF confcd.htm Talk2.ppt Talk2 Talk1 confcd Template files Runtime Index index.htm Search search.htm Contact contact.htm Help info.htm Various files Website index.htm confcd.htm

Conference-CD phdcc: PHD Computer Consultants Ltd Optional introduction in the contents page for each folder Put a file confcd.txt in each source folder File can include HTML No file: no introduction File must be in UTF-8 format: use Notepad: Save As + Encoding UTF-8 Alter template to change this behaviour Optional introduction

Conference-CD phdcc: PHD Computer Consultants Ltd Templates used Main template basic.htt Search template searchen.htt Help template info.htt Contact template contact.htt Contents pages confcd.htm Alphabetic index confcd\index.htm Help confcd\info.htm as body Contact confcd\contact.htm as body

Conference-CD phdcc: PHD Computer Consultants Ltd Internationalisation Internationalisation makes CD work in any language. All template files must use Unicode UTF-8 character set. UTF-8 can represent all possible characters. UTF-8 works in virtually all browsers. The main template file must have a UTF-8 header: All characters in the template files must be in UTF-8: Use Windows 2000/XP Notepad.

Conference-CD phdcc: PHD Computer Consultants Ltd Templates To be continued… See