New Perspectives on Creating Web Pages with HTML. Adding Hypertext Links to a Web Page
|
|
- Janis Lawson
- 5 years ago
- Views:
Transcription
1 New Perspectives on Creating Web Pages with HTML Adding Hypertext Links to a Web Page 1
2 Objectives Create hypertext links between elements within a Web page Create hypertext links between Web pages Review basic Web page structures Create hypertext links to Web pages on the Internet Distinguish between and be able to use absolute and relative pathnames Create hypertext links to various Internet resources, including FTP servers and newsgroups 2
3 Creating a Hypertext Document Hypertext documents contain hypertext links, items that you can select to view another topic or document, often called the destination of the link. These links can point to: another section on the same document to a different document to a different Web page to a variety of other Web objects 3
4 Opening A Web Page This figure shows that a browser may only show a portion of the web page. The user must scroll down to see the rest of the web page. vertical scroll bar horizontal scroll bar can also be shown 4
5 Adding Hypertext Links You can place hypertext links at the top of a web page to make it easier for the user to navigate to a particular section of the document instead of scrolling. 5
6 Creating Anchors The <a> tag creates an anchor, text that is specially marked so that you can link to it from other points in a document. Text that is anchored is the destination of a link; it is not the text you click on. Each anchor has its own anchor name, using the name attribute i.e. <a name= cc >Classes</a>. An anchor doesn t have to be text. You can mark an inline image as an anchor. Adding an anchor does not change your document s appearance in any way. It merely creates locations in your Web page that become destinations of links. 6
7 Creating Anchors Internal hyperlinks required two steps: Enter an anchor tag using a # before the name of the target location. Define where the link will take you (the target location) with the NAME attribute. <HTML> <TITLE>Text</TITLE> <BODY> <A HREF= #POWERFUL > Powerful Lines</A> <P>Text</P> <P>Text</P> <P>Text</P> <A NAME= POWERFUL > Powerful Lines</A> </BODY> </HTML> 7
8 Hyperlinks Inside Your Document Internal hyperlinks jump from an index to content below, in another spot on a Web page. Internal hyperlink Jumps to content below 8
9 How an Anchor Works hypertext links When the user clicks one of the hypertext links, the link will go directly to that section (anchor, which is the destination of the link) within the web page. anchor 9
10 Creating Links To create a link to an anchor, use the same <a> tag you used to create the anchor. The <a> tags used to create links are sometimes called link tags. Use the href attribute, which is short for Hypertext Reference, to indicate the location to jump to. href can refer to an anchor that you place in the document or to a different Web page or a resource anywhere on the Internet it is important to note that the href attribute is case sensitive You link to an anchor using the anchor name preceded by a pound (#) symbol i.e. <a href= #gra >Grading</a>. 10
11 Creating Links Continued After you create the anchors that serve as destinations for your links, you need to create the links themselves. You should be careful to make each anchor name unique within a document. The <a> tag you use to create the anchor and the href attribute to indicate the location to jump to. 11
12 Text Links in the Browser If the headings do not appear as text links, check your code to make sure that you are using the <a> and </a> tags around the appropriate text, the href attribute within the tag, and the quotes and # symbols. Text formatted as links 12
13 Web Page Structures Storyboarding your Web pages before you create links helps you determine which structure works best for the type of information you re presenting. You want to ensure that readers can navigate easily from page to page without getting lost. You ll encounter several Web structures as you navigate the Web. Examining some of these structures can help you decide how to design your own system of Web pages. 13
14 Linear Structures This figure shows one common Web page structure, the linear structure, in which each page is linked to the next and to previous page, in an ordered chain of pages. Link to previous page In this structure you can jump only from one page to the next or previous page Link to next page 14
15 Augmented Linear Structure This figure shows an augmented linear structure, in which you include a link in each page that jumps directly back to the first page, while keeping the links that allow you to move to the next and previous pages. first link jumps to previous page second link jumps back to beginning third page has three links third link jumps to next page 15
16 Hierarchical Structure This figure shows the hierarchical structure, which starts with a general topic that includes links to more specific topics. Each specific topic includes links to yet more specialized topics, and so on. In a hierarchical structure, users can move easily from general to specific and back, but not from specific to specific. 16
17 Hierarchical Structure on AltaVista Web Page As with the linear structure, including a link to the top of the structure on each page gives users an easy path back to the beginning. Subject catalogs such as the AltaVista directory of Web pages often use this structure. This figure shows this site, located at 17
18 Combination of Linear and Hierarchical Structures This figure shows a hierarchical structure in which each level of pages is related in a linear structure. overall structure is hierarchical information about the play each level is linear information about the acts the scenes 18
19 Web Structures Continued A little foresight can go a long way toward making your Web pages easier to use. The best time to organize a structure is when you first start creating pages, when those pages are small in number and more easily managed. If you re not careful, your structure can become confusing and unmanageable for the user. 19
20 Multipage Document with No Coherent Structure This structure is confusing, and it makes it difficult for readers to grasp the contents of the overall Web site. Moreover, a user who enters this structure at a certain page might not be aware of the presence of the other pages. 20
21 Creating Links Among Documents Unlike creating hypertext links between elements on the same page, this process does not require you to set an anchor in a file to link to it; the filename serves as the anchor or destination point. links to the conttxt.htm document, which contains contact information the chem.htm document, which is the document containing the links. links to the linktxt.htm document, which contains links to various Chemistry Web sites. 21
22 Linking to a Document To create a link to a document, use the same <a> tag with the href attribute i.e. <a href= contact.htm >Contact me</a>. In order for the browser to be able to locate and open contact.htm, it must be in the same folder as the document containing the link. 22
23 HTML Code that Links to Other Documents <a> tags to point to other documents 23
24 Browser Displaying Links to Other Documents links to the Contact and Links page 24
25 Linking to a Section of a Document To navigate to a specific location elsewhere in a document, rather than the top, you can set anchors and link to an anchor you create within the document. for example, to create a link to a section in the Web page home.htm marked with an anchor name of interests, you create an anchor in home.htm in the section on Interests, and then enter the following HTML code in the current document: <a href= home.htm#interests > View my interests </a> the entire text, View my interests, is linked to the Interests section in the home.htm file, via the anchor name interests the pound symbol (#) in this tag distinguishes the filename from the anchor name 25
26 Adding Links to Specific Locations in a Page The pound symbol (#) in these tags (shown in red) distinguishes the filename from the anchor name. 26
27 Links in the Chemistry Page that Point to Anchors in the Links Page links 27
28 Linking to Documents in Other Folders Browsers assume that if no folder information is given, the file is in the same folder as the current document. When referencing a file located in a different folder than the link tag, you must include the location, or path, for the file. HTML supports two kinds of paths: absolute paths and relative paths. 28
29 Absolute Pathnames An absolute pathname provides a precise location for a file. With HTML, absolute pathnames begin with a slash (/) and are followed by a sequence of folders beginning with the highest level folder and proceeding to the folder that contains the file. Each folder is separated by a slash. After you type the name of the folder or folders that contains the file, type a final slash and then the filename itself i.e. /tutorial.02/case/parks.htm. HTML also requires you to include the drive letter followed by a vertical bar ( ) i.e. /C /tutorial.02/case/parks.htm. 29
30 Folder Tree This figure shows five HTML files that are located in four different folders. The top most folder is the tutorial.02 folder. Within the tutorial.02 folder are the tutorial and case1 folders, and within the case1 folder is the extra folder. 30
31 Absolute Pathname This figure shows absolute pathnames for five HTML files. 31
32 Relative Pathnames A relative path specifies the location for a file in relation to the folder containing the current Web document. As with absolute pathnames, folder names are separated by slashes. Unlike absolute pathnames, a relative pathname does not begin with a slash. To reference a file in a folder directly above the current folder in the folder hierarchy, relative pathnames use two periods (..) i.e.../tutorial/chem.htm. 32
33 Relative Pathnames Continued Relative pathnames make your hypertext links portable. Unlike absolute pathnames, If you move your files to a different computer or server, the hypertext links will stay intact. If absolute pathnames are used, each link has to be revised. This can be a very tedious process. 33
34 Relative Pathnames This figure shows the relative pathnames and their interpretations for HMTL files and how they would be displayed. 34
35 Linking to Documents on the Internet To create a hypertext link to a document on the Internet, you need to know its URL. A URL, or Uniform Resource Locator, specifies a precise location on the Web for a file. You can find the URL of a Web page in the Location or Address box of your browser s document window. Once you know a document s URL, you can create a link to it by adding the URL to the <a> tag along with the href attribute in your text file i.e. <a href= >Course 35 Information</a>.
36 Uniform Resource Locator (URL) Each URL follows the same format. The first portion of the URL identifies the communication protocol, which is a set of rules that governs how information is exchanged. Web pages use the communication protocol HTTP, short for Hypertext Transfer Protocol, so all Web page URLs begin with the letters http. Following the communication protocol, there is typically a separator, such as a colon and two slashes (://) i.e. 36
37 Interpreting Parts of a Uniform Resource Locator (URL) This figure interprets a Web page with the URL 37
38 Link to Another Page on the Web As long as your computer is connected to the Internet, clicking the text within the tag navigates you to the document located at the specified URL. Links to the College Board AP Internet page 38
39 College Board AP Page Chemistry page remains open in the original browser window AP page in a separate browser window 39
40 Displaying Linked Documents in a New Window By default, each Web page you open is displayed in the main browser window, replacing the one you were viewing last. To force a document to appear in a new window, instead of the main browser window, you would use the target attribute in the href tag i.e. <a href= url target= new_window >Hypertext</a> url is the URL of the page, and new_window is a name assigned to the new browser window the value use for the target attribute is used by the browser to identify the different open windows in the current browser session 40
41 External Hyperlinks You can set up external hyperlinks to open in the same browser window by using the same value for the target attribute. if you do, the first hyperlink clicked opens the new window and displays the contents of the external file as subsequent external hyperlinks are clicked, they replace the contents of the already opened window, and the contents of the main browser window remain unaffected If you want your external documents to be displayed in their own browser window, you can assign a unique target value for each hyperlink, or you can assign the _blank keyword to the target attribute i.e. <a href= url target=_blank>hypertext</a>. 41
42 Linking to File Transfer Protocol (FTP) Servers You can create links to other Internet resources, such as FTP (File Transfer Protocol) servers. FTP servers can store files that Internet users can download, or transfer, to their computers FTP is the communications protocol these file servers use to transfer information URLs for FTP servers follow the same format as those for Web pages, except that they use the FTP protocol rather than the HTTP protocol i.e. <a href= ftp://ftp.microsoft.com>microsoft FTP server</a>. 42
43 Displaying a FTP Site Different browsers can display the contents of an FTP site in different ways. This figure shows what it might look like with Internet Explorer. 43
44 Linking to Usenet News Usenet is a collection of discussion forums called newsgroups that let users exchange messages with other users on a wide variety of topics. The URL for a newsgroup is news:newsgroup. To access the surfing newsgroup alt.surfing, you place this line in your HTML file i.e. <a href=news:alt.surfing>go to the surfing newsgroup</a>. 44
45 Accessing the alt.surfing Newsgroup When you click a link to a newsgroup, your computer starts your newsgroup software and accesses the newsgroup. This figure shows an example of the Outlook Newsreader program. 45
46 Linking to Many Web designers include their addresses on their Web pages, so that users who access the page can send feedback. You can identify addresses as hypertext links. when a user clicks the address, the browser starts a mail program and automatically inserts the address into the To field of the outgoing message The URL for an address is mailto: _address. To create a link to the address davis@mwu.edu, the following code would be entered <a href=mailto:davis@mwu.edu>davis@mwu.edu</a> 46
47 Mail Message Window window opens when the link is clicked 47
48 Adding an Link the address itself is in the code for the mailto: URL mail message window opens with address already inserted 48
49 Coloring Text You will use three separate attributes to color text : Use the text attribute to change color of text Use the hypertext link color attribute to change color of hypertext links Use the visited link attribute to change color of hypertext links that have been selected <HTML> <TITLE>Text</TITLE> <BODY TEXT=BLUE LINK=RED VLINK=GREEN> <P>Text</P> <P>Text</P> <P>Text</P> </BODY> </HTML> 49
50 Coloring Text <HTML> <TITLE>Text</TITLE> <BODY TEXT=BLUE LINK=RED VLINK=GREEN> <P>Text</P> <P>Text</P> <P>Text</P> </BODY> </HTML> 50
51 Summary Learned how to work with hypertext links. Learned how to create anchors within a Web page. Created links to anchors. Created hyperlinks within a single document and links to other Web pages. Discussed creating hyperlinks to resources other than Web pages, such as FTP sites, addresses and Gopher servers. 51
New Perspectives on Creating Web Pages with HTML. Tutorial Objectives
New Perspectives on Creating Web Pages with HTML Tutorial 2: Adding Hypertext Links to a Web Page 1 Tutorial Objectives Create hypertext links between elements within a Web page Create hypertext links
More informationDeveloping a Basic Web Site
Developing a Basic Web Site Creating a Chemistry Web Site 1 Objectives Define links and how to use them Create element ids to mark specific locations within a document Create links to jump between sections
More informationDeveloping a Basic Web Site
Objectives Session 2.1 Define links and how to use them Create element ids to mark specific locations within a document Create links to jump between sections of the same document Describe how to set and
More informationCITS1231 Web Technologies. Understanding URLs and Site Structure
CITS1231 Web Technologies Understanding URLs and Site Structure This Lecture Understanding URLs Web pages, FTP servers, newsgroups, and e-mail addresses Absolute and relative URLs Web site s structure
More informationFundamentals of Website Development
Fundamentals of Website Development CSC 2320, Fall 2015 The Department of Computer Science Chapter 6: Adding Links Making Links to External Pages Making Links to Internal Pages Linking to a Specific Point
More informationLecturer. Haider M. Habeeb. Second Year, First Course
University of Babylon College of Information Technology Department of Information Networks Lecturer Haider M. Habeeb Second Year, First Course 2012-2013 Understand Hypertext and Links Why did the arrival
More information1/27/2013. Outline. Basic Links. Links and Navigations INTRODUCTION TO WEB DEVELOPMENT AND HTML
Outline Links and Navigation: Basic Links E-mail links, Directory Structure and URLs Exercise INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 04 - Spring 2013 Basic Links A link is specified with the
More informationNotes beforehand... For more details: See the (online) presentation program.
Notes beforehand... Notes beforehand... For more details: See the (online) presentation program. Topical overview: main arcs fundamental subjects advanced subject WTRs Lecture: 2 3 4 5 6 7 8 Today: the
More informationand the World Wide Web
The Internet 1 The Internet and the World Wide Web The Internet is a global collection of interconnected networks Originally ARPNET had only four host computers on the network. Now tens of millions 1 http://computer.howstuffworks.com/internet-infrastructure.htm
More informationObjectives. Introduction to HTML. Objectives. Objectives
Objectives Introduction to HTML Developing a Basic Web Page Review the history of the Web, the Internet, and HTML. Describe different HTML standards and specifications. Learn about the basic syntax of
More informationObjective % Select and utilize tools to design and develop websites.
Objective 207.02 8% Select and utilize tools to design and develop websites. Hypertext Markup Language (HTML) Basic framework for all web design. Written using tags that a web browser uses to interpret
More informationIntroduction to the Internet and Web
Introduction to the Internet and Web Internet It is the largest network in the world that connects hundreds of thousands of individual networks all over the world. The popular term for the Internet is
More informationSkill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)
Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD) 323.2 Work with Text and Hypertext (7 hrs) 323.2.1 Add headings, subheadings and body text 323.2.2 Format text according to specifications
More informationGlossary. advance: to move forward
Computer Computer Skills Glossary Skills Glossary advance: to move forward alignment tab: the tab in the Format Cells dialog box that allows you to choose how the data in the cells will be aligned (left,
More information16B. Laboratory. Linking & Images in HTML. Objectives. References
Laboratory Linking & Images in HTML 16B Objectives Expand on the basic HTML skills you learned in Lab 16A. Work with links and images in HTML. References Lab 16A must be completed before working on this
More information3. WWW and HTTP. Fig.3.1 Architecture of WWW
3. WWW and HTTP The World Wide Web (WWW) is a repository of information linked together from points all over the world. The WWW has a unique combination of flexibility, portability, and user-friendly features
More informationManaging Your Website with Convert Community. My MU Health and My MU Health Nursing
Managing Your Website with Convert Community My MU Health and My MU Health Nursing Managing Your Website with Convert Community LOGGING IN... 4 LOG IN TO CONVERT COMMUNITY... 4 LOG OFF CORRECTLY... 4 GETTING
More informationINFS 321 Information Sources
INFS 321 Information Sources Session 12 The Internet Lecturer: Prof. Perpetua S. Dadzie, DIS Contact Information: pdadzie@ug.edu.gh College of Education School of Continuing and Distance Education 2014/2015
More informationFoundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC
1. Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2 Identify web page content that is relevant to the website purpose and appropriate for the target
More informationThe Internet and the Web
L E S S O N 7 The Internet and the Web Suggested teaching time 35-45 minutes Lesson objectives In this lesson, you will learn how to use Word s Web page creation features by: a b c d Discussing Internet
More informationCHAPTER2. 1. The Internet was launched in 1969 and was originally called
CHAPTER2 Multiple Choice 1. The Internet was launched in 1969 and was originally called a) AARPNET b) CERNET c) CERN d) ARPANET Answer: D Difficulty level: Hard Page: 30 Response: The Internet was originally
More informationMicrosoft Expression Web Basics of Creating a Web Site
Information Technology Department Pyle Center 1204 Wilmington College Wilmington, OH 45177 (800) 341-9318, ext. 459 helpdesk@wilmington.edu Microsoft Expression Web Basics of Creating a Web Site The first
More informationCSC 101: Lab #2 HTML and the WWW Manual and Report Lab Date: Tuesday, 2/2/2010 Report Due Date: Friday, 2/5/2010 3:00pm
CSC 101: Lab #2 HTML and the WWW Manual and Report Lab Date: Tuesday, 2/2/2010 Report Due Date: Friday, 2/5/2010 3:00pm Lab Report: Answer the report questions in this document as you encounter them. For
More informationINFS 2150 / 7150 Introduction to Web Development & HTML Programming
Objectives INFS 2150 / 7150 Introduction to Web Development & HTML Programming Using Frames in a Web Site Create s for a Web site Control the appearance and placement of s Control the behavior of hyperlinks
More informationrequest HTML Document send HTML Document
1 HTML PROGRAMMERS GUIDE LESSON 1 File: HtmlGuideL1.pdf Date Started: Dec 14,1999 Last Update: March 15, 2003 ISBN: 0-9730824-0-2 Version: 1.0 LESSON 1 HTML PROGRAMMING FUNDAMENTALS Pre-resequites You
More informationFileNET 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 informationFIT 100: Fluency with Information Technology
FIT 100: Fluency with Information Technology Lab 1: UW NetID, Email, Activating Student Web Pages Table of Contents: Obtain a UW Net ID (your email / web page identity):... 1 1. Setting Up An Account...
More informationDeveloping a Basic Web Page
Developing a Basic Web Page Creating a Web Page for Stephen Dubé s Chemistry Classes 1 Objectives Review the history of the Web, the Internet, and HTML Describe different HTML standards and specifications
More informationFileNET 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 informationHow to lay out a web page with CSS
How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).
More informationFigure 1 Properties panel, HTML mode
How to add text Adding text to a document To add text to a Dreamweaver document, you can type text directly in the Document window, or you can cut and paste text. You modify text by using the Properties
More information2. Introduction to Internet Applications
2. Introduction to Internet Applications 1. Representation and Transfer 2. Web Protocols 3. Some Other Application Layer Protocols 4. Uniform Resource Identifiers (URIs) 5. Uniform Resource Locators (URLs)
More informationCOMSC-031 Web Site Development- Part 2. Part-Time Instructor: Joenil Mistal
COMSC-031 Web Site Development- Part 2 Part-Time Instructor: Joenil Mistal Chapter 7 7 Creating Hyperlinks Links, also called hyperlinks, are used to connected related information. Using Dreamweaver, you
More informationHTML. Hypertext Markup Language. Code used to create web pages
Chapter 4 Web 135 HTML Hypertext Markup Language Code used to create web pages HTML Tags Two angle brackets For example: calhoun High Tells web browser ho to display page contents Enter with
More informationWWW and Web Browser. 6.1 Objectives In this chapter we will learn about:
WWW and Web Browser 6.0 Introduction WWW stands for World Wide Web. WWW is a collection of interlinked hypertext pages on the Internet. Hypertext is text that references some other information that can
More informationHow 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 informationINTERNET BASICS / FILE OPERATIONS Defining Information Technology
L A B 2 INTERNET BASICS / FILE OPERATIONS Defining Information Technology This lab covers fundamental concepts of network organization, focusing on the client-server model for network resources such as
More informationCreating a Course Web Site
Creating a Course Web Site What you will do: Use Web templates Use shared borders for navigation Apply themes As an educator or administrator, you are always looking for new and exciting ways to communicate
More informationHostopia WebMail Help
Hostopia WebMail Help Table of Contents GETTING STARTED WITH WEBMAIL...5 Version History...6 Introduction to WebMail...6 Cookies and WebMail...6 Logging in to your account...6 Connection time limit...7
More informationComputers Are Your Future
Computers Are Your Future Computers Are Your Future The Internet and World Wide Web 2006 Prentice-Hall, Inc. Slide 2 What You Will Learn... What You Will Learn... How the Internet works Methods for accessing
More informationCOMP 3400 Programming Project : The Web Spider
COMP 3400 Programming Project : The Web Spider Due Date: Worth: Tuesday, 25 April 2017 (see page 4 for phases and intermediate deadlines) 65 points Introduction Web spiders (a.k.a. crawlers, robots, bots,
More information(Refer Slide Time: 01:41) (Refer Slide Time: 01:42)
Internet Technology Prof. Indranil Sengupta Department of Computer Science and Engineering Indian Institute of Technology, Kharagpur Lecture No #14 HTML -Part II We continue with our discussion on html.
More information! " # $%& Html.htm Note: Files under html.htm are created in the previous lab exercises. (Just link it up)
! " # $%& # &'()*+ At the end of this lab exercise, students should be able to: Invoke the main components in Macromedia Dreamweaver MX 2004 Edit and format text using Macromedia Dreamweaver MX 2004 Create
More informationCategory: Informational August A Proposed Extension to HTML : Client-Side Image Maps
Network Working Group J. Seidman Request for Comments: 1980 Spyglass, Inc. Category: Informational August 1996 A Proposed Extension to HTML : Client-Side Image Maps Status of this Memo This memo provides
More informationProject 1: Creating a Web Site from Scratch. Skills and Tools: Use Expression Web tools to create a Web site
E00EW3.qxp 4/14/2007 3:17 PM Page 1 Workshops w Introduction The Workshop is all about being creative and thinking outside of the box. These workshops will help your right-brain soar, while making your
More informationPart 1: BASIC INTERNET
Part 1: BASIC INTERNET SURFING THE INTERNET To be able to access the Internet, you need an Internet service provider (ISP) and a browser. Examples of Internet service providers are Comcast, Verizon, AOL,
More informationChapter 18: The Internet. The Internet Evolution and basic services on Internet World Wide Web (WWW) WWW browsers Uses of the Internet
Ref. Page Slide 1/16 Learning Objectives In this chapter you will learn about: The Internet Evolution and basic services on Internet World Wide Web (WWW) WWW browsers Uses of the Internet Ref. Page 358
More informationAppendix A GLOSSARY SYS-ED/ COMPUTER EDUCATION TECHNIQUES, INC.
Appendix A GLOSSARY SYS-ED/ COMPUTER EDUCATION TECHNIQUES, INC. Action Applet Bidirectional support Block Built-in macro Canvas CGI - Common Gateway Interface Character set Dependency view Dialog box Encryption
More informationWorking with Pages... 9 Edit a Page... 9 Add a Page... 9 Delete a Page Approve a Page... 10
Land Information Access Association Community Center Software Community Center Editor Manual May 10, 2007 - DRAFT This document describes a series of procedures that you will typically use as an Editor
More informationDreamweaver is a full-featured Web application
Create a Dreamweaver Site Dreamweaver is a full-featured Web application development tool. Dreamweaver s features not only assist you with creating and editing Web pages, but also with managing and maintaining
More informationChapter 2A. The Internet s History
Chapter 2A The Internet and the World Wide Web 1 The Internet s History At about 10:30 PM on October 29th, 1969, a connection was established over a 50 kbps line provided by the AT&T telephone company,
More informationTutorial 8: Designing a Web Site with Frames
Tutorial 8: Designing a Web Site with Frames College of Computing & Information Technology King Abdulaziz University CPCS-665 Internet Technology Objectives Explore the uses of frames in a Web site Create
More informationInternet. Class-In charge: S.Sasirekha
Internet Class-In charge: S.Sasirekha COMPUTER NETWORK A computer network is a collection of two or more computers, which are connected together to share information and resources. Network Operating Systems
More informationThe Internet Advanced Research Projects Agency Network (ARPANET) How the Internet Works Transport Control Protocol (TCP)
The Internet, Intranets, and Extranets 1 The Internet The Internet is a collection of interconnected network of computers, all freely exchanging information. These computers use specialized software to
More information* HTML BASICS * LINKING BY: RIHAM ALSMARI, PNU. Lab 2
* HTML BASICS * LINKING BY: RIHAM ALSMARI, PNU Lab 2 What is the output of the following HTML code? HTML Element Attributes.. Using Element Attributes 4 HTML elements can have attributes Attributes provide
More informationAdaptable and Adaptive Web Information Systems. Lecture 1: Introduction
Adaptable and Adaptive Web Information Systems School of Computer Science and Information Systems Birkbeck College University of London Lecture 1: Introduction George Magoulas gmagoulas@dcs.bbk.ac.uk October
More informationCreating a Web Presentation
LESSON 9 Creating a Web Presentation 9.1 After completing this lesson, you will be able to: Create an agenda slide or home page. Create a hyperlink to a slide. Create a Web presentation with the AutoContent
More information4. You should provide direct links to the areas of your site that you feel are most in demand.
Chapter 2: Web Site Design Principles TRUE/FALSE 1. Almost every Web site has at least one flaw. T PTS: 1 REF: 49 2. Not only should you plan for a deliberate look and feel for your Web site, but you must
More informationObjectives. Connecting with Computer Science 2
Objectives Learn what the Internet really is Become familiar with the architecture of the Internet Become familiar with Internet-related protocols Understand how the TCP/IP protocols relate to the Internet
More informationMicrosoft FrontPage 2002 Tutorial. Contents
Microsoft FrontPage 2002 Tutorial Contents Introduction... 1 Before You Begin... 2 Overview... 2 If you have Web server software installed... 2 FrontPage and Microsoft Internet Explorer... 3 If you are
More informationWeb Mail Check v 1.0
Web Mail Check v 1.0 TABLE OF CONTENTS LAUNCHING WEB MAIL CHECK... 3 HOME PAGE... 4 LOG IN... 4 LANGUAGE... 5 DIRECTIONS... 5 READING MESSAGES... 8 HEADERS... 10 PRINTER FRIENDLY VERSION... 11 REPLYING
More informationAuthoring World Wide Web Pages with Dreamweaver
Authoring World Wide Web Pages with Dreamweaver Overview: Now that you have read a little bit about HTML in the textbook, we turn our attention to creating basic web pages using HTML and a WYSIWYG Web
More informationHTML OBJECTIVES WHAT IS HTML? BY FAITH BRENNER AN INTRODUCTION
HTML AN INTRODUCTION BY FAITH BRENNER 1 OBJECTIVES BY THE END OF THIS LESSON YOU WILL: UNDERSTAND HTML BASICS AND WHAT YOU CAN DO WITH IT BE ABLE TO USE BASIC HTML TAGS BE ABLE TO USE SOME BASIC FORMATTING
More informationHow to lay out a web page with CSS
Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style
More informationMap-based Access to Multiple Educational On-Line Resources from Mobile Wireless Devices
Map-based Access to Multiple Educational On-Line Resources from Mobile Wireless Devices P. Brusilovsky 1 and R.Rizzo 2 1 School of Information Sciences, University of Pittsburgh, Pittsburgh PA 15260, USA
More informationJavadoc short tutorial
Javadoc short tutorial General Javadoc processes doc-comments. A doc-comment differs from other type of comments (i.e. double slash //) in that it begins with (a slash followed by a double asterisks) and
More informationIndex. 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 informationINFOPOP S UBB.CLASSIC SOFTWARE. User Guide. Infopop Corporation Westlake Avenue North Suite 605 Phone Fax
INFOPOP S UBB.CLASSIC SOFTWARE User Guide Infopop Corporation 1700 Westlake Avenue North Suite 605 Phone 206.283.5999 Fax 206.283.6166 Document Last Revised: 6/12/02 (UBB.classic version 6.3.1) Infopop,
More informationRecitation 3 Further Work with Dreamweaver and Photoshop: Refining your Web Site
Recitation 3 Further Work with Dreamweaver and Photoshop: Refining your Web Site More Photoshop skills Selecting areas of the image - using the selection tools In Recitation 2 we learned there are several
More informationCreating Web Pages with Links, Images, and Embedded Style Sheets
HTML 3 Creating Web Pages with Links, Images, and Embedded Style Sheets Objectives You will have mastered the material in this chapter when you can: Describe linking terms and definitions Create a home
More informationCreating 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 informationDreamweaver Domain 4: Adding Content by Using Dreamweaver CS5
Dreamweaver Domain 4: Adding Content by Using Dreamweaver CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Define a Dreamweaver site. Create,
More informationBixby 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 informationFig (1) sending and receiving s
Electronic Mail Protocols (SMTP, POP, IMAP) It is important to (1) distinguish the user interface (i.e., your mail reader) from the underlying message transfer protocols (such as SMTP, POP or IMAP), and
More informationMicrosoft Windows SharePoint Services
Microsoft Windows SharePoint Services SITE ADMIN USER TRAINING 1 Introduction What is Microsoft Windows SharePoint Services? Windows SharePoint Services (referred to generically as SharePoint) is a tool
More informationIntroduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1
Introduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1 Introduction to HTML HTML, which stands for Hypertext Markup Language, is the standard markup language used to create web pages. HTML consists
More informationBroken Pages. Overview
Broken Pages Overview Authority Level: All user levels. Level 9 and Level 10 administrators will see all broken pages in the report. User levels 0 through 8 will only see broken pages to which they have
More informationUniform Resource Locators (URL)
The World Wide Web Web Web site consists of simply of pages of text and images A web pages are render by a web browser Retrieving a webpage online: Client open a web browser on the local machine The web
More informationChapter 7: The Internet
CSE1520.03 Glade Manual Chapter 7: The Internet Objectives This chapter introduces you to creating a web page that can be viewed on the Internet using a web browser such Firefox, Safari, Chrome or Internet
More informationDreamweaver is a full-featured Web application
Create a Dreamweaver Site Dreamweaver is a full-featured Web application development tool. Dreamweaver s features not only assist you with creating and editing Web pages, but also with managing and maintaining
More information8. NETWORKING. 8.1 Introduction
38 8. NETWORKING 8.1 Introduction A network connects computers to each other and allows them to communicate with each other. The Physics Department computer system is connected with two different networks.
More informationUNIT 2. Creating Web Pages with Links, Images, and Formatted Text
UNIT 2 Creating Web Pages with Links, Images, and Formatted Text DAY 1 Types of Links! LESSON LEARNING TARGETS I can describe hyperlink elements and their associated terms. I can describe the different
More informationHyper- Any time any where go to any web pages. Text- Simple Text. Markup- What will you do
HTML Interview Questions and Answers What is HTML? Answer1: HTML, or HyperText Markup Language, is a Universal language which allows an individual using special code to create web pages to be viewed on
More informationAll Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the
All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the complete URL of the linked document, including the domain
More informationHow to Access Your Digital Member Magazine
How to Access Your Digital Member Magazine GETTING STARTED WHERE TO GO: Point your browser to daytonartinstitute.org/magazine to find the latest issue of the Member Magazine. WHERE TO GO: You may also
More informationAdobe Web Authoring using Adobe Dreamweaver Exam and objectives
Adobe Web Authoring using Adobe Dreamweaver Exam and objectives After taking the exam, your score is electronically reported. Please allow 2-4 weeks from the date you pass the exam to receive your ACA
More informationThe Basics of Networking
c h a p t e r 3 The Basics of Networking Making the Connection lawrence snyder Times are Changing Nowhere Is Remote People are more interconnected Social interactions are changing Freedom of Seach and
More informationHTML Overview. With an emphasis on XHTML
HTML Overview With an emphasis on XHTML What is HTML? Stands for HyperText Markup Language A client-side technology (i.e. runs on a user s computer) HTML has a specific set of tags that allow: the structure
More informationComputer Fundamentals : Pradeep K. Sinha& Priti Sinha
Computer Fundamentals Pradeep K. Sinha Priti Sinha Chapter 18 The Internet Slide 1/23 Learning Objectives In this chapter you will learn about: Definition and history of the Internet Its basic services
More informationSIP User's Guide. Sitecore Intranet Portal. A Quick Guide to Using SIP. SIP User's Guide Rev:
Sitecore Intranet Portal SIP User's Guide Rev: 2009-01-20 Sitecore Intranet Portal SIP User's Guide A Quick Guide to Using SIP Table of Contents Chapter 1 Introduction... 3 Chapter 2 Creating and Editing
More informationCHAPTER 2 MARKUP LANGUAGES: XHTML 1.0
WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document
More informationFundamentals of Web Technologies. Agenda: HTML Links 5/22/2017. HTML Links - Hyperlinks HTML Lists
ITU 07204: Fundamentals of Web Technologies Lecture 6: HTML Links & Lists Dr. Lupiana, D FCIM, Institute of Finance Management Semester 2 Agenda: HTML Links - Hyperlinks HTML Lists 2 HTML Links A hyperlink
More informationChapter 3 Web Design & HTML. Web Design Class Mrs. Johnson
Chapter 3 Web Design & HTML Web Design Class Mrs. Johnson Web Design Web design is the design and development of a page or a web site. A web site is the entire site, like www.target.com A page is one single
More informationChapter 10 Linking Calc Data
Calc Guide Chapter 10 Linking Calc Data Sharing data in and out of Calc This PDF is designed to be read onscreen, two pages at a time. If you want to print a copy, your PDF viewer should have an option
More informationIntroduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of
Introduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of the World Wide Web p. 3 Internet Standards and Coordination
More informationAN OVERVIEW OF SEARCHING AND DISCOVERING WEB BASED INFORMATION RESOURCES
Journal of Defense Resources Management No. 1 (1) / 2010 AN OVERVIEW OF SEARCHING AND DISCOVERING Cezar VASILESCU Regional Department of Defense Resources Management Studies Abstract: The Internet becomes
More informationDreamweaver 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 informationFTP,HTTP. By Nidhi Jindal
APPLICATION LAYER: SMTP, POP, IMAP, FTP,HTTP By Nidhi Jindal. MESSAGE TRANSFER AGENT: SMTP The actual mail transfer requires message transfer agents (MTAs). The protocol that defines the MTA client and
More informationChapter 3: Uniform Resource Identifiers References:
3. Uniform Resource Identifiers 3-1 Chapter 3: Uniform Resource Identifiers References: Erik Wilde: World Wide Web Technische Grundlagen (in German). Springer, 1999, ISBN 3-540-64700-7, 641 Seiten. NCSA
More informationKarlen Communications Word 2007 Settings. Karen McCall, M.Ed.
Karlen Communications Word 2007 Settings Karen McCall, M.Ed. Table of Contents Change the Application Colour Scheme... 4 Split Page Breaks from Paragraph Marks... 4 Turn off Click and Type... 5 Turning
More information