Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
GRA422-W14 Lecture 7
Search
Ahmed Sagarwala
February 27, 2014
Programming
0
640
GRA422-W14 Lecture 7
Two techniques for creating your website
Extensible Markup Language and RSS
Ahmed Sagarwala
February 27, 2014
Tweet
Share
More Decks by Ahmed Sagarwala
See All by Ahmed Sagarwala
GRA422 W14 Lecture 11
artform
0
160
GRA422 W14 Lecture 10
artform
0
190
GRA422-W14 Lecture 9
artform
0
140
GRA422 W14 Lecture 6
artform
0
410
GRA422 W14 Lecture 5
artform
0
450
GRA422 W14 Lecture 4
artform
0
790
GRA422 W14 Lecture 3
artform
0
950
GRA422 W14 Lecture 2
artform
0
1.5k
GRA422-W14 Lecture 1
artform
0
810
Other Decks in Programming
See All in Programming
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
ei_ei_eiichi
0
850
Django Ninja による API 開発効率化とリプレースの実践
kashewnuts
0
1.3k
CSC305 Lecture 03
javiergs
PRO
0
240
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
natmark
2
510
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
490
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
2.5k
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
330
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
560
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
370
Software Architecture
hschwentner
6
2.3k
dynamic!
moro
10
7.9k
Devoxx BE - Local Development in the AI Era
kdubois
0
130
Featured
See All Featured
Site-Speed That Sticks
csswizardry
12
900
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Become a Pro
speakerdeck
PRO
29
5.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
Leading Effective Engineering Teams in the AI Era
addyosmani
5
420
The Cult of Friendly URLs
andyhume
79
6.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
How to train your dragon (web standard)
notwaldorf
97
6.3k
How to Think Like a Performance Engineer
csswizardry
27
2k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Side Projects
sachag
455
43k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Transcript
GRA422 Electronic Document Design II — Lecture #7 Design Strategy
+ XML Winter 2014 Instructor: Ahmed Sagarwala
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
Announcements Midterm Exam (Reminder) Friday: March 7 Wednesday: March 12 Lectures 1 to 6 Labs 1 to 6 Analysis of code, all M.C.
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
1. Slicing Lab #2 Recap Create a design in Photoshop Use the slicing tool Export your images and HTML Modify the HTML document
None
None
None
None
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
2. Box Model HTML driven design Start by marking up content Think of each content area as a box Create design markup Create CSS styles (classes, IDs, elements)
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
Heading Section Section Section
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
<div class="row"> <h1>Heading</h1> <section class="one-third"> <h2>Section</h2> <p>Once upon a time... sleeping quietly.</p> </section> <section class="one-third"> <h2>Section</h2> <p>Once upon a time... sleeping quietly.</p> </section> <section class="one-third"> <h2>Section</h2> <p>Once upon a time... sleeping quietly.</p> </section> </div>
GRA422 Electronic Document Design II — Lecture #5 Asset Optimization
body { font-family: Georgia, serif; } h1, h2, h3 { font-family: Helvetica, sans-serif; } .row { background: yellow; } .one-third { background: rgb(130,190,230); float:left; width: 27%; margin:2%; padding:1%; /* total width: 1 + 2 + 27 + 2 + 1 = 33% */ }
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None