CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Your Embedded “Quizlet”Your Quizlet: Getting StartedEditing A Blank HTML PageReady To Paste “Snippet”Paste “Snippet” Into PageYour Embedded QuizletChecklist: Before UploadingOpen Your “FTP” ApplicationCreate A Folder (“Directory”)Ready To UploadYour File Is OnlineExtra InformationWorking Online Example

Click on image to go to Quizlet website.

Click on image to view this working example.

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Your Quizlet: Getting StartedFirst, find your “quizlet” at http://quizlet.com Then, do this:

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Editing A Blank HTML PageNow, use an HTML editor to edit a blank HTML page. Please notice that there are different views of the same file.

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Ready To Paste “Snippet”You are ready to insert the “snippet of code” into the “source code” of the HTML page.

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Paste “Snippet” Into PageInsert the “snippet” into the “source code” of the HTML page.

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Your Embedded QuizletReturn to “normal view” to see the “embedded” quizlet application.

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Checklist: Before Uploading

Checklist•You identified a “quizlet” from the quizlet.com website.•You copied a “snippet” of HTML code from that “quizlet”. •You pasted the “snippet” into a blank HTML file.•You viewed this working example of the embedded quizlet. •You saved your HTML file as quizlet-01.html•You are ready to upload your file to your ULM student website account.

Assume, for this example, that this course is called EDIT 5027. So, for this example, we’ll create an online folder called 5027.

Ready To Upload…•Use a free “FTP” application to “upload” quizlet-01.html to your account. •Step by step, in the following example, we’ll use “WinSCP”, a free FTP application to upload the file to your ULM personal website account. (You can use any FTP application that you like; it’s basically the same process.)

You should have an HTML file ready to upload to your ULM website account.

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Open Your “FTP” ApplicationOpen your “FTP” application. (You can use any FTP application that you like. Recommended free applications: WinSCP, Filezilla, and Cyberduck.)

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Open The “public_html” FolderImmediately, open the public_html folder. Whatever is in this folder is online.

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Create A Folder (“Directory”)Inside the public_html folder, create a folder.

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Ready To UploadYou created an online folder; you are ready to upload a file to that folder.

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Your File Is OnlineWhen you upload your file to your online folder, it is online (on the Internet).

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Extra InformationHere is some extra information when you work with HTML files.

CORS 4567, YourFirstName YourLastName, YourPresentationName, ThisSemester, ThisYear

Working Online ExampleHere is a working online example of this embedded quizlet application:

Click on this image to view this online working example.

Location of this tutorial:

http://ulm.edu/~beutner/quizlet/quizlet-01.ppt