All posts tagged HTML

  • Solid Gold webpage

    They call her Jacklynn “HTML” Pham cuz her codin’ is the bomb. They think her CSS is the bes’ cuz it’s so stylin’

    My first  HTML website!

    This is our second HTML assignment, we had to make a re/design a website for a band or author. I choose my friend’s band from back in Nebraska to redesign. Right now they just have a facebook and a myspace page.

    I asked him what kind of tone, design style, or theme he wanted for his website. He said “gritty” and “vegetables.”

    Let me know what you think!

    *Note: the “music” players and the “gallery” are for looks only. Not only do I not have any music or pictures from them, but we haven’t learned how to design our own media elements.

  • Some graphic design

    Since I’m not so busy this semester I feel like better all of the time. Like happy, well-rested, more creative, and at ease.  Sure, I’m supposed to be making life changing decisions right now that I’ve been putting off–but that will be for next week.

    Here’s what I’ve been working on for work and school:

    Poster for the CAC

    Poster for Gallery 234

    Poster for Gallery 234, collaboration with Evan.

    Online invitation for Computer Graphics. Made completely with HTML! I’m so proud!

  • 4025: Flash vs. HTML 5 websites

    During the summer I attempted to make a website using Flash. I developed a basic structure which I really liked, but I my knowledge of Flash was too limited for me to ever make it a functioning webpage. I was also discouraged by the fact that I had heard that Flash websites were decreasing in popularity because of things like the iPad and iPhone not supporting Flash. Combined with my already present frustration, it seemed an easy choice to give up on the website since it didn’t seem useful to create something that would be instantly out-of-date at it’s release.

    [image source]

    On the subject of web standards, Dan Mall wrote a very informative article on the topic called “Flash and Standards: The Cold War of the Web” that I will discuss today.

    Like I alluded to previously, this debate really went into full swing with the release of the iPad. The Apple corporation didn’t want to support flash because they believed that it make things slower and had “bulky” software that Apple didn’t want to have to deal with.  Flash videos have to be downloaded in order to be watched.

    Because of this the idea of HTML 5 became more appeal because videos are embedded into the server and played from the server so there isn’t the need for the videos to be loaded, necessarily. (At least this is my understanding of the situation, from previous research over the summer).

    Mall points out the power of Flash as it’s used today. It’s no longer a simple drawing application, but rather fully functional and complex website can be built with them. For example, take graphic designer Bang-Wool Han’s website. This is a very cool website that was made completely in Flash. I like flash because you always know who everything will function and look on different browsers because all of your design is within the movie.

    Mall doesn’t think that it’s Flash that it’s the problem, but web developers. He points out that users don’t care what program you used to make your web page, as long as it works. And the more innovative it is, the more popular it has the potential to be.

    What Mall reminds us is that it comes down to the designer, not the technology to be successful.

    “Agencies: Stop writing job listings for HTML5 designers or ActionScript gurus. You’re just fanning the flames. Instead, invest in creative people who know how to execute in a number of ways, people who prioritize learning new tools to solve a problem over honing their chops. Don’t sell (or discourage) Flash or standards to your clients; instead, sell creative brand extensions, accessible content, enjoyable experiences, and simple maintainability.”

    This entry is part of an assignment in an English class called “Writing for the Web: Digital Story Telling” in which we have to post research relevant to our final project. My final project will be the creation of a professional website.

  • 4025: Web design – basic definitions

    As part of my webliography, I am required to have posts based on “source material” so I went onto Amazon* and bought two brand-spanking-new (and rather expensive) books based on reviews. They are Sam’s Teach Yourself HTML and CSS in 24 Hours and Introducing HTML5: Voices That Matter and I’ve just cracked them open today so I’m not necessarily recommending them at this point.

    Anyway, my decision to buy these books stems from the fact that I know barely enough about web design to get by and for the most part have worked in the WYSIWYG mode. I know some of the most basic tag from making a horrendous geocities website when I was 14. So really, I need to know the basics. Like, what is the difference between HTML and CSS? What is CSS? What can HTML 5 do? What is XHTML? How are you going to replace Flash websites?

    Today, I wanted to answer the basic questions on the what HTML and CSS are, and I hope to post next time about new standards in web design. Here goes!

    [Source: Sam’s Teach Yourself]

    HMTL codes “mark up,” or surround the text in order to tell a browser (Internet Explorer, Firefox, Chrome…) how to display web content. For instance, a common code bloggers use to change the color of their text is. EX:  <font color=green>Verde</font>

    Cascading Style Sheets (CSS) are, from what I have gathered, something similar to templates which allow you to carefully control the layout, font, colors, and formatting of your web page. CSS goes beyond what HTML can do.

    [Source: Introducing HTML 5]

    HTML5 is essentially the up-and-coming generation of HMTL which is significant because it’s supposed to be simpler (tags are more logically named) and is backwards compatible. The three main aims of HMTL 5 are:

    1. Specifying current browser behaviours that are interoperable
    2. defining error handling for the first time
    3. evolving the language for easier authoring of web applications

    For instance, one thing that I’ve read during my pre-book research was that instead of having a bunch of <div> (divider) tags, there will be more intuitive tags like <header> or  <navigation> —I don’t know if these in particular actually exist, but it’s the general idea that they are labeled more clearly.

    And now you know.

    *I hope you all know that if you’re a student you can get Amazon Prime for free for a year! I already loved Amazon, so this was great news for me. Free and 2-day shipping?!

    This entry is part of an assignment in an English class called “Writing for the Web: Digital Story Telling” in which we have to post research relevant to our final project. My final project will be the creation of a professional website.