Posts Tagged ‘Tutorial’
HTML For Bloggers Course – Lesson 1
HTML knowledge is one of the biggest stumbling blocks for small business owners looking to manage their own blogs. On a blog platform like WordPress.com, a non-techie can configure 80-90% of their site without knowing any HTML. On Posterous or Tumblr blogs, 95% of the blog site can be well configured without HTML.
It’s that 5-10% that can stop a small business owner in their tracks. The intent of this post and the whole course is to help you get over that learning hump so you can manage your blog effectively and go on and do what you do best, run your business.
Let’s get started.
Web Page Basics
* Web pages are created using the scripting language called HTML.
* HTML stands for HyperText Markup Language
HyperText Markup Language
HyperText
* Web pages may include text, images, videos, and links to itself or to other Web pages or documents.
* Links are also called “Hyperlinks.”
This Web page includes a hyperlink
Markup
*HTML is used to describe a Web page’s layout.
Exercise
For this part of the lesson to be most effective, you will need to print out this worksheet (PDF). This page has the two examples below and some instructions.
Now, get a marker or crayon and have it handy (red ones work well). Look at the first example and describe what you see. Pretend that you’re on the phone describing to someone what you see in the little Web browser. Then write those same descriptive words on the paper with your marker or crayon. Write them next to the element on the Web browser that you are describing.
This is the most important part of the entire course. There’s no wrong way to do this. You’ll see.
Markup Exercise #1
Ok, so you marked up the first little Web browser on the worksheet. That wasn’t so bad, was it?
You’re wondering if “you did it right”, aren’t you? That’s natural. Click here to see how I marked up the first little example. If you did it a different way then that’s fine.
Now go to the second little Web browser on the worksheet and do the same thing. Mark it up. Remember, you’re writing down words that you would use to describe it to someone else. Don’t be afraid to draw arrows and circles to make things super obvious.
Markup exercise #2
You can see how I marked up the second example here. Once again, if you did things in a different way that’s Cool and the Gang (movie reference).
Congratulations, you just finished Lesson 1! The purpose of this little exercise was to practice the “marking up” process. We essentially just created our own little language for describing Web content. The language was made up of descriptions in English and maybe arrows and other marks.
In the next lesson we’ll learn the formal way to use the HTML scripting language to describe Web content. You’ll learn about the key HTML “tags” and the structure of an HTML document. You will also learn the first tips for using HTML to update your blog content with confidence.
Have questions on this Lesson? Was it useful? Leave a Comment or “@” me on Twitter, @jesseluna. While you’re at it, subscribe to the blog so you don’t miss Lesson 2.
[Update: HTML For Bloggers Course - Lesson 2 has been posted!]
Photo credit: Studiocurve on Flickr – License
Posted in Blogging, How-To, Local Businesses, Small Business, Social Media, Training | 
Tags: blog, bloggers, class, course, free, How-To, instructions, learn HTML, Posterous, Small Business, tumblr, Tutorial, wordpress | 
5 Comments »
How To Create A Facebook Fan Page [VIDEO]
[Originally posted on jesseluna.com]
Facebook Pages allow businesses and individuals to create rich branded pages within Facebook. Every major brand in the world is running to build engaging and “sticky” pages on Facebook, because that’s where the people are.
Are your customers, non-profit supporters, constituents, and neighbors on Facebook? You betcha. So why not give them an opportunity to connect with you and your brand?
This tutorial will show you how to get started on building your own Facebook Page (I refer to them as “Fan Pages” in the video). This is Part One of the Facebook Fan Page project so make sure you bookmark this page, subscribe to the email blog posts, and/or subscribe to the RSS feed to keep track of further developments.
Your feedback is golden. I love Comments like a fat kid loves cake.
And don’t forget to view the full Transcript below.
Transcript
[Music]
Hi this is Jessse Luna. Today I’m going to show you how to create your own Facebook Fan Page.
First go to Facebook and get logged in then navigate over to the “Ads and Pages” link and click on that.
I just clicked on that. You’ll see a couple of the other Fan pages that I’ve created.
We’re going to create a new page so click on the Create a Fan Page button [Create Page].
This will take you to the Create A Fan Page [Create a Page] site [page].
And we are going to select “Local Business.” Select the type of business. This is going to be a Store.
Now we put the name of the page [typing]
And I put in “Handmade Tesoros” is the name here.
I select that I am the official representative
And now I’m ready to create the official page
I click on the button
And there we are, we’ve already gotten started. We now have a Facebook Fan Page.
Now it’s time to configure it and make it look pretty.
So let’s start with adding a nice picture here.
We go up and click on the Edit Picture. We’re going to Upload a Picture.
Now we’re going to browse and navigate to the picuture that we’re going to upload.
There it is.
[Picture is uploading] The ideal size for a picture is 200 width by 600 height.
Although you can use different shapes if you like.
But this is a nice size because if fills up that whole left side of the page.
You can see that is really nice and it takes full advantage of the space that is available there.
Now we have our Handmade Tesoros logo there.
We’re ready to do some more configuration so we’re going to go down to the Edit Page
And click on the Edit Page link.
And I just want to take a look at some of the Wall Settings.
The important section is to make sure these are all checked on here.
And these are the Fan Permissions.
And this will help you get your fans more activated in things that are going on with the Fan Page.
It’ll allow them to post photos, videos, and links on there.
You want to make sure that that’s turned on.
The second thing we want to do is to add the Static FBML application.
So I’m going all the way to the bottom of the page where it says “More Applications.”
And I’m clicking on the Static FBML page [link].
Now what you do is you go up and click on the “Add To My Page” link.
And I just clicked on that.
Now I select the page that I want to add it to. I select “Handmade Tesoros.”
And I can Close that and it’s been added.
Now I’m navigating back to my page. I just hit the Back button [on browser].
And I’m ready to go back to the pages.
[Navigating]
I took the long way there
And now I’ve done some very basic configuration. We added our picture
and we added this strange FBML section to our fan page.
The last thing we want to do on this uh part of the video is to
update the little information section
Right where it says “Write something about” and then your page name.
And we’re just going to go in there and put a description.
And that’s saved. You just have to enter it.
And then we’ll get back in the next video and learn how to configure the FBML section.
[music]
Posted in Corporations, Facebook, How-To, Marketing, Promotion, Small Business, Social Media, Training, Uncategorized, Video |
Tags: Configure, Facebook, Facebook Page, Fan Page, FBML, How-To, Tutorial |
No Comments »
