Jul -- Projects and Creations: Designing a schedule.

Register - Login
Views: 99368581	Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies	04-23-22 05:44:58 PM

Jul - Projects and Creations - Designing a schedule.

Next newer thread | Next older thread

Posted on 09-02-12 12:26:38 AM

Link | Quote

Since I'm going back to Graphic Design to take the second and last year of the program, I thought that I would design myself a tabloid-sized version of my class schedule.
So far, this is what I have: (cyan and dark green guidelines included to show the grid that I am working off of.)

Zoomed in portion of schedule design showing class block

Zoomed in portion of schedule design showing class block

I have the typography the way that I wanted with the header and time/day display, now I need to somehow design the individual blocks for classes. I do suppose that I could design them separately and then put them in, while trying to keep with the general idea of grids and slab serif type.

Question is... how should I lay out the data?
I have class name, class ID, instructor, time, and classroom (incidentally, they are all in the same exact room, afaik) that I would like to display on it.

____________________

Next newer thread | Next older thread

Jul - Projects and Creations - Designing a schedule.

Rusted Logic

Warning: You are using TidyHTML mode! Pages MAY and probably WILL break. To disable, click here or append 'xxx-off=1' to the URL!

Capturing turf before it was cool (click to hide in future page loads)

26 database queries.

Query execution time:	0.085174 seconds
Script execution time:	0.004147 seconds
Total render time:	0.089321 seconds

TidyHTML vomit below

line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 119 column 11 - Warning: <form> isn't allowed in <table> elements
line 118 column 10 - Info: <table> previously mentioned
line 120 column 11 - Warning: missing <tr>
line 120 column 119 - Warning: missing </font> before </td>
line 124 column 16 - Warning: plain text isn't allowed in <tr> elements
line 120 column 11 - Info: <tr> previously mentioned
line 125 column 68 - Warning: missing </nobr> before </td>
line 141 column 68 - Warning: missing </nobr> before <tr>
line 147 column 35 - Warning: missing <tr>
line 147 column 50 - Warning: missing </font> before </td>
line 148 column 37 - Warning: unescaped & or unknown entity "&id"
line 147 column 192 - Warning: missing </font> before </table>
line 149 column 35 - Warning: missing <tr>
line 149 column 50 - Warning: missing </font> before </td>
line 149 column 91 - Warning: missing </font> before </table>
line 155 column 9 - Warning: <link> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 156 column 25 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 158 column 25 - Warning: missing <tr>
line 167 column 25 - Warning: missing <tr>
line 168 column 114 - Warning: unescaped & or unknown entity "&postid"
line 170 column 90 - Warning: <link> isn't allowed in <td> elements
line 170 column 25 - Info: <td> previously mentioned
line 182 column 17 - Warning: missing <tr>
line 182 column 17 - Warning: discarding unexpected <table>
line 185 column 35 - Warning: missing <tr>
line 185 column 50 - Warning: missing </font> before </td>
line 185 column 91 - Warning: missing </font> before </table>
line 187 column 35 - Warning: missing <tr>
line 187 column 50 - Warning: missing </font> before </td>
line 188 column 37 - Warning: unescaped & or unknown entity "&id"
line 187 column 192 - Warning: missing </font> before </table>
line 189 column 17 - Warning: discarding unexpected </textarea>
line 189 column 28 - Warning: discarding unexpected </form>
line 189 column 35 - Warning: discarding unexpected </embed>
line 189 column 43 - Warning: discarding unexpected </noembed>
line 189 column 53 - Warning: discarding unexpected </noscript>
line 189 column 64 - Warning: discarding unexpected </noembed>
line 189 column 74 - Warning: discarding unexpected </embed>
line 189 column 82 - Warning: discarding unexpected </table>
line 189 column 90 - Warning: discarding unexpected </table>
line 191 column 9 - Warning: missing </font> before <table>
line 203 column 25 - Warning: discarding unexpected </font>
line 212 column 37 - Warning: discarding unexpected </font>
line 190 column 1 - Warning: missing </center>
line 120 column 63 - Warning: <img> lacks "alt" attribute
line 125 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 125 column 93 - Warning: <img> lacks "alt" attribute
line 141 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 141 column 98 - Warning: <img> lacks "alt" attribute
line 148 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 162 column 56 - Warning: <img> lacks "alt" attribute
line 188 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 188 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 188 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 197 column 25 - Warning: <img> lacks "alt" attribute
line 202 column 267 - Warning: <img> lacks "alt" attribute
line 149 column 50 - Warning: trimming empty <font>
line 182 column 17 - Warning: trimming empty <tr>
line 185 column 50 - Warning: trimming empty <font>
line 125 column 68 - Warning: <nobr> is not approved by W3C
line 141 column 68 - Warning: <nobr> is not approved by W3C
line 168 column 39 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 62 warnings and 0 errors!

The alt attribute should be used to give a short description
of an image; longer descriptions should be given with the
longdesc attribute which takes a URL linked to the description.
These measures are needed for people using non-graphical browsers.

For further advice on how to make your pages accessible
see http://www.w3.org/WAI/GL.
You are recommended to use CSS to specify the font and
properties such as its size and color. This will reduce
the size of HTML files and make them easier to maintain
compared with using <FONT> elements.

You are recommended to use CSS to control line wrapping.
Use "white-space: nowrap" to inhibit wrapping in place
of inserting <NOBR>...</NOBR> into the markup.

About HTML Tidy: https://github.com/htacg/tidy-html5
Bug reports and comments: https://github.com/htacg/tidy-html5/issues
Official mailing list: https://lists.w3.org/Archives/Public/public-htacg/
Latest HTML specification: http://dev.w3.org/html5/spec-author-view/
Validate your HTML documents: http://validator.w3.org/nu/
Lobby your company to join the W3C: http://www.w3.org/Consortium

Do you speak a language other than English, or a different variant of
English? Consider helping us to localize HTML Tidy. For details please see
https://github.com/htacg/tidy-html5/blob/master/README/LOCALIZE.md