Cergy LEA Multimedia: Class 8: Tables (again), Lists, Links

Starting from now you will have to be very AUTONOMOUS in your work. This means that you must work at home to develop your web page. It is nearly impossible to finish the website IN class work only.

-------------------------------------

Tables:

http://www.yourhtmlsource.com/tables/ (first look at “Basic Tables” then “Advanced Tables”, etc) You will learn to add cells, center them, put a background color or image in each cell, combine cells, etc etc.

---------------------------

Lists

There are MANY kinds of lists in HTML: for example, Ordered lists (1., 2., 3., …), Unordered lists, and Defined lists. You must have at least ONE in your website.

http://www.yourhtmlsource.com/text/lists.html (scroll to the bottom of the screen to find the codes)

-----------------------------------

LINKS (Also called Hyperlinks)

Links in HTML are called ANCHORS and they can be internal (within the same page) or external (to another separate page or to another web site)

Here are three links which spell out how to create links…..

http://www.yourhtmlsource.com/text/internallinks.html

http://www.yourhtmlsource.com/myfirstsite/basiclinks.html

http://www.echoecho.com/htmllinks01.htm

!! IMPORTANT MESSAGE !! The most important thing to remember is WHERE your files are saved and what the EXACT ADDRESS of a website is so that the computer can find the pathway to the file.

Your website will have a minimum of three pages. Each page is a different BlocNotes file (remember to record with .htm) Then, you will link the files to each other.

Links and images are the most popular things on Web pages. They are easy to add (just two basic HTML tags) and they bring excitement to your plain text pages. Here you can learn about the a (anchor) tag and the img (image) tag.

Some things to remember:

· The closing tag is required. (slash A)

· You can link either images or text

· Make sure to check your links so that they don't go bad

Internal Links (internal)
Internal links are links to another part of the same page. There are two parts of an internal link:

· the named portion of the page (a name=”top of page”)

· the link itself (a href=”#top of page”)

External Link: This is any link to another file, so this could be to another page in your website (local) or to another website (global).

You should have all three types (internal, local and global) in your website.

-----------------------------------------------

HOMEWORK:

Continue to work individually and independently on your website. All of these pages should help you find the information you need to insert the technically required elements of your website (and much more!!) Remember, sometimes it is just as easy to copy and paste some CODE then to type it all out.

http://www.developingwebs.net/html/

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

http://www.htmlcodetutorial.com/

http://www.htmldog.com/guides/htmlbeginner/

http://www.htmlgoodies.com/primers/html/article.php/3478131

http://www.cwru.edu/help/introHTML/toc.html

http://hotwired.lycos.com/webmonkey/teachingtool/

http://www.mcli.dist.maricopa.edu/tut/lessons.html

http://www.htmlprimer.com/

En Français: (si vous préférez d’autres, n’hésitez pas à les consulter)

http://www.creation-du-web.com/honolulu/cours-html-javascript-page1.html (Il faut ignorer les liens publicitaires en haut de la page, l’information est plus bas sur la page.)

http://nephi.unice.fr/CoursHTML/coursp1.php