Lesson 3. How to make a website free for musicians

CVA Web cursus

Day 3Multimedia, interactivity and SEO for

musicians

Why is a blog important?

• Authority

• Enhances your social media strategy

• Content is the king... For SEO

• Content gets people to take action

Copyright www.creativesocialmedia.eu

http://www.rightmixmarketing.com/


How to create a blog in your wordpress.com site and add tags and

categories

How to create a blog(http://www.youtube.com/watch?v=Cqxo8dR33JE)

How to add categories and tagshttp://www.youtube.com/watch?v=bUiZNE9-R2A


http://www.youtube.com/watch?v=Cqxo8dR33JE

http://www.youtube.com/watch?v=Cqxo8dR33JE

http://www.youtube.com/watch?v=bUiZNE9-R2A

http://www.youtube.com/watch?v=bUiZNE9-R2A

Adding pictures in our site

How do we mesure a picture?

Pixel

stackoverflow.com


• In digital imaging, a pixel, pel, or picture element is a physical point in a raster image, or the smallest addressable element in an all points addressable display device;

• so it is the smallest controllable element of a picture represented on the screen.


discoveriesandbreakthroughs.org


Image formats

www.funatweb.com


• GIF = Short for Graphics Interchange Format.

• JPG= Short for Joint Photographic Experts Group, the original name of the committee that wrote the standard.

• PNG = Portable Network Graphics (not supported by all browsers)


GIF

• Very low resolution files for your website

• Transparency

• Limited to 256 colors

• Support animation


JPG

• can be relatively small in size

• They look crisp and beautiful

• support up to 16.7 million colors

• flexible images without large loading times


PNG

• PNG files are lossless, which means that they do not lose quality during editing

• PNG files tend to be larger than jpegs

• PNG files do not support animation

• PNG files were developed to build upon the purpose of gifs.


Which one should I use?

• For most ecommerce situations - JPEGs will be your best bet. They provide the best quality and the smallest file size.

• Never use GIFs for large product images. The file size will be very large and there is no good way to reduce it. Use GIFs for thumbnails and decorative images.

• PNGs can be a good alternative to both JPEGs and GIFS. If you are only able to get product photos in PNG format, try using PNG-8 over PNG-24. PNGs excel at simple decorative images because of their extremely small file size.


Optimization for the web

• Not larger than 70-100 Kb’s

• Be careful with resizing

Tools to use:

www.pixlr.com

For windows users: GIMP 2.8

Videos:Resize: http://www.youtube.com/watch?v=05MadTlQUp8

Adding pictures and links: http://www.youtube.com/watch?v=akSSUnx8S04


http://www.pixlr.com/

http://www.youtube.com/watch?v=05MadTlQUp8

http://www.youtube.com/watch?v=akSSUnx8S04

Adding videos

To quickly embed a YouTube video, simply copy the video’s URL from yourweb browser’s address bar

Paste it on a line by itself in your post/page editor (make sure that it isnot hyperlinked): while viewing the video:


http://en.support.wordpress.com/videos/youtube/#troubleshooting

To customize the video’s size and settings, use a shortcode. You can do this by copying the video URL:

Then create a shortcode using the format below. Be sure to replace the URL listed here with the URL of your video, and the code is on a line by itself.

[youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A]Video Customization OptionsYou can specify the width and height of the embedded video byadding &w=... or &w=...&h=...to the shortcode. It will automatically adapt to your theme’s content length and give you preferred dimensions.You can disable related videos by appending &rel=0.For example, this shortcode:[youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&w=640&h=385]


http://en.support.wordpress.com/shortcode/

Homework

• Fix your blog

• Write a daily small post

• Use Pixlr.com to resize some pictures

• Add them to your site

• Add content to your site

• Add at least one customized video

• Improve design


Lesson 3. How to make a website free for musicians

Social Media

Transcript of Lesson 3. How to make a website free for musicians