Scribd
Upload
31 views3 pages

Finishing Touches - Transcript

The document discusses adding features to a website to make it more professional and user-friendly for desktop and mobile users. These features include adding a favicon, setting the viewport for responsiveness on mobile, adding meta tags for search engine optimization, and blocking search indexing until the site is complete. Code is provided and explained to integrate these features in the website's HTML files.

Uploaded by

Nelson Amaral
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
31 views3 pages

Finishing Touches - Transcript

The document discusses adding features to a website to make it more professional and user-friendly for desktop and mobile users. These features include adding a favicon, setting the viewport for responsiveness on mobile, adding meta tags for search engine optimization, and blocking search indexing until the site is complete. Code is provided and explained to integrate these features in the website's HTML files.

Uploaded by

Nelson Amaral
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

So welcome back.

We basically finished our website.


But there a few more things that we can put in to make
it look a lot more professional and use of friendly.
So we're going to do that in this task.
So let's get it.
So if you look at the finish product, there's a little nice
are icon up here, um, that we don't have, So let's go ahead
after. It's kind of nice for the user to be able to just,
uh, plans.
No. Which happens your site and also one day book market.
Sometimes you will save it on their bookmark or something
kind of nice to.
So let's switch back to say that we're working on, uh, let's
go back to Adam.
So in order to do that, we have a file and the same directory
called Faith Icahn thought I see all that I have created for
you. Now you can make your own.
If you could have five fox and opened this tap your faith.
I can't this in this website.
You can draw your own icon, whatever you want, and then you
can download it and use it in your project.
But where I've already created one for you for this project.
So let's go back to Adam now.
How do we include us A now ex TML file?
So we're going to do that?
We're gonna close this for time.
We're going to go back to the index stop extreme El.
So in the heather, something is missing.
So let me just add that back.
Shouldn't have to do this.
OK, so we're going to add two lines inside the head of
section.
So we're going to now.
I have already typed him, so I'm just going to paste them.
So these two lines is what you need to add in your file.
So go ahead past the video on dhe.
Just type it.
Exactly.
That's what I take.
And then when you're done, hit miss it.
Okay, so let's explain what happens here.
We have two versions.
Why do we need to lines?
Because some browsers will recognize this line.
And some browsers recognized this line, so we have to include
both of them.
So what?
So that it works in all the houses.
Okay, so let's go ahead and hit.
Control s to save.
Now. You're not going to going to be able to preview this in
our project because, um, for some browsers, if it's a local
file and do not know this icon, But once we go life, you will
see it.
I promise.
So the next thing we're going to work on as we want these
webpages to look nice on mobile phone as well.
Now we cannot.
We cannot test these on a mobile from right now because we're
using a cloud desktop.
But I have created to screenshot for you to tell you what it
looks like.
So you don't have to follow along.
You can just watch.
So this is what it looks like.
And if we don't do anything on a mobile phone, do so their
front looks really small.
It's not that user friendly.
So after all changes the screen will look more like this.
So it's gonna going to use the entire screen Now, How do we
do this?
It's very easy, So let's go ahead.
Go to Adam.
Um, you can just type along.
We're going to say matter.
I m e t A.
And then name peoples do you support and then it's a content
equals with equal the vice with Rhyme Witness I over when I'm
done so you can see okay.
And this so scale the roads One comma shank to fit equal No.
Okay, so that's what we need to type.
You can pan my side of the screen if you want to look at it,
so just copy that line in your heaven section.
And again, we cannot test this because we are running a cloud
that stop.
So look, his last had control.
Asked to save our changes the next one we're going to talk
about its search engine optimization.
So what that means is that we want such engines such as
Google to people to find out pages and included in their
database.
So when user search for something, they can find out pages
I'm not, is still a lot of ways to do this.
I have included a link in the supplemental material if you
want to read up on that, but we're just going to do one of
them here.
So follow along.
Under this matter line, we're going to add another mescaline
name. We cruise name.
We're just going to give this webpage the name for the search
engine conference.
Hebrews I'm going to say this is my portal on.
Of course, you will substitute your name for this, and that's
all we need to do.
Method, Name.
You go.
Name content.
You cruise without just like that.
Okay. So just act that line it control adds to save it.
No. So when Google, um, go out to find these pages, they will
find this tack, and they will use that as our webpage name
for the search result.
So one last thing is now we don't want Google the final pages
yet because your office is still working on the contact.
You want to make it look nice before we'll see it, right?
So to do that, we're gonna add one last line under this, it's
matter.
So cable on, um, name equals low box and content equals no
index comma, no phone.
Well, sly over.
So you can see it's it's just like this until don't forget to
remove this line when your website is finally live.
So search engine can search engines can find it.
Okay, so let's hit control.
Asked to save this.
No, we're going to do the same thing for resume the extra
ammo. That's the other extreme el file.
But we don't have to retake them.
We just select these last five lines, right?
Click copy.
Make sure you had control house in this window to save it and
then go to resume that.
Actually, Emma, we're gonna go under this line.
Is that link here is going to paste them.
So let's see why.
Click Pace Control has to save.
So that's it.
That's all the nice thing we're going to do in this task.
We cannot test any of these, so there's no testing.
So the website is done.
We're going to ticket life in the next task.
Very exciting.
See you there.

You might also like