Archives For Webcraft 101

Webmaking 101 Task#4

January 29, 2012 — 3 Comments

For this assignment, we were asked to study a list of HTML elements or tags. I have learned that through the evolution of language, some elements have become deprecated and some have been resurrected! That’s just wild. I spent a lot of time researching the list of elements. At times, I found myself brain-blind with new terms and spent significantly longer than the suggested fifteen minutes so that I could better understand what these tags do.

I’m rather proud that, not being able to grasp what the heck

was supposed to do, I copied the code from the example into my chosen text editor Bluefish then opened the file with Firefox. Lo! I got a couple rows of pushable buttons. I was pretty jazzed. Actually, the first time I attempted it nothing happened. Within a few seconds I realized that the example did not contain the element. I plugged that in at the top, wrote a at the bottom and bingo bango I was pushing me some inert buttons. Life is good.

Here are some of the images I graffitied with my new found HTML tags:


Yeah, I climbed to the top of Mt. San Jacinto for this assignment *brushes imaginary dust from his left shoulder* I saw the sky and the snowy base of the boulders as a division, I therefore tagged them

. The sign is a
and the lines of text in the sign are

(paragraphs).


Some strawberries from my garden! Using your imagination, see the pot with the berry plant as an unordered list

    . Each item is listed
  • and since the berries are all at different stages of ripening, they are unordered! Get it?


    This is a delicious cake made for my brother in law’s 26th birthday. I fixed this up to display a quotation and a

    paragraph. I had to draw in the red icing using Gimp image editor because I’m sure someone ate it. The cake says BOARS because we like to play Haven & Hearth. Seriously, watch out for those boars. What am I doing wasting my time with learning how to develop webs? I should be a professional cake decorator!


    This image is my babbies and I expressing ourselves through art. This masterpiece happens to be in my office where I’m making this post. Or if you work for code enforcement, it’s just my garage. ^_^ It shows the

    tag because the “users” are interacting with it. What are they interacting with? An image of course! Actually, several images. What a mess!


    Yeah so, some mighty handsome guy was up in a tree being all amorous with it. It occurred to me that his loving embrace could be viewed as a link! I called it out as

Webmaking 101 Task#3

January 28, 2012 — Leave a comment

I tried gedit, which already came with my 11.10 release of Ubuntu, VIM, which was easily installed, and Bluefish, equally simple to install.

gedit was quite simple, vanilla and easy to use. It got the job done and after typing in my handwritten code, I was able to view it using my browser: Firefox.

Upon opening the document with VIM, I was a little intimidated with all the bells and whistles. It seems to have more functionality. After tinkering with the document, I felt impowered. I was still able to do everything I could in gEdit, but would need to excersize a little self control if I were to avoid taking shortcuts.

Bluefish blew me away! It has yet more tools and windows displaying my file tree and push button media insertion. More discipline will be required if I am to learn how to write HTML from scratch. I may end up using this text editor once I feel more comfortable with gEdit.

I am learning that there are a load of free tools available at my fingertips. I am also again confronted with the lifelong decision of choosing the right mix of discipline and shortcuts. There is a very interesting idea of the appearance of web-content and the building of web-content. Many different people are choosing their favored tools to build something which ends up, in my view, looking pretty much the same.

Webmaking 101 Task#2

January 28, 2012 — Leave a comment

Whoa. I just remembered that if you are going to use a Sharpie it’s best to do so in a well ventilated area. I have completed the first part of my badge quest last night and woke up this morning to tackle the second. Here is an example of my first attempt to copy some HTML by hand:

The first time I did anything like this was twelve years ago in 1996. In Rob Driscoll’s English class. It was at the Oceanside High School’s now defunct Global Internet Academy. Go Pirates!!!

I did have a hard time completing it a second time from memory. The format as far as paragraphs and spacing went was easy to remember. I did run into some trouble with the values of what the HTML tags were defining. All I had to do was peek for a moment and I was back on track. This is a fun exercise, Let me know what you think of my craftsmanship.