Nitty Meet Gritty

As one of the res­i­dent techno­pho­bic fogeys (thanks, David), I admit I’m also daunted by the prospect of writ­ing html.  The arti­cles helped allay some of my fears, but I’m still strug­gling to keep some of the terms and html sym­bols straight.  I now have a greater appre­ci­a­tion for what web mas­ters have actu­ally mas­tered to deserve the title.

I’ve added a rough c.v. to my Tex­tWran­gler doc­u­ment, but I can’t remem­ber how to pre­view the result before com­mit­ting to upload­ing it to the actual web page.  I did mostly h3 and h4 sub­head­ings with a list and sev­eral para­graphs.  So far it’s pretty straight for­ward, but I can totally see the wheels com­ing off as it gets more involved.

One thing I def­i­nitely don’t know is how to hide the details of the c.v. items in some way till the user wants to see more expla­na­tion.  Any sug­ges­tions from the class or from Ricardo?

This entry was posted in Uncategorized. Bookmark the permalink.

6 Responses to Nitty Meet Gritty

  1. Susan says:

    Sorry– no sug­ges­tions. I am rest­ing in the appre­ci­a­tion for web­mas­ters stage!

  2. Richard says:

    Nitty Gritty. Is there any Dirt Band in there as well? All fun aside, to pre­view the page before com­m­mit­ting the changes “live” is fairly sim­ple to achieve. Open your browser, go to the text based menu item “File” and choose “Open from File,” nav­i­gate through your fold­ers to where you are stor­ing the file (index.htm) and open it. Keep the file open in your browser as you make changes and addi­tions to the file. To see those changes just refresh the page.

    As for hid­ing details … yes, there are ways to do this, but why do you want to?

  3. David says:

    You’re welcome…I think.

  4. Matthew says:

    Try this code with an image to open a quick popup with css for more information.


    Regular CV text hover over this to see menu

    I’m sure you can look up and change the rest of the type attrib­utes and change them to your lik­ing at w3schools.com

  5. Matthew says:

    Well, I guess the code tag isn’t work­ing quite as it should… ah the won­ders of html.

    Try this Dan:

    Reg­u­lar CV text hover over this to see menu

    I’m sure you can look up and change the rest of the type attrib­utes and change them to your lik­ing at w3schools.com

    Sec­ond times the charm.

  6. Matthew says:

    Here is more fleshed out exam­ple…
    Link to my project exam­ple page

Leave a Reply to Susan Cancel reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>