And so here’s another Web design Q&A from my class.
What is browser-safe color palette/ Web-safe colors
216 colors out of the 256 colors that the old computers supported.
The remaining 40 colors varied on the PC and Mac.
Is it still relevant in today’s context? And why?
No it isn’t as computers now support millions of colors. And fewer people view the web in 256 colors.
What are the common fonts face found on PC & Mac?
- Arial
- Comic Sans Ms
- Courier New
- Georgia
- Impact
- Lucidia Console
- Palatino Linotype
- Tahoma
- Times New Roman
- Trebuchet MS
- Verdana
- Symbol
- Webdings
- Wingdings
- MS Sans Serif
- MS Serif
What is page loading time? And how will it influence your design?
It’s the amount taken to load a certain web page. Things that effect the loading time are images, applications
I ran a web page analyzer on this blog. Some of the results are below.
Object Size Totals
| Object type | Size (bytes) | Download @ 56K (seconds) | Download @ T1 (seconds) |
|---|---|---|---|
| HTML: | 31670 | 6.51 | 0.37 |
| HTML Images: | 42081 | 8.79 | 0.62 |
| CSS Images: | 0 | 0.00 | 0.00 |
| Total Images: | 42081 | 8.79 | 0.62 |
| Javascript: | 66079 | 13.37 | 0.55 |
| CSS: | 22065 | 4.60 | 0.32 |
| Multimedia: | 0 | 0.00 | 0.00 |
| Other: | 0 | 0.00 | 0.00 |
Download Times
| Connection Rate | Download Time |
|---|---|
| 14.4K | 126.48 seconds |
| 28.8K | 63.74 seconds |
| 33.6K | 54.78 seconds |
| 56K | 33.27 seconds |
| ISDN 128K | 10.88 seconds |
| T1 1.44Mbps | 1.86 second |
PAGES THAT LOAD SLOWLY = 
UNHAPPY VIEWER
Simple design tips to speed up your page loading <33
- Host images on your server!
- Use image height and width!
- Visit this site where I got my information from
Web Design Workflow and Process Comparison
Read the web process article above and write what you think about it.(150 min words)
SO many different ways of coming up with a website!!! So many things one needs to consider.
Basically, you would start the same way you start any other art project.
1. RESEARCH
-Understand your project, and come up with a good concept.
- Know what is required of the website.
- Explore and learn for similar websites.
-Thumbnails, sketches.
- Typography
- Colors
- Composition
-Editing of ideas.
2. Mock up!!!! To get your ideas approved.
3. Development!
-CSS
-HTML
-Making it work!
- Design might be changed a little at this point.
- TEST! TEST! TEST!
- Browser test!
4. LAUNCH
- Link check
- CHECK CHECK CHECK.
5. POST LAUNCH
-Maintaining your site ^__-
Yep the links were all very useful!!! From all the differnet style of working, you can see a similar work flow.
Visualization –> Draft–> Production –> Launch –> Post launch
This work flow is pretty important as things get harder to change after the productions starts.
YAY I 166 words!!!!