Parent Ed Faculty Web Workshop Working with North’s Provided Web Space.

Slides:



Advertisements
Similar presentations
How To Make Your Own Web Page: Basic Web Design
Advertisements

CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 2: Developing a Web Site.
4.01 How Web Pages Work.
XP 1 Developing a Basic Web Site Tutorial 2: Web Site Structures & Links.
Developing a Web Site: Links Using a link is a quicker way to access information at the bottom of a Web page than scrolling down A user can select a link.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
About Links in Dreamweaver. Creating Links A link has 2 parts: –The URL (Uniform Resource Locator)= the name and path of the file you want to link –The.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
Links and Comments.
. Website and file organization. How websites work.
CS 121 Concepts of Computing II Introduction to Web Page/Site Development.
Web Structure Create Links Using HTML. 2 Objectives List different types of Web site structures and how to employ them Create element ids to mark specific.
Student iDrive Access ESU Website Server Storage Space.
Introduction to: Web Site Development. Terminology HTML Hypertext Markup Language HTML File A web page built from HTML Index File The home or main page.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Introduction to Web Lingo
Web Publishing TutorialIS for Management1 Tutorial: Web Publishing.
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.
XP 1 Developing a Basic Web Site Creating a Chemistry Web Site Tutorial 2.
How the World Wide Web Works
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Centre d’échange d’informations sur la Convention sur la Diversité Biologique Welcome to the manual on adding hyperlinks in a PTK website Convention on.
XP Tutorial 2New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Developing a Basic Web Site Creating a Chemistry Web Site Tutorial 2.
Tutorial 2 Developing a Web Site
CNIT 132 – Week 3 HTML (2). Working with Links Using a link is a quicker way to access information at the bottom of a Web page than scrolling down. A.
1 HTML (Set Up Public Folder) Some material on these slides is taken directly from
Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.
Another Method to Open WebSpace as a Web Folder Alternative Method for Creating Web Folder in WebSpace, Slide 1Copyright © 2004, Jim Schwab, University.
Defining a Website. Review…. Page Title −The text that will be displayed in the title bar of the browser window on a web page File Name −What you “call”
WRA 210: 2/07/2013 MOD 8: FILE NAMING CONVENTIONS.
Log on to Digital Locker Website You should be able to log on using Internet Explorer browser at the campus. You may need to log in using Mozilla FireFox.
Web Design Fundamentals Demystifying Basic HTML. 2 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
The Internet By Amal Wali 10DD. Contents  What is the Internet? What is the Internet?  Who owns the Internet? Who owns the Internet?  How do you connect.
Developing a Web Site. Web Site Navigational Structures A storyboard is a diagram of a Web site’s structure, showing all the pages in the site and indicating.
Open Internet Explorer Go to: my.ccsd.net Type YOUR InterAct username and password. Then Submit Query.
HTML, CSS, and XML Tutorial 2 Developing a Web Site.
Tutorial 4: Working with Hyperlinks. Objectives Session 4.1 – Place bookmarks on a Web page – Create a link to a bookmark – Create a link to another Web.
Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
CM143Web Week 8 Review of Assignment 1 Revision & Elaboration.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
 The World Wide Web is a collection of electronic documents linked together like a spider web.  These documents are stored on computers called servers.
Introduction to World Wide Web Authoring © Directorate of Information Systems and Services University of Aberdeen, 1999 IT Training Workshop.
Faculty Webpage Design Minimum Requirements. Go to: then High Schoolhttp://gcsc.groupfusion.net/
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
XP 1 Developing a Basic Web Site Creating a Chemistry Web Site Tutorial 2.
Tutorial 2 Developing a Web Site. XP Objectives Learn how to storyboard various Web site structures Create links among documents in a Web site Understand.
Dreamweaver: Introduction and Basics. Introduction 4 Dreamweaver is a WYSIWYG HTML editor 4 WYSIWYG = What You See Is What You Get. 4 BUT..
XP 1 HTML Tutorial 2: Developing a Basic Web Site.
XP INFT 140 – Chapter 2 1 Developing a Basic Web Site Creating a Chemistry Web Site.
Amy Jo Harrell 2006 Making your own web site Yes, I mean you!
Developing a Basic Web Site HTML Tutorial 2. Objectives Define links and how to use them. Create element ids to mark specific locations within a document.
REEM ALMOTIRI Information Technology Department Majmaah University.
XP 1 Charles Edeki AIU Live Chat for Unit 2 ITC0381.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 2 Creating Links.
Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.
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.
4.01 How Web Pages Work.
Developing a Basic Web Site
Pre-Coding Web Design – Sec 3-1
بسم الله الرحمن الرحيم.
CNIT 131 HTML5 – Anchor/Link.
Dreamweaver.
Website File Management
Presentation transcript:

Parent Ed Faculty Web Workshop Working with North’s Provided Web Space

Agenda Locating WWW Folder Mapping Your Site “To Index or Not to Index – That is the Question!” Examples of Three Different Approaches in order of complexity No Index – Simple File List – “no frills” Index in Subfolder – One Link Pointing to Simple File List Index as Splash Page Multiple Links Opening to Deeper Levels of the Site

Locating WWW Folder Can be found locally after you log into an on-campus computer WWW folder is located in your NetID profile on your “I:drive” Appears in list of available drives in Windows Explorer/MyComputer yourusername (//ADMIN) (I:) scroll down to www Can be found globally from any internet-connected computer Type into browser address line:

Mapping Your Site List All Content (leave nothing out!) Start with list or outline of all content to be included Thinking ahead to all possible additions is a good thing Easier to shrink a site than to expand it! Determine Site “Size and Scope” based on content needs How many pages? What kind of pages? How are the pages related?

“To Index or Not to Index: That is the Question” What is an index file? The index file is an html document that serves as the site home page By default, the browser automatically seeks the index file to display first when someone types in a URL or “uniform resource locator” Index must be inside the web folder to work If index is absent, the browser will display a list of the other files in the folder

Not to Index = the Easiest Possible Way Since the browser will display whatever is in the folder in the absence of an index file, we can use www folder as is, with no modifications Drag-and-drop = Voila! Instant web-publishing Everyone’s address is the same with the exception of the username

GOOD EXAMPLE OF USING FACWEB WITH NO INDEX PAGE

To Index = More Unique Presence Can place an “index.htm” or “index.html” file in the www folder at any time Index “blocks” automatic view of contents of WWW folder – Why? Must add visual content and provide links manually Almost the same URL as for no index page: Uses the addition of the coursename, NTR150, FAM180, etc.

EXAMPLE OF AN INDEX PAGE WITH LINK TO WESITE IN SUBFOLDER

EXAMPLE WESITE IN WWW WITH SUBFOLDER NOTE: www folder address = www with subfolder address = NOTE: addition of “%20” into foldername Caused by leaving spaces in the name

Index with “Splash” = The Unique-est Can place an “index.htm” or “index.html” page in the www folder Blocks automatic view of contents of WWW folder Must add visual content and provide links manually Same URL as for no index page:

EXAMPLE OF AN INDEX PAGE (aka “Splash” PAGE or 1 st LEVEL) WITH 3 LINKS

EXAMPLE OF AN INTERNAL PAGE (2 nd LEVEL) WITH MANY LINKS TO DEEPER LEVELS OF THE SITE

EXAMPLE OF DEEPER (3 rd ) LEVEL OF THE SITE CONTAINING CONTENT FOR THE UNIT

BETSY’S INDEX PAGE