Unix html and the indexing assignment
Download
1 / 68

UNIX, HTML, and the Indexing Assignment - PowerPoint PPT Presentation


  • 49 Views
  • Uploaded on

UNIX, HTML, and the Indexing Assignment. donna Bair-Mundy. Unix operating system. %. ls. myfile.txt yourfile.txt %. Operating System with a Command-line interface. Pico—Use to create HTML files for Web pages. UHUNIX file structure. Root directory. bin subdirectory. home

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' UNIX, HTML, and the Indexing Assignment' - hung


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

Unix operating system
Unix operating system

%

ls

myfile.txt

yourfile.txt

%

Operating System with a Command-line interface

Pico—Use to create HTML files for Web pages


Uhunix file structure
UHUNIX file structure

Root

directory

bin

subdirectory

home

subdirectory

usr

subdirectory

1

subdirectory

18

subdirectory

24

subdirectory

donnab

Home directory

johnd

Home directory

nahl

Home directory


Basic uhunix commands
Basic UHUNIX commands

pwdprint working directory

tells you where you are in the file hierarchy

lslist

lists files and subdirectories

cdchange directory

Moves you up or down in the file hierarchy

chmodchange mode

Assigns access rights to files and directories


More uhunix commands
More UHUNIX commands

manmanual

man + command provides access to electronic help files

cpcopy

cp sourcefile destinationfile copies the source file to a file with the destination file name

rmremove file

Deletes a file

mkdirmake directory

Creates a new directory


Where am i pwd print working directory
Where am I: pwd(print working directory)

%

pwd

/home/18/donnab

%


What files and directories do i have ls list files
What files and directories do I have: ls (list files)

%

ls

aardvark.txt

mail

myfile.txt

public_html

whatsup.doc

%


The all files option ls a
The "all files" option: ls -a

%

ls

-a

.

..

.addressbook

.cshrc

.inbox

.login

.logout

.pinerc

.signature

.ssh2

aardvark.txt

mail

myfile.txt

public_html

whatsup.doc

%


The long option ls l
The "long' option: ls -l

%

ls

-l

-rw------- 1 donnab 47616 May 8 11:59 aardvark.txt

drwx------ 2 donnab 3584 Apr 10 2002 mail

-rw------- 1 donnab 45927 May 8 11:59 myfile.txt

drwxr-xr-x 5 donnab 1024 Mar 20 13:51 public_html

%

ls -la


Changing my working directory cd change directory
Changing my working directory: cd (change directory)

cd change directory

%

cd public_html

%

pwd

/home/18/donnab/public_html

%

cd fun/images

%

pwd

/home/18/donnab/public_html/fun/images

%


Changing my working directory cd
Changing my working directory: cd

cd change directory

%

cd public_html

donnab

public_html

mail

fun

images

html files


Changing my working directory cd1
Changing my working directory: cd

cd change directory

%

cd fun/images

donnab

public_html

mail

fun

images

html files


Changing to a higher level subdirectory cd
Changing to a higher-level subdirectory: cd ..

/home/18/donnab/public_html/fun/images

%

cd ..

%

Note space preceding dots

pwd

/home/18/donnab/public_html/fun/

%

cd ..

%

pwd

/home/18/donnab/public_html/

%

cd /bin


Changing my working directory cd2
Changing my working directory: cd

cd change directory

%

cd ..

donnab

public_html

mail

fun

images

html files


Changing access rights to a file or directory chmod change mode part 1
Changing access rights to a file or directory: chmod(change mode, part 1)

%

ls -l

-rwx------ 1 donnab 47616 May 8 11:59 myfile.txt

drwxr-xr-x 5 donnab 1024 Mar 20 13:51 public_html

%

- r w x - - - - - -

owner

group

public


Changing access rights to a file or directory chmod change mode part 2
Changing access rights to a file or directory: chmod(change mode, part 2)

%

ls -l

-rwx------ 1 donnab 47616 May 8 11:59 myfile.txt

drwxr-xr-x 5 donnab 1024 Mar 20 13:51 public_html

%

chmod

755

myfile.txt

%

ls -l

-rwxr-xr-x 1 donnab 47616 May 8 11:59 myfile.txt

drwxr-xr-x 5 donnab 1024 Mar 20 13:51 public_html

r w x r - x r - x

owner

group

public


Getting help man command
Getting help: man command

%

man

chmod

User Commands chmod(1)

NAME

chmod - change the permissions mode of a file

DESCRIPTION

chmod changes or assigns the mode of a file. The mode of a file specifies its permissions and other attributes.


Getting help man k
Getting help: man -k

%

man

-k

mode

|

more

access access (3f) - return access mode (r,w,x) or existence of a file

cggglm cggglm (3p) - solve a general Gauss-Markov linear model (GLM) problem

chmod chmod (3f) - change mode of a file

dggglm dggglm (3p) - solve a general Gauss-Markov linear model (GLM) problem

f77_ieee_environment f77_ieee_environment (3f) - mode, status, and signal handling for IEEE arithmetic

fegetprec fesetprec (3m) - control floating point rounding precision modes


Making back ups cp copy
Making back-ups: cp (copy)

%

cp

myfile.txt

myfilebk.txt

%

ls

myfile.txt

myfilebk.txt

my_file.txt

my file.txt


Deleting a file rm remove
Deleting a file: rm (remove)

%

ls

myfile.txt

myfilebk.txt

%

rm

myfilebk.txt

y

rm: remove myfilebk.txt (yes/no)?

%

ls

myfile.txt


Creating a new subdirectory mkdir make directory
Creating a new subdirectory: mkdir (make directory)

%

mkdir

images

%

ls -l

drwx------ images

-rwx------ myfile.txt

%

chmod 755 images


Logging out of the system logout
Logging out of the system: logout

%

logout

You are now logged out from the Sun

Tue Jul 8 11:20:18 HST 2003


A word about html
A word about HTML

HyperText Mark-up Language


Manuscript
Manuscript

Chapter One

A Mysterious Visitor

It was a dark and stormy night. As was my custom on a Friday night, I was curled up in my favorite armchair reading Cataloging & Classification. All of a sudden, I heard a loud “Tap, tap, tap” on the window.

Wondering what type of person would be out and about on such a stormy night, I went over, pulled aside the curtain, and peered out into the darkness.


Marked up manuscript
Marked-up manuscript

Chapter One

A Mysterious Visitor

It was a dark and stormy night. As was my custom on a Friday night, I was curled up in my favorite armchair reading Cataloging & Classification. All of a sudden, I heard a loud “Tap, tap, tap” on the window.

Wondering what type of person would be out and about on such a stormy night, I went over, pulled aside the curtain, and peered out into the darkness.

A

fleur

graphic

B

ital.

b.f.


Paste up
Paste-up

Chapter One

A Mysterious Visitor

It was a dark and stormy night. As was my custom on a Friday night, I was curled up in my favorite armchair reading Cataloging & Classification. All of a sudden, I heard a loud “Tap, tap, tap” on the window.

Wondering what type of person would be out and about on such a stormy night, I went over, pulled aside the curtain, and peered out into the darkness.


Ascii text file
ASCII (text) file

Chapter One

A Mysterious Visitor

It was a dark and stormy night. As was my custom on a Friday night, I was curled up in my favorite armchair reading Cataloging & Classification. All of a sudden, I heard a loud “Tap, tap, tap” on the window.

Wondering what type of person would be out and about on such a stormy night, I went over, pulled aside the curtain, and peered out into the darkness.


Html file

HTML tags (instructions to the browser)

HTML file

<HTML>

<CENTER>

<H1>Chapter One</H1>

<H2>A Mysterious Visitor</H2>

<IMG SRC=“fleur.gif”>

</CENTER>

<P>It was a dark and stormy night. As was my custom on a Friday night, I was curled up in my favorite armchair reading <I>Cataloging & Classification</I>. All of a sudden, I heard a loud <B>“Tap, tap, tap”</B> on the window.</P>

<P>Wondering what type of person would be out and about on such a stormy night, I went over, pulled aside the curtain, and peered out into the darkness.</P>

</HTML>


Web page
Web page

Chapter One

A Mysterious Visitor

It was a dark and stormy night. As was my custom on a Friday night, I was curled up in my favorite armchair reading Cataloging & Classification. All of a sudden, I heard a loud “Tap, tap, tap” on the window.

Wondering what type of person would be out and about on such a stormy night, I went over, pulled aside the curtain, and peered out into the darkness.


Coding a web page

Coding a Web page

Create an ASCII file with textual content

Use HTML tags to format text and indicate where to place graphics

Place file on Web server

Open directory & file to public


Paired tags
Paired tags

<TABLE> . . . </TABLE>

<I> . . . </I>

HTML

Displays as

The most important thing to remember is to <I>remain calm</I>. This is the first lesson to be learned. If you start to …

The most important thing to remember is to <I>remain calm. This is the first lesson to be learned. If you start to …

The most important thing to remember is to remain calm. This is the first lesson to be learned. If you start to …

The most important thing to remember is to remain calm. This is the first lesson to be learned. If you start to …


Single tags
Single tags

<BR>

<HR>

HTML

Displays as

Hello.

My name is Kimo.

Hello. My name is Kimo.

Hello. <BR>

My name is Kimo.

Hello.

My name is Kimo.

Hello.

<HR>

My name is Kimo.

Hello.

My name is Kimo.


Html tags
HTML tags

<HTML>

</HTML>


Two parts of a web page
Two parts of a Web page

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>


Head of a web page
Head of a Web page

<HEAD>

<TITLE>

donna’s LIS 670 test file page

</TITLE>

</HEAD>



Head of a web page1
Head of a Web page

<HEAD>

<TITLE>

donna’s LIS 670 test file page

</TITLE>

<meta name="DC.subject" lang="eng " content="Information science technology" />

</HEAD>


Meta tags dublin core
Meta tags – Dublin Core

http://dublincore.org/


Meta tags dublin core1
Meta tags – Dublin Core

Title

Subject

Description

Type (e.g., image)

Creator

Publisher

http://dublincore.org/


Body of a web page
Body of a Web page

<BODY>

Material that will appear in the viewing window of the browser.

</BODY>


Adding a header
Adding a header

<BODY>

<H1>

My Web Portal

</H1>

Aloha, World!

</BODY>



Header levels
Header levels

<BODY>

<H1>

My Web Portal

</H1>

<H2>

This is a level 2 header

</H2>

Aloha, World!

</BODY>



Horizontally centering an item
Horizontally centering an item

<BODY>

<CENTER>

<H1>

My Web Portal

</H1>

</CENTER>

</BODY>

Not:

<H1>

<CENTER>

My Web Portal

</H1>

</CENTER>



Adding a hot link
Adding a hot link

Link

destination

To a Web page in the same directory as the source file

<A HREF=“my_other_file.html”>

Click here to go to my other file.

</A>

Clickable

text


Adding a hot link1
Adding a hot link

<A HREF=“my_other_file.html”>

Click here to go to my other file.

</A>


Adding a hot link2
Adding a hot link

Full URL of

Link

destination

To a Web page in a different location from the source file

<A HREF=“http://www.ala.org/ala/aboutala/offices/oif/index.cfm”>

Click here to go to the ALA Office of Intellectual Freedom Website.

</A>


Using an image as a hot link
Using an image as a hot link

<A HREF=“http://www.ala.org”>

<IMG SRC=“http://www2.hawaii.edu/~donnab/lis670/ala.jpg”>

</A>

URL of image in quotes

IMG tells the browser to place image here

SRC (source) tells the browser that what follows is where to find the image


Creating paragraphs
Creating paragraphs

<HTML>

In our word processor we can just hit the Enter key a couple of times and we get a new paragraph.

However, that does not work in HTML. Let’s see what this would look like if viewed in a browser.

</HTML>


Creating paragraphs1
Creating paragraphs

In our word processor we can just hit the Enter key a couple of times and we get a new paragraph. However, that does not work in HTML. Let’s see what this would look like if viewed in a browser.


Creating paragraphs2
Creating paragraphs

<HTML>

In our word processor we can just hit the Enter key a couple of times and we get a new paragraph.

However, that does not work in HTML. Let’s see what this would look like if viewed in a browser.

</HTML>

<P>

</P>

<P>

</P>


Creating paragraphs3
Creating paragraphs

In our word processor we can just hit the Enter key a couple of times and we get a new paragraph.

However, that does not work in HTML. Let’s see what this would look like if viewed in a browser.



Getting a web page indexed by an internet search engine1
Getting a Web Page Indexed by an Internet Search Engine

  • Phase One : Making a new subdirectory and opening it for public viewing; creating the basic foundation of the Web page.

  • Phase Two: Adding metadata tags.

  • Phase Three: Adding div tags and a cascading style sheet.

  • Phase Four: Adding links to other students' Web pages.

  • Phase Five: Searching for the Web page.


Phase One : Making a new subdirectory and opening it for public viewing; creating the basic foundation of the Web page

Step One:

Log onto UHUNIX using SSH (the same way you did in the DNS exercise)


Phase one
Phase One public viewing; creating the basic foundation of the Web page

Step Two:

Directory Management


Open public html to public
Open public_html to public public viewing; creating the basic foundation of the Web page

%

ls -l

drwxr-xr-x 5 donnab 1024 Mar 20 13:51 public_html


Open public html to public1
Open public_html to public public viewing; creating the basic foundation of the Web page

%

chmod 755 public_html


Move into your public html directory
Move into your public_html directory public viewing; creating the basic foundation of the Web page

%

cd public_html


Move into your public html directory1
Move into your public_html directory public viewing; creating the basic foundation of the Web page

%

mkdir infocomm


Open public html to public2
Open public_html to public public viewing; creating the basic foundation of the Web page

%

chmod 755 infocomm


Move into your public html directory2
Move into your public_html directory public viewing; creating the basic foundation of the Web page

%

cd infocomm


Starting pico
Starting pico public viewing; creating the basic foundation of the Web page

%

pico myfile.html


Add your html tags and text
Add your HTML tags and text public viewing; creating the basic foundation of the Web page

<html>

</html>


End of Phase I public viewing; creating the basic foundation of the Web page


W3C HTML tutorial public viewing; creating the basic foundation of the Web page

http://www.w3schools.com/html/


ad