Web Basics Workshop

Total Page:16

File Type:pdf, Size:1020Kb

Web Basics Workshop Web Basics Joshua Stern, Ph.D. Web Basics Workshop The World Wide Web is the gateway to the vast wealth of information available on the Internet. Accessing the Web is relatively simple, however, locating and evaluating the information found there presents us with a new set of challenges. In order to use the Web effectively, you need to understand a few key technical concepts such as Web browsers, hyperlinks, and URLs. Additionally, you must become a critical consumer of Web content since all Webpages are not created equally. Overview The World Wide Web is a collection of electronic documents that are linked together like a spider Web. The source of these documents, or Webpages, are companies, organizations, and individuals from around the globe. These Webpages are stored, or hosted on computers called servers. The Web is made up of the following elements: • Your personal computer (PC) • Web browser software to access the Web (i.e. MS Explorer) • A connection to the Internet via an Internet Service Provider (ISP) • Servers to host the data Webpages are stored on Web servers located around the globe. Entering the address, or Uniform Resource Locator (URL), of a Webpage into your Web browser sends a request to the server that hosts the page. The server then sends the Webpage to your computer and your Web browser displays it on your screen. Webpages and Websites A Webpage is an electronic document written in a computer language called HTML (Hypertext Markup Language). Webpages may contain text, graphics, video, animation, and sound, as well as interactive features, such as data entry forms. Each Webpage has a unique address known as a URL (Uniform Resource Locator), which identifies its location on a particular server. Webpages usually contain hyperlinks to other Webpages. Hyperlinks are text and images that reference the URLs of other Webpages. A Website is one or more Webpages that relate to a common theme. This set of pages goes together and the user is able to navigate from one page to the others via hyperlinks. Individual Webpages are linked together through a system of hyperlinks, enabling you to jump from one page to another by clicking on the links. Websites are nonlinear. In other words, you can navigate through the content pages in any order you wish. 1 Web Basics Joshua Stern, Ph.D. The first page of any Website is called the homepage. Think of a homepage as the starting point of a Website. Like the table of contents of a book or magazine, the homepage usually provides an overview of what you'll find at the Website. It acts as an index, often indicating the content of the entire Website. A Website can have one page or many. If there isn't a lot of information to convey, the homepage may be the only page of the Website. However, usually you will find at least a few other pages associated with the homepage. Webpages vary dramatically in terms of both design and content, but many use a traditional magazine-style format. At the top of the page is a masthead or banner graphic. Below the banner you usually find a list of content items, often with brief descriptions. These items usually link to other pages on the site, or to other, external sites. Sometimes these links are highlighted words in the body of the text, or are arranged in a list, like an index. They can also be a combination of both. A Webpage may also have images that link to other content. Hyperlinks How can you tell which text are links? Text links usually appear in a different color from the rest of the text, often in blue and underlined. When you move your cursor over a text link or over a graphic link, it will change from an arrow to a hand. The URL will also appear in the status bar at the lower left of your Web browser. Additionally, the words in hypertext often indicate what the content of linked page will be. From any page of a Website, you can click hyperlinks to access other pages. There are three main ways to move between Webpages: • Clicking on a text hyperlink. • Clicking on a hyperlinked graphic image, such as a button, photograph, or drawing. • Typing (or pasting) the URL of a Webpage into the location box, or address field, of your Web browser and then clicking the “Go” button or hitting the ‘Enter’ key. When you return to a page with a link you've already visited, the hypertext words will often be in a different color, so you know you've already been there. If you click the link again, don't be surprised if the page it looks different and the information has changed. The Web is a dynamic medium and some Webpages are updated often. In fact, it is a good idea to get in the habit of refreshing your browser regularly so you are viewing the most recent version of a Webpage. This is especially important when viewing your email via the Web. A graphic hyperlink is like a hidden button that will take you to a new URL. Some hyperlinked graphics have multiple links hidden within them. These types of graphic links are called image maps. By clicking different parts of the image map, your browser is directed to different Webpages or different places on the same page. In addition to pointing to Webpages, hyperlinks can also direct your browser to open media files, such as sound or video clips. 2 Web Basics Joshua Stern, Ph.D. Web Browsers A Web browser is a software program used to access the World Wide Web. A browser (also known as client software) retrieves data from remote Web servers and displays it as a Webpage. The most popular browsers today are: Microsoft Explorer, Netscape Navigator, and Mozilla Firefox. All browsers basically work the same way. Once you know one, you can easily learn the others. The Toolbar The most commonly used buttons on your browser’s toolbar include: • Back -- Returns you to the previous page. • Forward -- Returns you to a page you have backed up from. • Home -- Takes you to a homepage specified in the browser preferences. • Reload or Refresh -- Downloads the Webpage from the server again. • Stop -- Stops the browser from loading the current page. • Print -- Lets you make a hard copy of the current document or frame loaded in your browser. Other tools you should know: • Access indicator icon (upper right) -- When animated, it tells you the browser is retrieving data. • Status bar (lower left) -- Reports on the progress of the data download. • Go menu -- Lets you select a Webpage you have previously accessed. Anatomy of a URL A URL indicates where the Webpage is stored on the Internet. You need to type a URL exactly for your browser to locate the desired Webpage. URLs usually do not contain spaces between characters. If a space is desired, it is usually indicted with an underscore (_). The location box or address field on your browser indicates the URL of the page you are currently at. Before you click on a new link, the URL appears in the status bar at the lower left of your Web browser. Once you click it, the address field on your browser changes to indicate the URL of the new page you have arrived at. Here is how to interpret the various parts of a URL. For example: http://www.wlac.edu/online/index.htm http:// -- Short for Hypertext Transfer Protocol, this indicates a hypertext document or directory. This does not need to be typed into the address field. www. -- This indicates a page on the World Wide Web. Sometimes "www" is missing. A site with www. may or may not lead to the same site without it. wlac.edu/ -- Called the domain name, it often tells you the name of a company, university, or organization. It can also tell you the country of origin. 3 Web Basics Joshua Stern, Ph.D. online/ -- This is a directory or folder on the Web server that contains a group of related Webpages within the Website. index.htm -- This is a Webpage inside the folder “online/.” Index.htm or start.htm usually indicates the homepage of a site. The suffix may appear as ”.htm” or “.html.” Since it is the last part of the string, you know that this is the page you are currently on. Saving an Image from the Web 1. Move your cursor over the graphic. 2. Click the right mouse button. A pop-up box appears. 3. Save the image to your hard drive by selecting a ‘Save’ option. 4. You can accept the current file name or rename the file. (Graphic files on the Web are usually in .gif or .jpg format.) Printing a Webpage Most browsers have a ‘Print’ button on the toolbar that lets you print a Webpage. Some Webpages are divided into multiple sections called frames. You can only print one frame at a time. To print a particular frame, first select it by clicking within it. Then click the ‘Print’ button or select ‘Print Frame’ from the File menu. Bookmarking a Website (Favorites) Use the “Favorites” menu to bookmark, or save, your favorite Websites in folders. You can find and open them again quickly! 1. Find a Webpage you want to save. 2. While viewing it, open the "Bookmarks" menu if using Netscape Navigator, or the "Favorites" menu if using Internet Explorer. 3. Click on "Add Bookmarks" in Netscape Navigator or "Add to Favorites" in Internet Explorer. Creating Folders for Bookmarked Websites Internet Explorer: 1.
Recommended publications
  • Netscape Guide by Yahoo!
    Netscape Guide By Yahoo! Now Available New Customizable Internet Information and Navigation Service Launched by Netscape and Yahoo! SANTA CLARA, CA and MOUNTAIN VIEW, CA -- April 29, 1997 -- Yahoo! Inc. (NASDAQ: YHOO) and Netscape Communications Corporation (NASDAQ: NSCP) today launched Netscape Guide by Yahoo!, a new personalized Internet navigation service designed to provide Internet users with a central source of sites, news and events on the Web. The Guide features customizable sections for several popular information categories, including Business, Finance, Entertainment, Sports, Computers & Internet, Shopping and Travel. Yahoo! plans to expand the service with additional categories in the future, including local information. Netscape Guide by Yahoo! replaces the Destinations section of the Netscape Internet Site and is immediately accessible through Netscape's Internet site (http://home.netscape.com), from the "Guide" button on the Netscape Communicator toolbar and from the "Destinations" button on Netscape Navigator 3.0. Users accessing Destinations will be automatically directed to Netscape Guide by Yahoo!. "Netscape Guide by Yahoo! gives Internet users quick and easy access to the most popular information areas on the Web, all from one central location," said Jeff Mallett, Yahoo!'s senior vice president of business operations. "It also provides Web content providers and advertisers a unique opportunity to reach targeted and growing audiences." "Accessible to the more than four million daily visitors to the Netscape Internet site and the over 50 million users of Netscape client software, Netscape Guide by Yahoo! will direct users to the online sites, news and information they need," said Jennifer Bailey, vice president of electronic marketing at Netscape.
    [Show full text]
  • Build Lightning Fast Web Apps with HTML5 and SAS® Allan Bowe, SAS Consultant
    1091-2017 Build Lightning Fast Web Apps with HTML5 and SAS® Allan Bowe, SAS consultant ABSTRACT What do we want? Web applications! When do we want them? Well.. Why not today? This author argues that the key to delivering web apps ‘lightning fast’ can be boiled down to a few simple factors, such as: • Standing on the shoulders (not the toes) of giants. Specifically, learning and leveraging the power of free / open source toolsets such as Google’s Angular, Facebook’s React.js and Twitter Bootstrap • Creating ‘copy paste’ templates for web apps that can be quickly re-used and tweaked for new purposes • Using the right tools for the job (and being familiar with them) By choosing SAS as the back end, your apps will benefit from: • Full blown analytics platform • Access to all kinds of company data • Full SAS metadata security (every server request is metadata validated) By following the approach taken in this paper, you may well find yourself in possession of an electrifying capability to deliver great content and professional-looking web apps faster than one can say “Usain Bolt”. AUDIENCE This paper is aimed at a rare breed of SAS developer – one with both front end (HTML / Javascript) and platform administration (EBI) experience. If you can describe the object of object arrays, the object spawner and the Document Object Model – then this paper is (objectionably?) for you! INTRODUCTION You are about to receive a comprehensive overview of building Enterprise Grade web applications with SAS. Such a framework will enable you to build hitherto unimaginable things.
    [Show full text]
  • Lesson Plan – Internet Navigation and Search
    TEACHER’S Name: Nancy Ferguson REEP LEVEL(S): 200 & 250 LIFESKILLS UNIT: Work LESSON OBJECTIVE(S): Using the internet, research basic information on companies/organizations of employment interest. Language Objectives: 200: Identify job sources; ask and answer questions about jobs 250: Ask and answer questions about jobs; categorize jobs; conduct a modified search Technology Objectives #10-13 of REEP Technology Curriculum Identify the parts of a web page and website addresses; Access the internet by using a browser icon; Given a web address (URL), access the appropriate web site using a web browser; Navigate and find information on a particular web site by scrolling, clicking on links, and using the browser navigation and drop down menus. TECHNOLOGY INTEGRATION (if any): computer lab; internet; overhead projector LANGUAGE SKILLS TARGETED IN THIS LESSON (X all that apply): _X_Speaking _X_ Listening _X_ Reading _X_Writing ESTIMATED TIME: Approximately 3-4 hours over a few days including 2 lab sessions. RESOURCES AND MATERIALS NEEDED: “The Internet – Info Grid (200-250)” “Internet Navigation: Guided Note-Taking (200-250)” (Versions A and B); “Basic Internet Navigation – Partner Activity (200-250)” “Internet Search – Company Information (200-250)” (1 overhead copy + student copies); “Company Information – Info Grid (200-250)” Computers connected to internet Overhead projector Other Materials: Strips of paper or index cards; markers; tape LESSON PLAN AND TEACHER’S NOTES Pre-requisite: Basic Computer Vocabulary and Skills in REEP Technology Curriculum. Part 1 – Basic Internet Navigation In classroom… Motivation/Background Building 1 Help students focus on what they know about the Internet, and how (and how often) the Internet factors into their lives.
    [Show full text]
  • Lady Gaga Fails to Obtain Transfer of 'Fan Site' Domain Name International
    Lady Gaga fails to obtain transfer of ‘fan site’ domain name Cybersquatting International - Hogan Lovells November 09 2011 In Germanotta v oranges arecool XD (Claim No FA1108001403808), singer Stefani Germanotta, known as Lady Gaga, has lost her bid to gain control of the domain name ‘ladygaga.org’ on the basis that it was pointing towards a non-commercial fan website. The case was brought under the Uniform Domain Name Dispute Resolution Policy (UDRP) and filed with the National Arbitration Forum (NAF), based in Minneapolis, United States. The respondent was listed as oranges arecool XD. To be successful in a UDRP procedure, a complainant must evidence that: l the domain name is identical, or confusingly similar, to a trademark or service mark in which it has rights; l the respondent has no rights or legitimate interests in respect of the domain name; and l the domain name has been registered and is being used in bad faith. Gaga had no problem in proving the first requirement, as she had registered three federal LADY GAGA trademarks with the US Patent and Trademark Office in various classes. However, the three-member panel found that Gaga had not established that the respondent had no rights or legitimate interests under the second requirement. Given that the three requirements are cumulative, the complaint failed, and it was not necessary for the panel to consider the last requirement in relation to bad faith. The respondent asserted that she was operating a genuine non-commercial fan website at the domain name ‘ladygaga.org’, which contained no commercial links and included a prominent disclaimer, as follows: "Ladygaga.Org is just a unprofitable unofficial fansite, we do not get money from it.
    [Show full text]
  • Webguide for Schools: User’S Guide to Microsites
    WebGuide for Schools: User’s Guide to Microsites Table of Contents 1 What is a Microsite? ............................................................................................ 3 2 Tour of Your Microsite ........................................................................................ 3 2.1 The Homepage ................................................................................................................................................ 3 2.2 The Menu ......................................................................................................................................................... 4 3 Getting Started ..................................................................................................... 5 3.1 Creating a Microsite........................................................................................................................................ 5 3.2 Logging In ........................................................................................................................................................ 5 3.3 How Will People Find My Microsite? ........................................................................................................... 5 4 “About” Section .................................................................................................... 6 5 Pages ...................................................................................................................... 7 5.1 Adding a Page.................................................................................................................................................
    [Show full text]
  • Netscape 6.2.3 Software for Solaris Operating Environment
    What’s New in Netscape 6.2 Netscape 6.2 builds on the successful release of Netscape 6.1 and allows you to do more online with power, efficiency and safety. New is this release are: Support for the latest operating systems ¨ BETTER INTEGRATION WITH WINDOWS XP q Netscape 6.2 is now only one click away within the Windows XP Start menu if you choose Netscape as your default browser and mail applications. Also, you can view the number of incoming email messages you have from your Windows XP login screen. ¨ FULL SUPPORT FOR MACINTOSH OS X Other enhancements Netscape 6.2 offers a more seamless experience between Netscape Mail and other applications on the Windows platform. For example, you can now easily send documents from within Microsoft Word, Excel or Power Point without leaving that application. Simply choose File, “Send To” to invoke the Netscape Mail client to send the document. What follows is a more comprehensive list of the enhancements delivered in Netscape 6.1 CONFIDENTIAL UNTIL AUGUST 8, 2001 Netscape 6.1 Highlights PR Contact: Catherine Corre – (650) 937-4046 CONFIDENTIAL UNTIL AUGUST 8, 2001 Netscape Communications Corporation ("Netscape") and its licensors retain all ownership rights to this document (the "Document"). Use of the Document is governed by applicable copyright law. Netscape may revise this Document from time to time without notice. THIS DOCUMENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND. IN NO EVENT SHALL NETSCAPE BE LIABLE FOR INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY KIND ARISING FROM ANY ERROR IN THIS DOCUMENT, INCLUDING WITHOUT LIMITATION ANY LOSS OR INTERRUPTION OF BUSINESS, PROFITS, USE OR DATA.
    [Show full text]
  • Webbrowser Webpages
    Web Browser A web browser, or simply "browser," is an application used to access and view websites. Common web browsers include Microsoft Internet Explorer, Google Chrome, Mozilla Firefox, and Apple Safari. The primary function of a web browser is to render HTML, the code used to design or "markup" web pages. Each time a browser loads a web page, it processes the HTML, which may include text, links, and references to images and other items, such as cascading style sheets and JavaScript functions. The browser processes these items, then renders them in the browser window. Early web browsers, such as Mosaic and Netscape Navigator, were simple applications that rendered HTML, processed form input, and supported bookmarks. As websites have evolved, so have web browser requirements. Today's browsers are far more advanced, supporting multiple types of HTML (such as XHTML and HTML 5), dynamic JavaScript, and encryption used by secure websites. The capabilities of modern web browsers allow web developers to create highly interactive websites. For example, Ajax enables a browser to dynamically update information on a webpage without the need to reload the page. Advances in CSS allow browsers to display a responsive website layouts and a wide array of visual effects. Cookies allow browsers to remember your settings for specific websites. While web browser technology has come a long way since Netscape, browser compatibility issues remain a problem. Since browsers use different rendering engines, websites may not appear the same across multiple browsers. In some cases, a website may work fine in one browser, but not function properly in another.
    [Show full text]
  • The Ultimate Guide to Web Hosting for Beginners. Don't Be
    Welcome to the Ultimate Guide to Web Hosting for Beginners. Don’t be fooled by the name – this is a top-notch exhaustive resource, for new website owners and veterans alike, created by hosting experts with years of experience. Our mission: to help you save money and avoid hosting scams. Your part: please be kind and share this guide with someone. We made it to help you choose the right hosting, make the most of it and save big bucks on the long run. Here’s what this guide covers: VPS, Cloud and Dedicated hosting: types, pricing and technologies How to choose the right OS SEO and web hosting Installing WordPress in 5 easy steps The common dirty tricks of web hosting companies (and how to avoid them) The Most important features in shared web hosting To make the most of the information we’ve gathered here for you, we recommend taking these articles one at a time. Be sure to keep a notepad and a pen with you, because there will be some stuff you may want to write down. And now, 1. We hope you enjoy reading this guide as much as we had enjoyed writing it 2. Keep safe out there, and open your eyes to avoid scams and dirty tricks 3. Feel free to ask us anything. We’re at http://facebook.com/HostTracer 4. Please consider sharing your hosting experience with us on our community, at http://hosttracer.com Good luck! Idan Cohen, Eliran Ouzan, Max Ostryzhko and Amos Weiskopf Table of Contents Chapter 1: Introduction, and a Hosting Glossary .................................................
    [Show full text]
  • Microsites and Web Portals
    LIFE SCIENCES MARKETING: InsiGhts FOR POsitiVE OUTCOMES in 2014 Microsites and Web Portals Wondering about the difference between a microsite and a web portal? Take a look at examples of each that Signal has developed on behalf of other companies in your space. Microsites navigation enabled users to easily locate the data they were seeking. Microsites are “mini websites” that More than 750 copies of the report deliver an engaging web experience. were downloaded. They are ideal for communicating with a very specific target audience, » Read full case study sharing detailed information about a product, service or content offering, Alma Lasers and increasing website “stickiness” by isolating key messages from other distractions. Below are microsites Signal has built for life sciences companies. Quintiles The Laser360 microsite targeted consumers interested in learning about aesthetic treatments. To drive engagement, Signal created a “before & after” photo gallery as well as a Physician Locator web tool. » Read full case study The New Health Report microsite was the main vehicle Signal developed to promote the analytical survey. Advanced Web Portals account managers. It was utilized to create customized marketing materials Web portals bring information from for more than 1,000 key accounts. diverse sources together in a uniform way. They can enable partners and » Read full case study internal stakeholders to access campaign information and easily Alma Lasers customize marketing materials. Below are web portals Signal has built for life sciences companies. Novartis Signal built the Office By Alma portal for physicians in support of a consumer campaign. It provided access to starter kit instructions, phone scripts, logos, print ad slicks, consultation guides, customizable direct mail pieces and To facilitate the distribution of program email marketing tools.
    [Show full text]
  • How to Set up a Lab Website Step
    How to Set Up a Lab Website A lab website is a great way to communicate your research. The college offers three avenues for setting up a website: 1. a free, WordPress based platform set up by the Communications Office 2. an at-cost option set up by the CVM Continuing Education Office 3. an at-cost option developed by an outside vendor and incorporated by the university’s Office of Information Technology Below is information on how to navigate all options. Step One • There are two important aspects to keep in mind with any website option: o content you include o adherence to branding • Be sure to gather your information and organize it in a way you find best represents your lab. Information to Consider Including • Research Emphasis • Publications • Current Projects • News, Awards, Presentations • Research team members • Opportunities • Contact information • Here is information for keeping the website on brand: https://brand.ncsu.edu/ Step Two • Reach out to the communications office about your website needs and what you envision, including the intended audience and what you wish to communicate. • It is highly suggested that you seek guidance on the various options by scheduling a meeting with the communications team (Tom Krupa and Mike Charbonneau) • Please populate the template provided by the communications office with the information you would like to add to your website Step Three • Once you have your content, you can decide if you want a Wordpress site or an at-cost site. • If you are going with the free in-house version, Tom Krupa ([email protected]) can take the template you filled out and set up the structure of the lab website.
    [Show full text]
  • Announce Your Wedding Online to Friends and Family with a Wedding Website
    Announce Your Wedding Online to Friends and Family with a Wedding Website Posted by TBN On 04/10/2012 Wedding planning seems to go on for months and months, but that final moment when it all comes together seems to be over within just the blink of an eye. One way to simplify your wedding planning is to create your own wedding website. A wedding website enables you to capture RSVP emails, make announcements about the wedding to friends and relatives, and more. What is a Wedding Website? A wedding website is your own Web URL or a certain amount of space hosted on another's website that announces your wedding and includes some information that possible guests would want to know. The website is dedicated solely to your wedding. It's a great way to let those nearby or abroad know about your wedding date and details, who will be in the wedding, and what to expect. The wedding website may contain photos of the bride and groom with special captions to explain each photo, the bride's and groom's names, the wedding date, an optional wedding song lyric, and a listing of the bride and groom parties. You can also post personal information about how you met, how the groom proposed, and who you are now. The website may also have a guestbook for visitors to leave comments for you. You can even list links to your bridal registries to make gift giving easy. Your Own Web Space versus Using Space on Another Site If you don't mind paying monthly fees for your own domain name and web hosting, you can get your own wedding website and hire a designer or design it on your own if you have the know-how.
    [Show full text]
  • EMERGING TECHNOLOGIES Dymamic Web Page Creation
    Language Learning & Technology January 1998, Volume 1, Number 2 http://llt.msu.edu/vol1num2/emerging/ pp. 9-15 (page numbers in PDF differ and should not be used for reference) EMERGING TECHNOLOGIES Dymamic Web Page Creation Robert Godwin-Jones Virginia Comonwealth University Contents: • Plug-ins and Applets • JavaScript • Dynamic HTML and Style Sheets • Instructional Uses • Resource List While remaining a powerful repository of information, the Web is being transformed into a medium for creating truly interactive learning environments, leading toward a convergence of Internet connectivity with the functionality of traditional multimedia authoring tools like HyperCard, Toolbook, and Authorware. Certainly it is not fully interactive yet, but that is undeniably the trend as manifested in the latest (version 4) Web browsers. "Dynamic HTML," incorporated into the new browsers, joins plug-ins, Web forms, Java applets, and JavaScript as options for Web interactivity. Plug-ins and Applets While Web pages are beginning to behave more like interactive applications, traditional authoring tools are themselves becoming Internet-savvy, primarily through the use of "plug-in" versions of players which integrate with Web browsers. The most commonly used plug-in today is Macromedia's "Shockwave," used to Web-enable such applications as Director, Authorware, and Flash. "Shocked" Web pages can be very interactive and provide a visually appealing means of interacting with users (as in some sample ESL exercises from Jim Duber). Plug-ins are easy to use -- they just need to be downloaded and installed. Some come bundled with Netscape and Microsoft's browsers, which simplifies considerably the installation process (and gives developers the confidence that most users will actually have the plug-in installed).
    [Show full text]