Create a [email protected] State E-portfolio and Blog


Hello everybody I’m going to try and give you some
insight into creating an e-portfolio and blog using sites at Penn State. If you
will, stay with me and I’ll try to get you
through this fairly quickly. The first thing you need to do is go to
sites.psu.edu in your browser. Almost any browser will work but you
want to go to sites.psu.edu and click on the button here, CREATE A SITE. So I have done that and I’m gonna go ahead and create a site. Now as you are creating your site name, you want to make sure that you keep it short, all lower case, and preferably
no spaces. Spaces in a URL just add to the difficulty of trying to tell people
what the URL actually is. So I’m going to create a site. My URL is
going to be sites.psu.edu slash techwrite1 techwrite1. That’s going to be the URL. The site title I’m going to choose is is technical writing sample blog. Okay, so that’s technical writing
sample blog. Since I’m not really too excited about search engines finding my blog right now,
and I don’t really want to be in any public listings, I’m just going to select No. you can
select Yes if you prefer. Certainly if somebody needs to see my
blog, I can give them the URL and they’ll be
able to see it. So I’m going to say No. I’m going to click on
“Create Site” and in a few moments we should have our blog set up. So here we go. Okay, congratulations you’ve successfully
registered a new site. To get to your site now, you’re going to
click on the URL right here, and you will be at your blog site. So you’ve got your
blog all set up. Looks a little “plain Jane” but it’s a got a title here. It’s got a tagline. It’s got a home page, and a sample page. We are on the homepage
right now and you can see that there’s a blog post already put in here by
default. It says “Hello World!” We didn’t put it in,
it just showed up automatically. And you’ll notice at the top of the
screen, it’s our technical writing sample blog. If we want to get to the
dashboard in our blog, we’re just going to click on dashboard. That will take us to our blog dashboard. The blog dashboard is really a place for you to control everything that’s going on in
your blog on your website. You can add new posts. You can add media – pictures, videos, music you name it. You can add pages, content. You can change the appearance
and so on and so forth. I want to mention that for posts vs. pages, when you add a new post, it’s going to show up on your blog page. There’s one dynamic page in your website
that changes every time you add a post. It just keeps adding these posts one by
one, incrementally. That’s adding a post, vs. adding a page, which is actually a web
page. So, not to confuse you too much, but there is
a difference between posts and pages. Alright? OK, now, how would you go about adding a
new post? There’s a couple of ways you can do it . Up here at the top you see “+ New”. We can click on”+ New” and
select add a “post” or we can go over here to
Posts. We can click on posts, we can select “add new,” and that will
allow us to add a new post. So let’s go ahead and
just add a new blog post to our blog. So [typing] “This is a new blog post.” “I have something really worthwhile to share with you.” blah blah blah… Okay? So now we’ve got the
title, we’ve got some text in here and we can do a couple different things. We can go ahead and save a draft – we didn’t post this yet, so we can save a draft, we can preview it if we want to you see
what it looks like, and we know that hasn’t been published yet, but one of the things I want to make
sure I do is add some tags, because tags allow people to find what you’ve posted.
So I want to make sure I add a tag here, and I’m gonna add a tag
called “worthwhile” because this is worthwhile. So, you know
that’s not actually the case, but anyway, you would
separate your tags with commas, and you just go ahead and add it. So now we’ve added the tag “worthwhile”
and we’re gonna go ahead and publish. Here you go. You’re all published and “post has been published” – you can see
up there and I’m going to just go view that post
and see what it looks like on our blog page. So here’s our “plain Jane” blog page and here’s our new blog post and it is tagged with “worthwhile.” Okay? So that’s how you add blog posts. Okay, so we’re back at the
dashboard here and if we’d like to go visit
our site, see what it looks like, up here we hover over technical writing,
and we click on “Visit Site.” That will take us to the site. You’ll see that our site, called Technical
Writing Sample Blog” has a home page, which is where we’re at now. It has the
original “Hello World!” on here, as well as our new blog post, and it also has, by default, a sample page
that was created for us. We click on that page and there’s absolutely nothing there, it’s a blank page. You’ll notice that there
are some “Comment” things down here. This may or may
not change, depending on what theme we choose. We’ll get into themes in just a moment but for right now we’ve got a sample
page with no text on it. If we wanted to edit the sample page, we can click on edit. This little “Edit” button on the sample
page — since you’re the owner of the page, you see the Edit. The visitors to your
page would not see that edit button, only you see that. So were
here in the sample page and we’re going to click in here [typing] “This must be sample text” “if it’s on the sample page.” Okay, now, before I click on “Update”, I just want to show you a couple things about this particular interface. The
visual interface, which is what you’re seeing now, shows you typical buttons that you would
see in a word processor: bold, italics, underline, pasting text, inserting hyperlinks, things like
that. If you want the Text interface, for
example, let’s say that you wanted “sample text”
bold. OK? But it wasn’t showing up quiet right, and you knew enough about HTML, you can go into the text area here and
edit the HTML. You can and tags and remove tags. You can see “strong” is around sample text, and if you wanted
to get rid of that bold text you could just delete that tag, the closing tag, the opening tag. And now, when you go
back it’s gone, it’s no longer bold. Just
so you’re aware of the Visual and the Text buttons here. We’re gonna go ahead and update our
sample page. And there you go, you’ve got a sample
page. If we want to view what the page looks
like on our website, click there, and there is our sample page
with our sample text. Okay, so our site is looking a little bit
plain. It’s time to dress it up. What we’re gonna’ do is we’re going to go
up to the name of our blog, hover over that, and
you see themes as an option. So we’re gonna click on themes. By the way, you could just as easily have
gone to the dashboard and selected themes. It will get you to
the same place. You’ll see that there’s quite a variety
of themes here. You could just get totally inundated with trying to pick a theme
and I say knock your socks off if you wanna
do it. Some of the suggested themes that are fairly easy to use, especially for a professional e-portfolio, and blog would be this Twenty Twelve theme, or the Twenty Eleven or Twenty Ten themes. These are pretty good themes. They are accessible, they have the basic stuff that you would need.
I’m gonna actually scroll down here and pick a theme called Cleanr. And I’m going to go ahead and activate
that theme, and we’ll see what happens. Okay, our new theme is activated. I want to
visit our site. It still looks a little plain to me.
I don’t know, I think we probably need an image or something to to dress that up. What we can do here, we can go up to
Technical Writing and we went to you “Customize.” And now, when we’re in the Customize menu
over here on the left, we have a couple different
things — site title and tag line — we have the site title here. If you want to
change that, you could do that right here. The tagline — “Just another weblog” —
everybody’s going to have that same tagline if you wanted to change that, you would
go into the tag line here and just change that to [typing] whatever you want to change it to. It doesn’t
matter. That will change our tagline up here. Now, what I also want to do is go
down here to a header image. I would like to put a header image in here. And, you click on “Add new image” and that brings us to the
media library. It says the suggested image dimension for this particular
website, for this particular theme, is going to be
940 by 250. and it can’t be more than 500 megabytes,
that’s a huge picture for a website. So we’re for sure going to
get something smaller than that. I’m going to have a little photo tutorial as part of the course, too, a little bit later on, just to show you how
to edit an image to make it the right size, without distorting it. So we’ll talk about that a
little bit later. But for now, what we want to do is go in here and
upload files. And you can drop a file here — drag and
drop a file, or you can select files. We’re going to go
and select a file for our banner image. I’m going to go into pictures here, and go to this folder here, and I am going to select an image that I have already sized for 940 by 250. you can select that. And I’m going to upload it. Now one of the things you need to remember is
that you want to give it a title. The title I’m going to give it is “mountain.” Now this actually came from
Jonathan Beane [from UnSplash Photos]. I’m going to actually leave his name in there. You could eliminate it and just
have the title you could put a caption in there if you want. You need to put some ALT text in there, and I’m going to say “mountain with clouds.” Just so that someone
with a screen reader knows what that image is. if you wanted to be a little bit more
specific, you could put a long description in here. But you don’t need to do that, just a
short description is fine. Then down at the bottom, you’re going to
select and crop. There we go. We are done with that, and crop this image, and so now we have nice little image on our blog. And its really not all that
complicated, you just have to follow step-by-step. Just click on “add new image” and go
through that same process again. You just have to remember to hit “save and
publish” up here, and we should be good to go. Alright, so I’m gonna close the customizing menu up here, and we’re gonna move on to actually
adding some pages. We have a sample page and we
have this blog page, but I’d like to have you
add a few more pages. So, to do that we’re going to go up here to plus new [+ New] and add a page. The first page I’d like you
to add is a “Home” page, and you can call it
whatever you’d like. I’m just gonna call it “Home” for right now. And then hit “Publish.” We won’t worry
about putting content on right now – we’re just setting up the basic outline of your e-portfolio. We’re gonna go up here and add a new page, and we’re going to call this new page, “Reflection.” Later on in the course you are going to
be asked to post a reflection on what you’ve learned
in the course and how it’s affected what you do, and how you write, and so on
and so forth. So we’re going to add that reflection page
right now, we’re gonna hit the publish button to publish that one, and once that one is
done we’re going to go ahead one more, and that’s going to be the
“Resume” page. Let’s take a look at your site now.
We have a home page, we have a reflection page, we have a resume page, oh and by the way,
we still have the sample page. I’m just going to leave it there for now. That pretty much takes care of
creating your blog site. There is just one more thing I’d like
you to do, so that when people come into your
blog site, the first page they get to is NOT the
blog, but your homepage, your opening page. And the way we’re going to do that, I’ll
walk you through the steps, just follow along here and we’ll get that set up. First thing I’m
going to do is create a new page. So I’m going to go up here to New, click on page, and I’m going to create a
new page called “My Blog.” That would be the page
that my blog postings will show up on, and it’ll be a a lot easier for people to
navigate your site that way. I’m going to publish the “My Blog” page. That will give us an extra page. If we look
at all pages now, we’ll see that we have the
home page, the my blog page, reflection, resume, and that sample page is still hanging on there. We can trash that any time, but for now what I wanna do is stay in the dashboard here and go down to “Settings” and select “Reading.” We want to change the reading settings so that the first page that people get to when they go to your blog is a
static page and I’ve selected “Home” as the static
page. That’s the page I want them to come in to, my
introductory page. And I’d like to put the posts, the blog
posts. on the “My blog” page. And I’m just gonna go down and save
the changes, and that should do it. Now, let’s just go to the site and see what
happens. So I’m visiting the site. I will come in on the home page, that’s my home page. You’ll know, when you click on the title
here, it brings you to the home page. Here’s my blog. The blog posts are on a page called My Blog. And
that’s pretty much it. Hopefully you able to follow along and thanks for going through this tutorial with me.

Add a Comment

Your email address will not be published. Required fields are marked *