leDPP (séance de tutorat) pour le MULTIMEDIA en Anglais est le 16 juin de 13h30 à 14h30.
Nous allons revoir dans cette petite heure quelques thèmes clefs du cours, notamment sur l'histoire de l'internet puis les bases de la programmation HTML, afin de préparer l'examen de rattrapage (le mardi 22 juin).
Venez avec vos questions sur les textes (Alberghanti, Castells, Rheingold, Tressor, etc), sur les débuts de l'internet ou bien sur l'HTML. Rappelez que l'entrée pour la semaine 9 du cours à une liste de questions à reviser pour l'examen.
N'hésitez pas à me communiquer vos questions AVANT la séance.
Hello Students, I have 3 announcements to make today:
----------- 1) You have ANOTHER OPPORTUNITY to pick up your USB flashdrives, CDs or DVDs next week:TUESDAY, 1 June 2010Office: 56810h30 to 12h or 14 to 15h15 ----------- 2) I will also post your GRADES on the door of the office so that you can verify all of the marks that you got (including websites), and see what your final grade in Multimedia is. Come and see me, or send me an email immediately, if you find any differences or problems with these and what you have received back already (group projects, subject summaries, for ex). ---------- 3) Any students that need to pass the EXAM again in June should come to the DPP on the 16th or 18th of June (the secretaries will send out an announcement as to the exact date, time and place). AND, if you need a copy of the required articles which are not online, please send me an email and I will send you the docs.Don't forget, the Make-Up exam will be like the DST or first CT Exam, so study hard.
mardi 11 mai 2010
FLASH DRIVES (USB Thumb drives):
You can come pick up your Flash drives on Monday 17th May from 10h30 to 13h in my office, bur. 568.I cannot leave them with the secretaries who already have too much work, so if you cannot come personnally, ask a friend to pick yours up for you.
Your grades will be posted on the door of my office whenever I finish grading ALL of the exams and websites (after the 17th). You can then verify that all of your grades have been counted and the final mark you receive for the class.
-------- IMPORTANT MESSAGE !!!!!!! ---------
EXAMS for students who could not be present on 4th May:
These students must come to the final exam on the 17th May, from 15h30 to 16h30! Bring the justification for your absence with you. (let me know by email immediately if you are allowed a "tiers de temps").
Check the notice boards for the room, but it will certainly not be in 382! It is a written exam.
14h à 15h Groupes 1, 2, 3, 4, 7, 8 (et personnes ayant l’autorisation d’un tiers de temps en plus).
Reminder: websites are DUE on the same day. They must be handed in on some kind of physical "material" (like a CD, DVD or USB flash drive) which is well marked with your name. You should also put your name on your website and on the folder in which you have your files for your website.
QUICK REVIEW OF TOPICS:
Don't forget that the beginning of the semester dealt with the history and sociology of the Internet.
- What / Who and When about early computers and internet… Can you write up a timeline of the development of computers and internet history? - What is the “Hackers' ethic” according to Manuel Castells? - Who wrote about early virtual communities? What was his definition? How will the internet change our lives? - What were some early virtual communities? How did people exchange information? - What are some virtual communities that exist today? - Who is Generation Y and how were they shaped? How do they fit into today’s job market (or not)? - Can you write about several of these topics? (Not just your own)
1) Helpful uses for Google Tools or Google Earth (in other fields other than simple geography or cartography), explain some real applications. b) Google in China 2) Citizen journalism. Other than Youtube, what is user generated TV? Is it serious? 3) The “virtual office”: How is today’s mobile employee organized and how is (team?) work achieved? 4) Mobile phone use in Japan or India (choose ONE) 5) How did OLPC inspire a new kind of computer? 6) Anti-Plagiarism. How American universities and schools are fighting for intellectual honesty. 7) Privacy & the Internet: How much information do we or should we give out? What are the consequences? 8) The music industry: attitudes towards different legal and/or illegal solutions? 9) Internet governance. Who runs the Internet and how? 10) Old or New? How we perceive progress: sometimes the newest technologies have inspiration from the past. Choose one object and explain.
- What are some important steps to take when creating a website (before and during)? - Can you write the CODE (programming language) for a web page in HTML that has a list, table, colors, font, images and links?
Did you read all the required articles in the brochure? - ALBERGANTI Michel, « Internet, an 01 » - Interview with CASTELLS, Manuel - RAINDROP, B. & MEYN, S., An overview of website the creation process - RHEINGOLD, Howard, Virtual Communities, Introduction. - TRESSER, T., “Generation Now”, Seattle Conscious Choice, August 2007
Now, using the links I have provided in previous classes and your own web searches, keep working on your websites!
Due to the Easter holidayall of the Monday classes are (of course) canceled. In addition, the Tuesday classes will be modified. In fact, there will be NO offical classes on Tuesday, but I will be in the computer room so that you can drop in and work on your websites, if you want.
"Permanences" Mardi 10h a 12h30, puis 15h a 16h.
Remember that the final DST will be the 4th may.
AND keep working individually and independently on your websites.
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.
!! 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.
Class 7: several important reminders and information.
There is probably too much information here for your attention span, but try to forge through to find not only a summary of last week’s information, but the info you will need for this week. Read this page “diagonally” if you need to.
REMEMBER to include all of the technical requirements
Your web site MUST contain these technical details: ALL WRITTEN IN HTML in simple text (no editing software. For CSS or Java, talk to me first.) Do NOT host your site online (it’a question of copyright).
- different fonts (la police du texte)
- different sizes of lettering,
- different colors
- tables,
- at least one list (ordered or numbered)
- images
- varied layout of text and images (not exactly the same thing on each page)
- internal links (anchors to places inside the same page)
- external links (to a new page AND to a new URL)
- at least 3 distinct web pages (in English with original content) linked together
- at least one other function (or productive TAG).
- navigational tools and logic
Keep your pages simple, so that everything works. Test it on several different computers before handing it in on the last day of the semester (3rd/ 4thMay : NO late websites accepted).
In addition, the content is worth 50%. So, you must write at least 50-100 words per page of original content. Copying is tempting, but DON’T DO IT.Also, a list of simple words is also not considered “written text”.
As a note : behind the scenes of HTML
What do the acronyms HTML and HTTP stand for? Who created these and when? (this was from the first part of the class… the history of the internet)
Behind every website is a programming language in a code which gives instructions to the computer. You can see this with any webpage. Go to the top menu bar and open ‘Display’ (affichage), then -->’source’. This will open a window with the CODE. On some pages this is complicated, and the programmers have used special software (do you know any?) but in fact the basic HTML code is quite easy and accessible to anyone, with a little patience and rigour.
NECESSARY vocabulary to learn: What are the following? (if you don’t know already, look these words up at home!)
Pointed brackets
Slash (forward slash)
Back-slash
Colon Equal sign
Quotation marks
Number sign
CODE (as in the code YOU write)
Attribute
Space
Bold
Italic
Font
Align (right, left or center)
Desktop
Color code
Tutorial
Tag
Reviewing and continuing HTML
Here are some things we did in class last week:
Paragraphs: (when you want to start a new section or « aller à la ligne »)
Colors in HTML are represented by a series of numbers (or by the basic names for colors such as Red, Yellow, etc, but you have more variety with the color codes).
Color for Text. The text is called FONT (or “basefont” to apply to the entire webpage). For simple instructions, follow this tutorial: http://www.echoecho.com/htmltext.htm. Make sure to click on the READ MORE button at the bottom of the page.
Background color is also interesting to add. This added to your code inside the TAG as what we call an “attribute”. So, write inside the BODY tag the added attribute of bgcolor (all of this is INSIDE the pointed brackets).
body bgcolor=”color code”
NEW HTML:
Inserting images in general
Images add interest and excitement to your Web pages, and they are fairly easy to add. You can do this by clicking on the right mouse and saving the image in your own folder.
There are numerous file formats for computer graphics, though the most common for websites are GIF and JPG.
- The standard format that can display within a web page is GIF or Graphics Interchange Format. The GIF compresses the picture information (reduces the file size) and translates it to binary code that can be sent over the Internet. GIF compression is most effective on graphics that have contiguous areas of solid color, and compression is even greater when the color is continuous in the horizontal direction. GIF images have the feature of defining a color to be "transparent" so images can appear to have non-rectangular boundaries. They can also be saved in the "interlaced" format so that when you see a web page, the images start to appear soon and "dissolve" to the final image.
- The other file format used on the web is JPEG (named after the Joint Photographic Expert Group that designed this format). JPEG compression is very effective for photographic images where the colors can vary spatially over short distances. JPEG offers some dramatic compression in filesize, sometimes by a factor of 10 (e.g. a 1500 kb file reduced to 150 kb), which may be at a trade-off for some image quality. JPEG images do not have the ability to have transparency.
If you want to use an image for the background, use the “background” attribute in the BODY tag. Remember to slide the pointed bracket over to make room for the attribute INSIDE the tag.
body background="filename.gif" (here, pointed brackets should be present but are not due to the blog format)
For any image, you must give the EXACT location of the file and the precise name, e.g. body background="C:\Documents and Settings\MmeBays\Bureau\ HTML page/gray_fabric.gif"
Hint: keep ALL of your images in the folder you began called YOURNAME_WEBSITE. This will allow any computer to find them easily.
You can insert images that are already on the web by giving the URL of the image. Don’t forget that to read these, the computer has to be connected to the internet.
img src="http://www.echoecho.com/rainbow.gif"
To find this address, right click to find the Properties of the image and copy the Emplacement.
There are three other attributes that you can include width, height, and alt. The width and height attributes tell the browser how big the image is. This allows the Web page to render more quickly, as the browser can allocate space for the image and then move on to the rest of the page while the image downloads.
ALT is a description that will replace the image when it is not there. You can write img alt=”horses running” scr=”horses.gif”
Remember, you must have an image ready to insert before you begin this chapter.
TABLES are a good way to put images on your page. First, insert the table, then insert the image as the content of the table. You can even make the border of the table invisible…
