Do-It-Yourself Websites
for University Teachers
http:// www.agu.ac.jp / ~vicks62 / jeffreyb / research / Web. html

        The World Wide Web PROVIDES teachers with additional options, GIVING a new additional dimension to their teaching repertoire. A do-it-yourself website is just one of these options. This webpage will explore several options and suggest ways that even overworked teachers can MAKE effective use of the Web. The full text of Do-It-Yourself Websites for University Teachers has been posted on the Goken Kiyo website (click here to view it). Examples EXPLAINED in the paper are DEMONSTRATED below.

        Do-it-yourself, by the way, does NOT mean that you have to start from scratch and reinvent the wheel ... AND, of course, you are NOT alone. You can WORK together with interested colleagues in your department, your university, or other universities. The World Wide Web CONNECTS us all, and most of its resources are freely available.

        Here are some options:

Cost-Benefit Analysis

        Do you NEED a website? Of course, not ... no more than you NEEDED a Smartphone before you GOT one. You DISCOVERED what it could do for you as you LEARNED how to USE it. It probably ADDED a whole new dimension to your life.

Having a website will GIVE you options that you never HAD before. It is entirely up to you which ones you WANT to EXPLORE. You can IGNORE some and EXPERIMENT with others ... at your own pace.


        Example 1 (below) is a simple sample of (a) the source code for a short List of Questions with some individual words added to the bottom and (b) the resulting webpage. These simple instructions can be used to create paragraph texts as well as lists.
        Anything enclosed in angular brackets is an instruction. These instructions do NOT appear on the webpage. Some of them occur in start-stop pairs. A slash mark at the beginning indicates a Stop instruction.
        Because this IS a webpage, I have substututed rounded brackets for angular brackets. Otherwise you could not see them. You will have to insert angular brackets in place of the rounded brackets when you write your source code.

Source Document   Webpage [1]
(html)

(center) Television (/center)

(p) Actors and Actresses:
(br) How many can you name?
(br) Who is your favorite?

(p) TV in General:
(br) When do you watch TV?
(br) Do you watch it with your family or alone?

(p)(b) bold (/b)
(br)(i) italics (/i)
(br)(u) underline (/u)

(/html)

 
Television

Actors and Actresses:
How many can you name?
Who is your favorite?

TV in General:
When do you watch TV?
Do you watch it with your family or alone?

bold
intalics
underline

Example 1: Source code and text


        Example 2 illustrates the source code for links from text within one webpage to the top of another webpage. In the source document I have put the text that will appear on the webpage in bold letters to separate it from the instructions. Instructions, of course, do NOT appear. Notice also that bold letters in the source document do NOT appear as bold letters on the webpage ... unless you enter instructions to that effect in the source code.

Source Document   Webpage [2]
(html)

(p) ... my (a href="http://www. agu.ac.jp/~vicks62/ jeffreyb/ research/index.html") publications (/a)

(br) ... my (a href="http://www. agu.ac.jp/~vicks62/ jeffreyb/ contact.html") contact information (/a)

(/html)

 

... my publications
... my contact information

Example 2: Links from text to a different webpage


        As a final touch to your profile you might wnat to insert a photo. Image files for photos and all other digital images, even those that are embedded in a webpage have their own URL address on the Internet. Start Instructions for image links will locate, download, and embed the image into any webpages that contain those links. The source code also controls the horizontal and vertical dimensions of the embedded image.

Source Document   Webpage [3]
(html)

(center)
(a href="http://www.agu.ac.jp/ ~vicks62/jeffreyb/images/Blair.gif")
(IMG SRC="http://www.agu.ac.jp/ ~vicks62/jeffreyb/images/newBlair.jpg"
width=111 height=184)(/a)
(/center)

(/html)

 

Example 3: Image linked to a different image


        Volumes of Foreign Languages & Literature have been posted on the Aichi Gakuin University website since 2005. I simply link the titles on my Research index page to the department's Goken Kiyo webpage. This makes the full text of my articles available to the cyber public 24 hours a day, seven days a week.

Source Document   Webpage [4]
(html)

(p) Blair (2023). (a href="http://kyouyou.agu.ac.jp/laboratory/file/GokenKiyou-48.pdf") Do-It-Yourself Websites (/a). Foreign Lanaguages & Literature, 48/1, pp. 31-54.

(p) Blair (2003). (u) Research and Process Writing (/u). The Faculty Journal, (a href= "http://www.slib.agu.ac.jp/gakukaisi/tan11.html") 11 (/a), pp. 94-106.

(/html)

 

Blair (2023). Do-It-Yourself Websites. Foreign Lanaguages & Literature, 48/1, pp. 31-54.

Blair (2003). Research and Process Writing. The Faculty Journal, 11, pp. 94-106.

Example 4: Links from text to a different webpage


        To avoid any suspicion of wrongdoing and assure peope that you are a responsible webmaster: (1) When you link to an image, send a message requesting permission to link, (2) post the URL addresses of images and label them either "Used with Permission" OR "Permission Pending", (3) link "permission pending" to a request for permission and an explanation of the nature of your website, (4) request that people contact you directly with questions, comments, or criticisms, (5) remove links promptly if you receive a legitimate complaint.

Source Document   Webpage [5]
(html)

(center) Links (/center)

(p) Images--Used with Permission
(br) www.abcgallery.com/ ...

(br) Images--(a href="http://www.agu.ac.jp/~vicks62/jeffreyb/permission.html") Permission Pending (/a)
(br) www.xyzgallery.com/ ...

(/html)

 
Links

Images--Used with Permission
www.abcgallery.com/ ...
Images--Permission Pending
www.xyzgallery.com/ ...

Example 5: With permission OR permission pending (with link)


        A sentence can be linked to any point (minute and second) within a video clip in order (1) to let students HEAR it in the dialog OR (2) to let them SEE the event. Rather than link an entire sentence, prefer to link only the verb cluster.

Source Document   Webpage [6]
(html)

(p)A family (a href="https://www.
youtube.com/watch?v=wV3N-wCRL2k
#t=3m40s") went(/a) on a long trip.

(br)The children (a href="https://www.
youtube.com/watch?v=wV3N-wCRL2k
#t=3m53s") played(/a) a simple game.

(/html)

 

A family went on a long trip.
The children played a simple game.

Example 6: Links from text to a YouTube video


        BREAKING up sentences into their verb cluster and noun phrases and DISPLAYING them in a table make grammar patterns easy to REMEMBER and thus to practice.

Source Document
(html)

(center)(table width=90% border=1 cellspacing=3 cellpadding=5)
(th colspan=4) 4‹æ Sentences (/th)

(tr align=center)
(td width=22%)(b) S ‹æ (/b)(/td) (td width=22%)(b) V ‹æ (/b)(/td)
(td width=22%)(b) O/C ‹æ (/b)(/td) (td width=22%)(b) +A ‹æ (/b)(/td)

(tr align=center)
(td) A family (/td) (td) went (/td) (td) & nbsp ; (/td)
(td) on a long trip (br) by car. (/td)
(tr align=center)
(td) The two children (/td) (td) played (/td) (td) a simple game (/td)
(td) along the way. (/td)

(/tr)(/table)(/center)

(/html)


Webpage [7]
4‹æ Sentences
S ‹æV ‹æ O/C ‹æ+A ‹æ
A family went   on a long trip
by car.
The two children played a simple game along the way.

Example 7: A table showing grammar patterns

Background Colors

red
ff-00-00
          yellow
ff-ff-00
          green
00-ff-00
         
          black
00-00-00
                    white
ff-ff-ff
         
          magenta
ff-00-ff
          blue
00-00-ff
          cyan
00-ff-ff


Last updated March 2023
contact information