Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget...
-
date post
19-Dec-2015 -
Category
Documents
-
view
216 -
download
0
Transcript of Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget...
![Page 1: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/1.jpg)
Skills: modifying and navigating a Blogger blogConcepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
User interfaces (with Blogger as an example)
Obsolete – blogger2.pptx
![Page 2: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/2.jpg)
Where does this topic fit?
• Internet concepts– Applications– Technology– Implications
• Internet skills– Application development– Content creation– User skills
![Page 3: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/3.jpg)
Typical blog user interfaces
P PPP
P PPP
![Page 4: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/4.jpg)
A two column interface
Post title and date
Footer
Post body Additionalinformation
![Page 5: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/5.jpg)
The link to your profile is on your Blogger dashboard
![Page 6: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/6.jpg)
Gadgets on the right hand side of the Topic Module blog
![Page 7: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/7.jpg)
Add gadgets to a user interface
![Page 8: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/8.jpg)
Profile gadget
![Page 9: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/9.jpg)
Label gadget
![Page 10: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/10.jpg)
HTML/JavaScript gadgets
![Page 11: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/11.jpg)
Tabbed navigation scheme
![Page 12: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/12.jpg)
Summary
Post title and date
Footer
Post body Additionalinformation
![Page 13: Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.](https://reader030.fdocuments.us/reader030/viewer/2022032703/56649d2d5503460f94a03a5f/html5/thumbnails/13.jpg)
Questions
1. What are the second level navigation choices under the Stats tag?
2. What is the effect of clicking Cloud or Label on the property sheet of the Labels gadget?
3. What happens if you uncheck About Me on the property sheet of the Profile gadget?
4. Explain the parallel between a person’s profile and a property sheet.