13 February Building a Web Page. Links Links: One always links to an anchor point Every page has an implicit anchor point at the start In addition, can.

Slides:

Advertisements

Similar presentations

XP 1 Developing a Basic Web Site Tutorial 2: Web Site Structures & Links.

Advertisements

 To create page, Komodo Editor  To share web page, UNC SERVER, ISIS (  To transfer page to ISIS,

CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.

 Introductions › Who am I? › Who are you?  Logistics  What is technology fluency and why should you care?  Browsers, servers, software.

SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web.

Server Web Server Pages Client Browser  Office Hours on Thursday › Diane’s are CANCELLED › Belinda will hold 11:00-12:00  Belinda will be teaching.

13 February Building a Web Page. HTML Files Two types of information Text Instructions on how to display Instructions are in the form of tags Tags are.

27 September. Thursday’s Current Event: Follow Up Lands End Already offers VoIP eBay to purchase Skype Connect buyers and sellers Google Offers instant.

The Web HTTP request HTTP response Your Machine Web Server Web browser sends a separate request for each object (e.g., embedded image) on the web page.

Dreamweaver Basics In this section you will learn how to:

11 October HTML: Links and Forms. Agenda News: William Knight Review of HTML Pages Meeting sheet passed HTML Links Networking and the Internet HTML Forms.

Information Technologies Anselm Spoerri PhD (MIT)

ETT 429 Spring 2007 Web Design Basics II. Publishing Web Pages Activating your NIU website Go to this.

1 Software Testing and Quality Assurance Lecture 32 – SWE 205 Course Objective: Basics of Programming Languages & Software Construction Techniques.

IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.

HTML & Dreamweaver 101 Aman Yadav. Definitions HTTP – The Web uses a protocol called HTTP (Hyper Text Transport Protocol) to communicate between the Web.

Images By Tara Frieszell By Tara Frieszell. Adding images to your website will make it more interesting and add to the design. However, some viewers aren’t.

1 The World Wide Web. 2  Web Fundamentals  Pages are defined by the Hypertext Markup Language (HTML) and contain text, graphics, audio, video and software.

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.

Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.

CSI315CSI315 Building Web Sites. What is a website A website is just a bunch of web pages connected together with something called a link. In HTML there.

CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.

Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.

Mohammed Mohsen Links Links are what make the World Wide Web web-like one document on the Web can link to several other documents, and those.

XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.

Tutorial #2 Creating Links. Tutorial #1 Review Basic Page (DOCTYPE, HTML, Head, Title, Body) Tags Structure( ),,,,,, Nested Tags content Tag Attributes.

Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.

Web Design (5) Navigation (1). Creating a new website called ‘Navigation’ In Windows Explorer, open the folder “CU3A Web Design Group”; and then the sub-folder.

Tutorial: Web Publishing. Web Publishing Tutorial IS for Management2 Web Publishing Web pages are stored on a Web server: a computer with a unique Web.

 The tag to create a link is called, which stands for anchor.  You put the address of the page to link to in quotes after href=, like the following:

WEB DESIGN UNIT 2 Unit 2 Module 2-5. WHAT HAVE YOU LEARNED?  What is the title tag do? Where does it show?  What are the tags that need to be on every.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

CM143Web Week 8 Review of Assignment 1 Revision & Elaboration.

1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.

Web Authoring Rico Yu. Ch.6 Planning for a Web Site Introduction Steps in setting up Needs Planning.

Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.

CIS 250 Advanced Computer Applications Internet/WWW Review.

Adding Links Learning Web Design: Chapter 6. Lesson Overview Using the anchor tag Linking to other pages with relative or absolute pathnames Linking to.

Creating Links. The Anchor Element: The anchor tag can be used in three different ways: 1.External link – to link to a web page outside your own website.

Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.

Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

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.

 How a computer works  The Internet  Browsers  Web Pages.

Internet FTP to network. Preliminary Steps a FTP program is used and executed such as WS_FTP LE Information needed –host name –user id –password.

A Few Key Vocab Words That you should know! By Dr. Bowie.

Links Building a Website Lesson 5. Links There are various ways to use links on a website: Link to other sites Link to other pages on the same site .

Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.

Hit125 application concepts Types of links File paths & directory structures.

1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.

Website Design:. Once you have created a website on your hard drive you need to get it up on to the Web. This is called "uploading“ or “publishing” or.

The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.

How Web Servers and The Internet Work The Basic Process.

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.

2015 暑期電腦課程 -H3 HOW FTP WORKS? By

How FTP works ? & Send you web pages to server Speaker : Frank Liu.

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.

HTML Links CS 1150 Spring 2017.

4.01 How Web Pages Work.

4.01 How Web Pages Work.

Internal and External Links

Web Design and Development

How files are organized

4.01 How Web Pages Work.

HTML Links CS 1150 Fall 2016.

4.01 How Web Pages Work.

Presentation transcript:

13 February Building a Web Page

Links Links: One always links to an anchor point Every page has an implicit anchor point at the start In addition, can add anchor points to the middle of the page by using Insert->Named anchor point If text is highlighted, it will default to that text OR you can use a name of your choosing To point to an anchor point you need to know The page The point in the page linkpoint

Identifying links: page Absolute address (remote external) Full url: Use when its not part of your web site Definition: web site – a collection of web pages that work together Relative address (local external) Just use the file name Use when its part of your web site You must use move it with your home page Confirm that the href does NOT include any of the path name Current page No page required

HTML Internal Links Internal points are called anchors To create an anchor point To move to an anchor point Link text What differences do you observe? Two items Anchor is a point, not a piece of text Anchor points have a “#” pre-pended to the name

HTML Local Links Other pages that are always kept with the current one Not only the same machine, but the same folder All pages are automatically defined as access points Connect with the same access tag Link text

HTML Remote Links Other locations on the Internet Any URL Connect with the same access tag Link text Now need to use full URL e.g.,

Demos

The Lighter Side Introducing the Book

Posting a Web Site First, a bit about file systems File systems How data is stored: 1s and 0s But where is it stored?

Files Simply stream of bits May be text or represent other things May be one stream or multiple subunits What type of data are HTML files?

File Systems A means of organizing and structuring files A disk stores 0s and 1s How do you find a specific file? How do you know where the file begins and ends? How do you know if there are subunits in the file or if it is just a single stream?

UNC Site UNC website Everything that is going to be available on the web must be in your public_html folder Treats index.html as your home page Default is “This page is blank” Need to get your files to their server Two choices: afs – too fragile ftp

Key Web Pages Putting Your Page on the Web Creating WWW Pages at UNC-CH

Steps Create your home page locally Get space allocation on the public domain Install WS-FTP if needed Transfer pages Test it