A quick introduction to building and uploading your first website.

1. WEBSITE
1-2-3

3. FLASH HTML

5. Source code in a flash page

7. Source code in a html page

9. Content
.html
.css
.gif
.jpg
.swf
.mov

10. Structure
.html
assets (FOLDER)
.css
.gif
.jpg
.swf
.mov

11. Domain name
URL
.no
.com/org/net....
GET
ONE
NOW!
FTP hosting
Email
MySql
http://www.domeneshop.no/

12. FTP (file transfer protocol)
Home
FTP
External server

13. FTP (file transfer protocol)
Folder/file transfer
index.html website.css me.jpg

15. Search/listing
Google
no.1
Description
Keywords
Link
Friends
Blog
Visits
Analytics

16. Flash
PROS
fixed layout
font support
all in one
adobe support
CONS
plugin
update
accessibility
no mobile

17. Flash portfolio
Dave Werner’s
Portfolio
Dave Werner’s portfolio gallery
is shown as an artistic collage;
clicking on a piece in the
collage expands it.
He presents his final work and
the process.
49 More Beautiful And Creative Portfolio Designs:
http://www.smashingmagazine.com/2008/11/26/50-
beautiful-and-creative-portfolio-designs/

18. Blog/portfolio
Magazeen
Free theme for wordpress.
Others:
• 30 high quality WP themes, free
• 100 excellent WP themes, free
• 15 WP portfolio themes
5 Free Database Portfolio Solutions:
http://www.wordpress.org/com
http://www.typepad.org
http://www.joomla.org/
http://drupal.org • http://www.drupalsites.net/

19. At urladdict.org you
will find a selection of
websites I have made, most
are HTML, but you will also
find FLASH. Since I have made
them I know how they work,
ask me!

20. Click through
these links for
inspiration...
Creating A Successful Online Portfolio
Top ten web typography sins
10 Useful Techniques To Improve Your User Interface Designs
10 Principles Of Effective Web Design
20 Websites with Beautiful Typography
http://www.flashmo.com http://www.flashvillage.com/