Tuesday, April 20, 2010
Tuesday, March 23, 2010
Assignment # 5 (Flash Movie)
1. Define Kinetic Typography
Kinetic Typography is the technical name for "moving text" and is an animation technique mixing motion and text.
2. Topic for Flash movie
Fire
3. Researched data – documented and referenced
1. Fire is the rapid oxidation of a material in the chemical process of combustion, releasing heat, light, and various reaction products.
2. The flame is the visible portion of the fire and consists of glowing hot gases.
Resource: Wikipedia
4. Name of two typefaces being used (examples)
Myriad Pro Bold & Minion Pro Bold Italic
5. Color palette for flash project
#CC3300, #CC9966, #990000
Kinetic Typography is the technical name for "moving text" and is an animation technique mixing motion and text.
2. Topic for Flash movie
Fire
3. Researched data – documented and referenced
1. Fire is the rapid oxidation of a material in the chemical process of combustion, releasing heat, light, and various reaction products.
2. The flame is the visible portion of the fire and consists of glowing hot gases.
Resource: Wikipedia
4. Name of two typefaces being used (examples)
Myriad Pro Bold & Minion Pro Bold Italic
5. Color palette for flash project
#CC3300, #CC9966, #990000
Monday, March 1, 2010
Homework #4
What is the difference between a banner and a button?
A web banner or a banner ad is a form of advertising. Affiliates of the banner earn money on a cost per click basis. Buttons are an advertisement that advertise the program that was used to host the site.
What are the standard sizes for a banner?
The standard sizes for a banner are:
Full Banner= 468 x 60 pixels
Full Banner (with navigation bar)= 392 x 72 pixels
Half Banner= 234 x 60 pixels
Vertical Banner= 120 x 240 pixels
Vertical Tower= 160 x 600 pixels
What are the standard sizes for a button?
The standard sizes for a button are:
Button 1= 120 x 90 pixels
Button 2= 120 x 60 pixels
Square Button= 125 x 125 pixels
Micro button= 88 x 31 pixels
Give the URL for 3 buttons and 3 banners as examples.
Banners:
- http://www.bannerfans.com/banner_maker.php
- http://mybannermaker.com/
- http://www.bannersnack.com/
Buttons:
- http://www.buttongenerator.com/
- http://kalsey.com/tools/buttonmaker/
- http://www.coolarchive.com/buttonmaker.php
A web banner or a banner ad is a form of advertising. Affiliates of the banner earn money on a cost per click basis. Buttons are an advertisement that advertise the program that was used to host the site.
What are the standard sizes for a banner?
The standard sizes for a banner are:
Full Banner= 468 x 60 pixels
Full Banner (with navigation bar)= 392 x 72 pixels
Half Banner= 234 x 60 pixels
Vertical Banner= 120 x 240 pixels
Vertical Tower= 160 x 600 pixels
What are the standard sizes for a button?
The standard sizes for a button are:
Button 1= 120 x 90 pixels
Button 2= 120 x 60 pixels
Square Button= 125 x 125 pixels
Micro button= 88 x 31 pixels
Give the URL for 3 buttons and 3 banners as examples.
Banners:
- http://www.bannerfans.com/banner_maker.php
- http://mybannermaker.com/
- http://www.bannersnack.com/
Buttons:
- http://www.buttongenerator.com/
- http://kalsey.com/tools/buttonmaker/
- http://www.coolarchive.com/buttonmaker.php
Monday, February 15, 2010
Homework # 3
1. Define:
www- stands for “World Wide Web.” Standard beginning code to a website or URL.
Html- Stands for hypertext markup language. A set of tags and rules used in the coding of hypertext documents.
P- Or P-Frames (predictive frames) are groups of pictures that are played back in a video motion. Follow I-Frame’s.
A- is an anchor element that is used to define both hyperlinks and anchors.
Br- is a single line break. Br is an empty tag which means it has no end tag.
A href- the “a” element defines an address inside a document; “href” defines the “address” link.
H1 to h6- are used to define HTML headings. H1 defines the largest heading and H6 defines the smallest heading.
Body- contains all the body elements of the webpage: text, hyperlinks, images, tables, lists, etc.
B- Or B-Frame (bi-directional frame). Rely on preceding frames. Only display the bits of information that differ from the previous frames.
I- Or I-Frame (intraframe). I-Frames are interspersed between P-Frames and B-Frames. They contain more bits and take up more storage space.
Bgcolor- is used to control the background color elements of a webpage.
Img src- the “img” of the tag embeds an image into html. To hold its place it must be identified with either “alt” or “src”. “Src” specifies the URL of an image.
2. How do you write code for a simple website?
You write code for a simple website by following a basic structure marked by a series of tags. For example the title of the website is coded by. The entire website is written in a series similar to the "title" example.
<br />
<br />3. List 5 online resources for learning HTML code.
<br />
<br /> - http://www.tizag.com/htmlT/bgcolor.php: TiZag
<br /> - http://www.w3schools.com/tags/tag_IMG.asp: W3Schools
<br /> - http://www.davesite.com/webstation/html/: Dave’s Site
<br /> - http://www.htmlcodetutorial.com/: HTML Code Tutorial
<br />- http://www.2createawebsite.com/build/html.html: To Create A Website
<br />
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/06380763744054621317' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/06380763744054621317' rel='author' title='author profile'>
<span itemprop='name'>Emily Page</span>
</a>
</span>
</span>
<span class='post-timestamp'>
at
<meta content='http://emilypageb.blogspot.com/2010/02/homework-3_15.html' itemprop='url'/>
<a class='timestamp-link' href='https://emilypageb.blogspot.com/2010/02/homework-3_15.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-02-15T19:24:00-08:00'>7:24 PM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://emilypageb.blogspot.com/2010/02/homework-3_15.html#comment-form' onclick=''>
No comments:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-2014402014'>
<a href='https://www.blogger.com/post-edit.g?blogID=1385106131347864872&postID=4677753734609434959&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='1385106131347864872' itemprop='blogId'/>
<meta content='2495091759554953269' itemprop='postId'/>
<a name='2495091759554953269'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='https://emilypageb.blogspot.com/2010/02/e-mails.html'>E-mails</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-2495091759554953269' itemprop='description articleBody'>
1. emily85_03@yahoo.com<div>2. emilyb@quantumgraphix.net</div>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/06380763744054621317' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/06380763744054621317' rel='author' title='author profile'>
<span itemprop='name'>Emily Page</span>
</a>
</span>
</span>
<span class='post-timestamp'>
at
<meta content='http://emilypageb.blogspot.com/2010/02/e-mails.html' itemprop='url'/>
<a class='timestamp-link' href='https://emilypageb.blogspot.com/2010/02/e-mails.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-02-15T16:59:00-08:00'>4:59 PM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://emilypageb.blogspot.com/2010/02/e-mails.html#comment-form' onclick=''>
No comments:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-2014402014'>
<a href='https://www.blogger.com/post-edit.g?blogID=1385106131347864872&postID=2495091759554953269&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
</div></div>
<div class="date-outer">
<h2 class='date-header'><span>Tuesday, February 9, 2010</span></h2>
<div class="date-posts">
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQaTvdvzGocxMAgiwdEfFZ5HIFNVXO4hhcNtA67q2dErsYUYfKbuT-lfYaTli1lNPYKvrZOQqAXYJUY5WE_YGjzYVidbtWXdOPjs0tfMOx2Q2Ikq-2Re17RksKiUy7EcTlpFRRZCYZd8g/s200/IMG_3851.jpg' itemprop='image_url'/>
<meta content='1385106131347864872' itemprop='blogId'/>
<meta content='2207881519898471827' itemprop='postId'/>
<a name='2207881519898471827'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='https://emilypageb.blogspot.com/2010/02/assignment-2.html'>Assignment #2</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-2207881519898471827' itemprop='description articleBody'>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQaTvdvzGocxMAgiwdEfFZ5HIFNVXO4hhcNtA67q2dErsYUYfKbuT-lfYaTli1lNPYKvrZOQqAXYJUY5WE_YGjzYVidbtWXdOPjs0tfMOx2Q2Ikq-2Re17RksKiUy7EcTlpFRRZCYZd8g/s1600-h/IMG_3851.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436203742544472290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQaTvdvzGocxMAgiwdEfFZ5HIFNVXO4hhcNtA67q2dErsYUYfKbuT-lfYaTli1lNPYKvrZOQqAXYJUY5WE_YGjzYVidbtWXdOPjs0tfMOx2Q2Ikq-2Re17RksKiUy7EcTlpFRRZCYZd8g/s200/IMG_3851.jpg" style="cursor:pointer; cursor:hand;width: 150px; height: 200px;" /></a><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436203740261828882" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOvEZn5_NtzFbko4uimOFRi9gKsgvYv9pkaNyyVs4o7umN3Z00qss2lEAzY44mDJxmCzNQhEvYcA8YEv8XKJJH1ydae5MxycUAKJpbbJqQlDFROzdguOaO31otQXWhaA12bfiENpfbUYo/s200/IMG_3605.jpg" style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" /><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436203728440795906" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeyxl4a-LsrT6qn3XdhtnGU5p0EDxvCHU16Sk48xkK9d3vz_E01dPLId-soyyi7ipTBwY091iZiqMwUocGnTLIUG4UYNv8ETe6r1NXMpovu1_uA9d2sdkPW4TWXSfnq5Q9PQd5HnLY6Lk/s200/IMG_3603.jpg" style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVHkn340Aiisjgb0HSLzVZNHJGVdj0DnC2-W6R9Sf-HN8W32_P_f49Bq_448p4nmPE7fvGd9FlZrS3EvjhU1tHPDzniWJ1R9c_1vILDsqCaej_WSgbO83U4UoHlq1zwC-RWb_jPaGwSQQ/s1600-h/IMG_3599.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436203727311133298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVHkn340Aiisjgb0HSLzVZNHJGVdj0DnC2-W6R9Sf-HN8W32_P_f49Bq_448p4nmPE7fvGd9FlZrS3EvjhU1tHPDzniWJ1R9c_1vILDsqCaej_WSgbO83U4UoHlq1zwC-RWb_jPaGwSQQ/s200/IMG_3599.jpg" style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" /></a><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436203719574425202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirytrhQYREVQICRYflqY05HEl8K864lmBJwiYWYTtnIFY8GPIxuM1DlyCPLlfNhNWI1lAx7AJZCA3wGhxzQ1J3j6shPoT5MBGnTzwVB4Fuw0sO3ObkOXj7ePms8VsJTYQP5A554n-XKRs/s200/IMG_3598.jpg" style="cursor:pointer; cursor:hand;width: 150px; height: 200px;" /><div><br /></div><div><br /></div><div>Above are the images after I saved them for the web. I ended up saving all as JPEGs. PNG's were the next closest in quality, however the load time was almost doubled a JPEG's. The JPEG proved to be the better photo at the lowest quality.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-M-S9bCTT-ipxDSbILo6Q5llQh5QDE9nCOMQvKmBjyLz6pbEqXVr1oXTDJ_ev5rUd0vu3NQMiHLczP7aKVNgstrvzaDIcZv8ykeWFhkaLQNGoXVzL0H0siWnLta1sC9RBXmKS1KaXvzQ/s1600-h/IMG_3851.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436203001531064962" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-M-S9bCTT-ipxDSbILo6Q5llQh5QDE9nCOMQvKmBjyLz6pbEqXVr1oXTDJ_ev5rUd0vu3NQMiHLczP7aKVNgstrvzaDIcZv8ykeWFhkaLQNGoXVzL0H0siWnLta1sC9RBXmKS1KaXvzQ/s200/IMG_3851.JPG" style="cursor:pointer; cursor:hand;width: 150px; height: 200px;" /></a><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436202996527513618" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyviGHpwu3Smj4PIweImaFqqtw5ur_GqLaFfEcDm0yMItPN7BS-pRXDkqlsJ9upJCNtWuu9GCJkRUpBFOdeJx7cY3O6BAUk2hZFQh6dZFwkRVhFKAcK1bFjrt_0XsmG5CpwZvvmDWLT5E/s200/IMG_3605.JPG" style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" /><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436202988391530210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio5Eeu83uCHvBJNR1PTWvpRjU26cE-BnAQqaOlsutZqONTVrB1jkHTLQ0v_tRksD7qpzxbJ3yDOylmnxo0aX_HYdhhrFD_Qof8HVxhiLQiba71plluRNz7tdRIG0Rx1hCnELpTypFpH68/s200/IMG_3603.JPG" style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" /><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436202979604066610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEgWPGxPvBlNPZ_HqmyRVawPKtwg2e6c3BTMRQYvp59tf7AS8udibwGqfPwJxaYGAa2gM3TMDLF3DsxOMunhO84ypBclZeNSmKlAa_nuWGNb7LdKDMze0-fm7NisvkUtpDvZWrdZdVcZA/s200/IMG_3599.JPG" style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" /><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436202963502943970" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOv0BWvDa1UqZQXV3h33cyGXhtVZPQQtXzeBV9bA0ya9uGuvz2GXfA5lKHZitPVT1T1hndhnYFSdJNWeU38RNuaPm5ArPHi8oGhQxFS9sXVGH5-V9PX-RWgBaV61iqddKx-c7iuzqS7U0/s200/IMG_3598.JPG" style="cursor:pointer; cursor:hand;width: 150px; height: 200px;" /><br /><br />Above are the original images I used to create web ready images. As you can see I went with a hot air balloon theme.<div><br /></div><div><div><br /></div><div><br /></div></div></div>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/06380763744054621317' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/06380763744054621317' rel='author' title='author profile'>
<span itemprop='name'>Emily Page</span>
</a>
</span>
</span>
<span class='post-timestamp'>
at
<meta content='http://emilypageb.blogspot.com/2010/02/assignment-2.html' itemprop='url'/>
<a class='timestamp-link' href='https://emilypageb.blogspot.com/2010/02/assignment-2.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-02-09T03:17:00-08:00'>3:17 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://emilypageb.blogspot.com/2010/02/assignment-2.html#comment-form' onclick=''>
No comments:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-2014402014'>
<a href='https://www.blogger.com/post-edit.g?blogID=1385106131347864872&postID=2207881519898471827&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
</div></div>
<div class="date-outer">
<h2 class='date-header'><span>Tuesday, February 2, 2010</span></h2>
<div class="date-posts">
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ygHnDEHE8cy7wjrczzuuMJiqTdSOGGFTpOKSeQ-_2GM2x1-LmRZfGsQc_hogiwC4Bs13kgMyFUt94N2xMblx57RIvDVDAHROn2aBFKv11_onuyJtzdyuFgGKjW7jye-uhRS_I9CcKVE/s320/DSCF0003_6.JPG' itemprop='image_url'/>
<meta content='1385106131347864872' itemprop='blogId'/>
<meta content='177592493696446354' itemprop='postId'/>
<a name='177592493696446354'></a>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-177592493696446354' itemprop='description articleBody'>
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ygHnDEHE8cy7wjrczzuuMJiqTdSOGGFTpOKSeQ-_2GM2x1-LmRZfGsQc_hogiwC4Bs13kgMyFUt94N2xMblx57RIvDVDAHROn2aBFKv11_onuyJtzdyuFgGKjW7jye-uhRS_I9CcKVE/s1600-h/DSCF0003_6.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5433647661821555618" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ygHnDEHE8cy7wjrczzuuMJiqTdSOGGFTpOKSeQ-_2GM2x1-LmRZfGsQc_hogiwC4Bs13kgMyFUt94N2xMblx57RIvDVDAHROn2aBFKv11_onuyJtzdyuFgGKjW7jye-uhRS_I9CcKVE/s320/DSCF0003_6.JPG" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 240px;" /></a><br />Thought I would share with everyone our finished product for the "Chair-ity Affair" on March 19th. Our idea was to take a chair and add functionality to it. So we took the common barstool and converted them into "Corner Readers." These can be used as nightstands, bookshelves, or as the usual stool. We chose a tiered effect with the shelves to give a modern look and complimented that with bold colors in the shelves and the expresso stain. Everything you see on the stools, is included with the purchase.<br /><br />Our hope is to at least sell the stools (it would be kind of embarrassing if no one even bid on them). We've attached our personal business cards to each stool in the hopes that whoever ends up with them will think of us in the future for design projects or even more stools!
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/06380763744054621317' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/06380763744054621317' rel='author' title='author profile'>
<span itemprop='name'>Emily Page</span>
</a>
</span>
</span>
<span class='post-timestamp'>
at
<meta content='http://emilypageb.blogspot.com/2010/02/thought-i-would-share-with-everyone-our.html' itemprop='url'/>
<a class='timestamp-link' href='https://emilypageb.blogspot.com/2010/02/thought-i-would-share-with-everyone-our.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-02-02T06:07:00-08:00'>6:07 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://emilypageb.blogspot.com/2010/02/thought-i-would-share-with-everyone-our.html#comment-form' onclick=''>
No comments:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-2014402014'>
<a href='https://www.blogger.com/post-edit.g?blogID=1385106131347864872&postID=177592493696446354&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://emilypageb.blogspot.com/search?updated-max=2010-02-02T06:07:00-08:00&max-results=7' id='Blog1_blog-pager-older-link' title='Older Posts'>Older Posts</a>
</span>
<a class='home-link' href='https://emilypageb.blogspot.com/'>Home</a>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='https://emilypageb.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Posts (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='header'><div class='widget Header' data-version='1' id='Header1'>
<div id='header-inner'>
<a href='https://emilypageb.blogspot.com/' style='display: block'>
<img alt='Art By Design' height='90px; ' id='Header1_headerimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6EaytqOmgPe91-kzQWPOFNEva0RaWEQcyr4izTyOx4CWEg50avZlcY1z_4Hg8mgBC8zSkuOSL9uCp31FsERvLKGQ6xq_I3SKW6CRFjfjMgUzfCDKvpbQUSrOBUqmbamTpKT0AKisJjqg/s1600-r/Button.gif' style='display: block' width='120px; '/>
</a>
</div>
</div></div>
<div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML1'>
<h2 class='title'>Web Page Project</h2>
<div class='widget-content'>
<color= “color:white”>
<link= “link:7fffd4”>
<vlink= “vlink:ff1493”>
<h1><center>Sites to Sell Work</center></h1>
Below are a list of sites that have made it easy for you to sell your artwork online free of charge.
<p><a href= http://fineartstudioonline.com/sell-art?gclid=ckwl7lcj-j8cfzpy2godfr8zyw> Fine Art Studio Online</a></p><p>Fine Art Studio has free online support to help you set-up your own website to market your art work. It is free for the first 60 days and then after, you pay for the service. Although it isn’t free, it does take the hassle out of establishing a website and selling you own work.</p>
<p><a href= http://www.number1artist.com/> No. 1 Artist</a></p> <p> No. 1 Artist seems to be a solid choice for your first experience in selling your artwork online. Membership is free and No. 1 Artist markets your work. Viewers can purchase pieces you have posted or contact you personally for a commissioned project.</p>
<p><a href= “http://www.etsy.com/search_results.php?search_type=tag_title&search_query=paintings”> Etsy</a></p><p> Etsy is ranked as the best online resource to sell artwork. Creating an account is free with an active e-mail account. Etsy is connected to Twitter and many other blogs that helps re-connect your work to more viewers. </p>
<p><a href= http://www.artfire.com/modules.php?name=about_us> Artfire</a></p><p> Artfire gives you the option of setting up a free online store without any commissions or monthly fees. However, they only allow you to post 10 pieces at a time. This site might be a good starting point for an artist until they are ready to mass produce.</p>
<p><a href= http://www.theartistsweb.co.uk/sell-art> The Artist’s Web: Promoting Artwork Online</a></p><p> The Artist’s Web markets your art at a global level. You can try managing your own website for free with a 14 day trial. Or you can simply upload images and let Artist Web take over.</p>
<p><a href= http://www.artquiver.com/> Art Quiver</a></p><p> Art Quiver is a great site to find art from well established US artists. Art Quiver selects the artists they wish to market through their site. Although a great site to see great work, not a great site for an upcoming artist.</p>
<p><a href= http://www.foundmyself.com/> Found Myself</a></p><p> Found Myself is a great site to start selling and marketing your work. This site is open to both buyers and sellers free of charge. Found Myself is the first site to work on the Honor’s System. Up front there is no charge with the promise that after a few successful sales you will donate to the website.</p>
<p><a href= http://fineartamerica.com/sell-art-online.html> Fine Art America</a></p><p> Fine Art America is a great tool to link artists to art galleries. Both can sign-up and create accounts for free. It too works similar to a blog or twitter allowing the artist or gallery to update their status of events or new posted pieces.</p>
<p><a href= http://www.boundlessgallery.com/> Boundless Gallery</a></p><p> Boundless Gallery is very similar to Fine Art America where it connects artists to galleries and vice versa. This however, is all offered at a cost. There are 3 levels of accounts each at a yearly fee and a percentage of commission.</p>
<p><a href= http://www.imagekind.com/sell/> Image Kind</a></p><p> Image Kind is a great starter website for artists. As with many other resources, Image Kind offers different levels of accounts ranging from a free, less flexible account to many monthly fee options with almost unlimited flexibility.</p>
<p></p>
<p>To follow my research and other followings in art go to <a href= http://emilypageb.blogspot.com/> Art By Design</a></p>
<p></p>
<p>Further more to contact me <a href= mailto:emily85_03@yahoo.com> Click here</a></p>
<p> Emily Blankenship</p>
</vlink=></link=></color=>
</div>
<div class='clear'></div>
</div><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>Followers</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
window.followersIframe = null;
function followersIframeOpen(url) {
gapi.load("gapi.iframes", function() {
if (gapi.iframes && gapi.iframes.getContext) {
window.followersIframe = gapi.iframes.getContext().openChild({
url: url,
where: document.getElementById("followers-iframe-container"),
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'_ready': function(obj) {
window.followersIframe.getIframeEl().height = obj.height;
},
'reset': function() {
window.followersIframe.close();
followersIframeOpen("https://www.blogger.com/followers/frame/1385106131347864872?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByNhYWJiY2MiByNkZGFhNzcqByNGRkZGRkYyByMwMDAwMDA6ByNhYWJiY2NCByNkZGFhNzdKByMwMDAwMDBSByNkZGFhNzdaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3den\x26origin\x3dhttps://emilypageb.blogspot.com");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
},
'blogger-ping': function() {
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers/frame/1385106131347864872?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByNhYWJiY2MiByNkZGFhNzcqByNGRkZGRkYyByMwMDAwMDA6ByNhYWJiY2NCByNkZGFhNzdKByMwMDAwMDBSByNkZGFhNzdaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3den\x26origin\x3dhttps://emilypageb.blogspot.com");
</script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://emilypageb.blogspot.com/2010/'>
2010
</a>
<span class='post-count' dir='ltr'>(10)</span>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://emilypageb.blogspot.com/2010/04/'>
April
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='posts'>
<li><a href='https://emilypageb.blogspot.com/2010/04/flash-type-movie.html'>Flash Type Movie</a></li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://emilypageb.blogspot.com/2010/03/'>
March
</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://emilypageb.blogspot.com/2010/02/'>
February
</a>
<span class='post-count' dir='ltr'>(5)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://emilypageb.blogspot.com/2010/01/'>
January
</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>About Me</h2>
<div class='widget-content'>
<a href='https://www.blogger.com/profile/06380763744054621317'><img alt='My photo' class='profile-img' height='60' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1Tatk-t7bx5ZleB26Uu0DaguEVFpYURx17NQKhsyXiR8Pz841YhV6eRBgd8Xrcu0T5b2VH8jiEOmuJODbQn4Kn1fMhCbjNFu57u7b0QaMzEB6DvFGMBvIwe0myTUl20/s220/IMG_4928.JPG' width='80'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/06380763744054621317' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
Emily Page
</a>
</dt>
<dd class='profile-data'>Indianapolis, Indiana, United States</dd>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/06380763744054621317' rel='author'>View my complete profile</a>
<div class='clear'></div>
</div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
<!-- end content-wrapper -->
<div id='footer-wrapper'>
<div class='footer section' id='footer'><div class='widget Image' data-version='1' id='Image2'>
<h2>Animated Button</h2>
<div class='widget-content'>
<img alt='Animated Button' height='60' id='Image2_img' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmddaR9ZBWo3Y_oLwgUiStrc7VFgwYfoSlvmxwgBZQ8Ryh0inNBpEVM1ECEwg0HB5YOPDOlsKmwuRsDJimBleJRl_xsdz7i-cp4vO5gyaSYpeQTIReW2kn0SAEp9tYbbwlvZjCz8tPxH4/' width='468'/>
<br/>
</div>
<div class='clear'></div>
</div></div>
</div>
</div></div>
<!-- end outer-wrapper -->
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2591855913-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5voZiEro6LCVoO66zO2-CjN6ve6Q:1730935821556';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1385106131347864872','//emilypageb.blogspot.com/','1385106131347864872');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1385106131347864872', 'title': 'Art By Design', 'url': 'https://emilypageb.blogspot.com/', 'canonicalUrl': 'http://emilypageb.blogspot.com/', 'homepageUrl': 'https://emilypageb.blogspot.com/', 'searchUrl': 'https://emilypageb.blogspot.com/search', 'canonicalHomepageUrl': 'http://emilypageb.blogspot.com/', 'blogspotFaviconUrl': 'https://emilypageb.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Art By Design - Atom\x22 href\x3d\x22https://emilypageb.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Art By Design - RSS\x22 href\x3d\x22https://emilypageb.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Art By Design - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1385106131347864872/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/06380763744054621317\x22 /\x3e\n', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/6eb7ce967db05cf0', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'pageName': '', 'pageTitle': 'Art By Design'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Art By Design', 'description': '', 'url': 'https://emilypageb.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'crosscol', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3386964323-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image2', 'footer', document.getElementById('Image2'), {'resize': false}, 'displayModeFull'));
</script>
</body>
</html>
www- stands for “World Wide Web.” Standard beginning code to a website or URL.
Html- Stands for hypertext markup language. A set of tags and rules used in the coding of hypertext documents.
P- Or P-Frames (predictive frames) are groups of pictures that are played back in a video motion. Follow I-Frame’s.
A- is an anchor element that is used to define both hyperlinks and anchors.
Br- is a single line break. Br is an empty tag which means it has no end tag.
A href- the “a” element defines an address inside a document; “href” defines the “address” link.
H1 to h6- are used to define HTML headings. H1 defines the largest heading and H6 defines the smallest heading.
Body- contains all the body elements of the webpage: text, hyperlinks, images, tables, lists, etc.
B- Or B-Frame (bi-directional frame). Rely on preceding frames. Only display the bits of information that differ from the previous frames.
I- Or I-Frame (intraframe). I-Frames are interspersed between P-Frames and B-Frames. They contain more bits and take up more storage space.
Bgcolor- is used to control the background color elements of a webpage.
Img src- the “img” of the tag embeds an image into html. To hold its place it must be identified with either “alt” or “src”. “Src” specifies the URL of an image.
2. How do you write code for a simple website?
You write code for a simple website by following a basic structure marked by a series of tags. For example the title of the website is coded by