the lingua franca of the Web
New item has been created. View it here
8More
HTML 101: UC Berkeley - 0 views
-
-
browsers know which
-
markup language
- ...4 more annotations...
-
bold or italic
-
paragraph
-
tables
-
it's valuable to know some HTML even if your day job involves working with a content management system
-
This page is just a basic intro/course description for an HTML class taught at UC Berkeley. It's really just a few sentences, but it's one of those short on words/long on meaning pieces of text that I admire because it gets to the meat of what HTML is all about in a very intelligent way. What struck me, though, was the line that states: "... it's valuable to know HTML even if your day job involves working with a content management system... " I work with a CMS all day! As I've mentioned before, I work for CNN.com and mainly produce interactive features and such, yet I know shockingly little about them there Internets! This course will hopefully help me bridge that gap between the material I am comfortable with, and that which intimidates me.
2More
Validator - 0 views
-
Here is a javascript validator. It won't submit unless the fields are filled in. Also, the email must be filled in correctly. -
3More
Viddler.com - webprog-3-1 - Uploaded by halavais - 0 views
-
Left a comment on the 3-1 video at 6:55 about endless loops and Mickey Mouse. -
-
3More
JQuery Effects - 0 views
-
I have used two jquery effects on this page. The hide effect and the animate effect.
-
Best to get in the habit of keeping script & css in other files. Otherwise nice work.
-
3More
Hex Code / Color Charts - 0 views
-
When choosing text and background colors, it's useful to have a hex code chart to make sure you're choosing the color you really want. I like Webmonkey's chart because the color boxes are a little bigger than most other charts. Plus, they also provide the HTML coding to change the background color in case you forget. -- The Web Developer's Resource -
Good call on WebMonkey. That was one of the first sites I ever used when I was learning HTML in undergrad. I loved it! Plus, how can you not love it with a name like that! -
:) I thought I was the only one who would be amused by the name alone! I didn't realize this site was years old. Thanks for vouching for it
3More
Extra! Extra! Get your sign now! - 0 views
-
Here is the page I made to calculate your Zodiac Sign. I cannot believe how much difficulty I had figuring this out! I finally did so with help from the videos, a few online resources (although I definitely had to tweak them a bit), and a couple of my fellow ICMers :) Enjoy! -
-
Ooopssss..sorry I didn't included these. Here are the sources that I found online. http://www.spiration.co.uk/post/1290/calculate%20zodiac%20/%20star%20sign%20in%20PHP%20for%20mysql%20date and http://www.2wap.org/forums/index.php?showtopic=4866&pid=32711&mode=threaded&start=
2More
Visual Dice - 0 views
-
This is my visualization of the dice php file. I decided to use images of dice that I created using Adobe Illustrator. This document also utilized some CSS to format the page and javascript to help create the roll again button. The php uses the switch function to display the corresponding image to the number that is generated. -
3More
CSS Tutorial - 0 views
-
I cannot stress enough how much this site helped me in my course last semester with css and coding. The best part I found is that the example coding can be used and altered to fit whatever you are doing. That way, you see what it should look like and then add your own stuff to make the code your own with how you want the final product to look. I cannot stress enough how much this site helped me in my course last semester with css and coding. The best part I found is that the example coding can be used and altered to fit whatever you are doing. That way, you see what it should look like and then add your own stuff to make the code your own with how you want the final product to look. -
I cannot stress enough how much this site helped me in my course last semester with css and coding. The best part I found is that the example coding can be used and altered to fit whatever you are doing. That way, you see what it should look like and then add your own stuff to make the code your own with how you want the final product to look.
-
That's probably the best way to learn HTML and CSS. And you can actually collect good examples from around the web, since HTML and CSS are always viewable.
47More
Web Prog - 1-1: Course Syllabus - 0 views
-
joining the group
-
-
joining the group
-
Hey everyone. If you are a member of the group, you can see what others have to say about pages on the web!
-
-
-
Just wondering if you have specific page numbers of the textbook you want us to read. Do you want us to do all the exercises in the book? -
Ha, I didn't see this hiding up here. It's up to you which (and whether) you want to do the exercizes in the book. The advantage of the book, I think, is that it provides a nice structured approach, it gets you started on the right foot right away, and it focusses on what is important. The downside is that there is some "fluff." Sometime we all need a bit of fluff. So, the long and the short of it is, if I were in your shoes, I would work through the book quickly. Some of what is covered there is also covered in my lectures. In fact, I think this is the largest amount of overlap I have ever had between a text and the lectures. But I suspect you will need more depth in some cases than you get from the lectures. You might try watching the lectures, and then working through the section of the book. It's probably too much to actually "read" during a week (yikes) but it is highly skimable. And there will be an opportunity to return to it, as we move into some of the programming.
-
For challenge webprog-1-b: Question about the syllabus (and a suggestion) Question: I've been submitting challenges through adding bookmarks on Diigo; however, I used sticky notes on this one. Do you have a preference of how we submit challenges? Thanks. Suggestion: Very thorough lecture, but in future ones, it might be helpful to mention in computer requirements that Mac users need at least OS X 10.4 to access Firefox, Firebug, etc.
-
Challenge for webprog-1-b: question #2 If we want to improve our grade on one of the challenges, are we allowed to redo it?
-
Monica: Need to bookmark as well as sticky. I find the assignments according to the tag, so if it's not tagged, I won't find it. Firefox, Firebug, Firezilla, etc. are all available for 10.4 and before. Just google, e.g., "Firefox earlier releases." They may not have the same features as the most recent version. In practice, you can survive without any of these; they are just nice to have. As for your last question: the grade on an assignment is binary: either you get all the points or you don't. If you didn't, you'll need to send me a note when you redo it, so I can recheck it. If it's still before the deadline, you can rec. full points. If it is after the deadline, you get reduced points.
-
- ...9 more annotations...
-
A simple comment in the code indicating where you found a particular snippet is enough.
-
Can you cite where in the book you can find out where in the code to place this acknowledgment?
-
In the lecture 2-1 (coming soon!) I touch briefly on this. Generally, you just provide a short comment (see the last question on p. 6 of the book) near where you are borrowing code or ideas.
-
-
t will be added to the Completed page, at that point, with the associated number of points
-
I just clicked the Completed page and it failed to load. Is this a page that will eventually be up? Will grades also be posted in Blackboard as well as the Completed page? -
Eventually up (soon I hope). And I do not love Blackboard, so no duplication there. They aren't grades, so much as a record of who is doing what.
-
-
-
bookmark a particular URL
-
For challenge 1-b it says to make sure we bookmark our question. How do we bookmark a highlighted comment? Do we just use the entire URL and you would seek out our question(s)?
-
Is this the question you are bookmarking? If so, I think the world is going to expload. Yes, you should bookmark the page you are making the comment on (this one) and be sure to tag it webprog-1-b.
-
-
database-backed
-
You mention MySQL for the db backend. Can you give a list of what we'd need to download from the MySQL site? There appear to be several options. My brain hurts. -
You need not download anything :). That was easy... The database will be on a server.
-
-
shell account
-
what exaclty is a "shell account". I looked it up on Wikipedia (http://en.wikipedia.org/wiki/Shell_provider), but can you try to explain it in English aka understandable terms? -
As it turns out, we probably won't need to access a shell account. Basically, this allows you to directly log in to a server computer, and move around it. You generally have shell access to your own computer (on Windows machines, look under accessories or Run: Command; on OSX, the program is called "Terminal.") This is generally the only way to directly run programs or access detailed information about a web server. Otherwise, you are limited to FTP, which really is just used to copy files to and from the server.
-
Thanks, this actually spawned another question, but relating to Diigo. I had no notification (or none that I could see) or anything that you had responded to my sticky note. Is there something I'm missing or should I just remember to check back. Thanks
-
-
Yeah, you *should* be able to tag notes, but I guess (for the 1-b, for example), you just have to retag the page...
-
-
There is a textbook recommended for the course, Head First HTML with CSS & XHTML.
-
I am wondering how far along we should be in the book during the first two modules? -
Done. It's a pretty quick read. Really, my lectures are a kind of "Cliff Notes" (I guess that's now "Sparc Notes"?) of the book. You won't have a test, but you will find the book helpful in filling in the gaps as you create stuff.
-
-
create or modify a simple application on the web
-
(if any)
-
Hi Prof. Halavais. You mentioned in the opening syllabus video that you deliberately designed this ICM class to be an "open course," meaning it is open to others who are not tuition-paying QU students. Why make your class materials part of the "creative commons"? I'm also curious to know how QU officials feel about "open courses."
-
That's probably a longer question than I can answer. I think there is a mixed feeling about it, and some at QU think we should charge people for knowledge. I guess I'll turn that around and ask: what is it you are paying for when you pay tuition?
-
When I finally finish paying tuition, I'll have that oh-so-valuable piece of paper that says I have a master's degree, right? Tuition also helps to pay you, my professor!
-
-
form of web server (LAMP
-
-
Well, initially I had planned on doing more of this. In the sixth module, we briefly touch on what's available to a user via the *nix "shell," if those are the sort of commands you are thinking of. But I've aleady packpeddled quite a bit from my initial plans.
-
-
- ...5 more comments...
-
What pages of the textbook will we need to read in the first module? Should we do the exercises in the book? Also, can you cite how to acknowledge others' work within code?
-
Questions re: the course/syllabus: I just clicked the Completed page and it failed to load. Is this a page that will eventually be up? Will grades also be posted in Blackboard as well as the Completed page? Second, on the 1-b challenge page it said to bookmark our questions...I'm a little confused as to the expectations. To be safe, I commented on/highlighted on the syllabus page and am now bookmarking the Syllabus page as well. Are we supposed to do both for this challenge?
-
-
More of a general question towards the course itself....am in trouble if I really have no prior experience writing code/HTML/web programming? I'm a bit nervous to be honest. -
-
To satisfy challege 1-B, I have asked a good question about the course under the SCHEDULE section. There is a sticky note attached to the words "if any."
-
2More
HTML Goodies - 0 views
-
This site offers tutorials, demos, and explanations for using HTML. I found it particularly helpful when creating a site with frames. -- Free html tutorials and help, images, color codes and more for the web developer. Featuring tutorials on HTML tags, programming, basics, JavaScript, frames, hex codes and more. Our weekly newsletter provides the latest information for developers.
2More
It's A Wonderful Quiz - 0 views
-
A 10-question multiple choice quiz about -- big shock -- "It's a Wonderful Life." Step 3 of the assignment isn't exactly followed religiously, but I'm praying for mercy.
-
Hmmm. Not exactly (you don't really *grade* the quiz.). But benefit of the doubt.
2More
http://www.sarah-janebolling.com/nameemail.html - 0 views
-
Here is my javascript form which validates email addresses as well as phone number, name, zip code and phone number. -
Hmmm. Managed to slide by some strange email addresses, but good enough for government work :).
2More
PHP: Installation and Configuration - Manual - 0 views
-
Here is something that may help with the PHP building of the site. This lays out some of the neccessary tools to be successful when using PHP in coding.
-
Here is something that may help with the PHP building of the site. This lays out some of the neccessary tools to be successful when using PHP in coding.Here is something that may help with the PHP building of the site. This lays out some of the neccessary tools to be successful when using PHP in coding.
2More
Quiz - 0 views
-
This is my quiz, it is a five question quiz on the Televsion show Heroes. If I was at work I would totally take this quiz, considering that I am obsessed with this show. Both pages validate, the quiz page and the results page. -
2More
HTML 4.01 / XHTML 1.0 Reference - 0 views
-
-
A nice list of tags for HTML 4.01 and XHTML 1.0. This is for those times you don't want to wade through a lesson and just need to check something quick.
3More
Crock Pot Chicken Wings! - 0 views
-
It posts a comment, thats about all I can say. MySQL and I are not friends at this point, I'll leave it at that.
-
-
I've been reading MySQL's MySpace page, and she still thinks you're cool.
1More
WebCheatSheet Tutorials - 0 views
-
I was bel to find this really helpful site that provides detailed help on different web programming languages, code snipits, and tutorials. Of all the sites out there, I think this one has been the most helpful - easy to use and easy to understand. I wish I had found this sooner! Languages: ASP, PHP, Javascript, HTML, SQL
1More
Form Input Validation JavaScript - check user input and validate it (thesitewizard.com) - 0 views
-
This site helped me to understand the basic idea of the steps behind javascript validation
1More
Carrot Cake Recipe - 0 views
-
I hid the form to fill out a comment on my recipe page. If you click on "comments" the form will appear.
View AllMost Active Members
View AllTop 10 Tags
- 60webprog-1-a
- 44webprog-2-a
- 33webprog-1-f
- 31webprog-5-d
- 29webprog
- 28webprog-4-f
- 27CSS
- 27webprog-1-d
- 25webprog-5-a
- 25webprog-2-d
- 23html
- 23tutorial
- 22webprog-2-f
- 22webprog-6-a
- 19webprog-3-a
- 19php
- 19webprog-4-a
- 18javascript
- 17webprog-4-g
- 16webprog-1-g