Group items tagged

nutso: a misplaced semi-colon can mess you up big-time

Did a for the recipe; linked to a style sheet; added background color; added border and changed style of list; changed link color (but don't know why viewed link color doesn't change).

This site tells how to add links to your Website using HTML coding. Links are a key to the interactivity of the Internet, so I thought it would be good to know.

Similar to something I bookmarked in module one, this page does a great job explaining CSS in its most basic terms. It is short on words, but long on meaning, which is what I tend to seek out when learning something new. The following line (which is very similar to something Alex said in the lecture) really helped me put CSS into perspective: "The coolest thing about CSS is that you can link to an external style sheet, and this sheet can change the style (font size, color, link color, link hover etc.) on your whole Web site just by editing the one style sheet."

Here is a 4 page site I made for upcoming Connecticut concerts for the month of February. I included a splash page that includes links to Toad's Place, Mohegan Sun, and The Webster. On each of the 3 venue pages, I included links to the venues' official website as well. Then, I included text about upcoming concerts. I purposely didn't link back to the splash page, thinking that once the user is into the venue sites, it wasn't necessary to return there.

I revisited my comment/recipe page and toggled visibility for said comment form. To make it available on non-Javascript enabled broswers, I found a form that sends a user to different links depending on whether or not Javascript is enabled. Thus this is the 'filter' page, if you will. If you're interested in the links to these simple codes, I hid the links in the course code. Ta da.

Credit because it works. But... This is a great reason to use jQuery. It's unobtrusive, so to anyone visiting the site normally, the form will show up. Only for those with javascript would it be (at first) hidden.

I added a menu bar to my recipe page. Now, the page links to "Other Recipes", "Other Soups" and "College Inn," all with dropdown options linking to external sites.

I forgot to add that I used this site as a reference for the Menu Bar: http://www.alistapart.com/articles/dropdowns/ A friend of mine also helped me with the positioning of the nav as well.

This is my 3 page, well 4 page website for module 2. They are all linked to the same CSS sheet. It's about great rivalries in Boston Sports and has a lot of other fun links too. Enjoy!

When I view my recipe page on the desktop the image and links work fine. But when I publish it to the internet, the link for the image works but the image does not show up. I followed the steps meticulously and cannot figure out what has happened. Can you let me know what I missed?

Hopefully I already answered this, but in case not: *Everything* for the site has to get uploaded to the server. So, if you are including an image, the image also has to go up to the server. Next week, when we do style sheets, the style sheet has to go up to the server. Since it's a whole 'nother computer, you need to make sure all the pieces that make up your page/site make it up.

Here is a quick 4 page website I made about eating healthy. There is a quick and easy meal for breakfast, lunch and dinner. All the pictures are from flickr and the creative commons, and all the pictures link back to their original source. Figuring out how to make a picture a link was a little tricky at first, but after a few tries, I got it to work.

I did this page for my personal web site. If you have seen the first, rough draft so to say of my sight, you will notice I have taken out the links as I am working on the site. But the links to the past projects work fine. If you click on the plus sign, you will see a description of the project, and if you click on the minus sign, the description will hide. I liked this idea because with all the descriptions on the page, the page looked too text heavy. This method allows the user to pick and choose which site they want to know more about, while not being overwhelmed or distracted by other text.

This is a link to a working comments page (linked to a database table) which requires a valid name and email address before submission using Javascript. An error message appears & fades at the bottom of the form if something is omitted. I also made the same thing happen using PHP, so there are also messages at the top of the page from that code. I got the Javascript from http://www.leigeber.com/2008/04/dynamic-inline-javascript-form-validation/, and included this citation in my js page. Upon submission, a thank you message appears at the top of the form.

Nice!

Further explanation regarding why we dive into CSS without thoroughly understanding it first.

At 23:09 I link to a page that lists the various CSS color values and displays their various hues. http://www.w3schools.com/css/css_colorsfull.asp

I don't see a Viddler video lecture in module 6 and therefore can't figure out how to do challenge 6B; so I added a floating sticky note here. All I wanted to say was that 'Mashing' inherently makes me think of the Monster Mash and that I want to hear that song. Here's a link if anyone shares that desire: http://www.youtube.com/watch?v=0thH3qnHTbI

This is an article that gives you time saving CSS-techniques. It is a cookbook of web-architect shortcuts. The Links and References section also has a list of other valuable resources as well.

More tricks and techniques you can use to make your site better with CSS. This site links you to various others to provide you with tips and codes you can utilize.

Getting columnated is a little tricky for beginners like myself. In lecture 2-3: Columnated, I added a comment with a link to a site that lays out the fundamentals of the language used. I think this would be especially helpful to someone who aspires to be a web producer because a producer needs to speak in html and css language. The link is http://css.maxdesign.com.au/floatutorial/definitions.htm

There is a comment and link on the third video, second module for challenge 2-b. It may be found at 1:24. Thanks.

Made a few comments regarding photoshop and other aspects to the 2-column layout. Long lecture, but helpful in understanding the layout neccessities.

I couldn't bring myself to add these entries on the bottom of my existing module 2 website - instead I went back and added links to the existing pages to this 'new' page, which echoes entries from a data table created entirely in myphpAdmin. PS - my boyfriend actually hates The Land Before Time. I was just having a little fun.

This bookmark is a combination of 2-d and 2-f: it is my restyled recipe and horizontal menu for the CSS portion of the course. At first, I was a little hesitant / confused about learning the CSS formatting. Once I got used to the concept of the css formatting I found myself wiring code with ease. There was many back and forth between typing and viewing in the browser, but I got the hang of it. The one issue I had was with browser compatibility - the margin: auto; code did not render well in IE7, but had not bugs in firefox. The most difficult potion of the menu was hiding the attributes that the browser assumes should be included with a bulleted list and links hence why a css style sheet comes in handy.

Very nice. Should make it a habit to title your pages. But well done.

I retooled my recipe to include an image, links with changing colors and hover effect, font changes, divs, etc. Enjoy!

Here is a new 3-page site filled with some new info about me as well as some fun animations. I used a 2-column layout to keep my cartoon self and links list in place, have CSS working on my background images and added a new, snazzy, horizontal, unordered list menu. Hope you like it!

Here is my recipe upgraded with some CSS. The only trouble I had was getting images that I created to link to my stylesheet. So instead I just found some images via Google Images and used them as background images. I know it's not the best case, but as I'm learning, I thought it'd be alright just so I can see what happens when...