Lesson 8 Computer Creating your Website.pdf

Keep it short and simple. A very long domain name such as www.
shoessandalsandslippers.com will be harder to remember and share.
Keep your domain name simple yet memorable, such as
www.sexyfootwear.com.
Make sure your domain name is related to the overall theme of your
website. If you're selling generic hats, don't use www.glitzyglam.com
which is vague and doesn't immediately give a clue as to what the
website is about.
Ask for opinions
You may like certain domain names and you think one of them can represent you
or your business well, but what do others think? Ask your trusted family and friends,
especially those who are Internet savvy, about their honest opinion on your possible
domain names.

he next step after choosing and registering your dom
choosing a domain registrar, it is vital to research first
on the best Web host for your website. Here are the
things to look for when choosing one:
-Speed and reliability
-Price(free hosting is available)
-storage/disk space
-technical support
-other offered features and services

HTML or Hyper Text Markup Language, is the code or language used in
the creation of websites. While you can always opt to have your
website created by a professional, it would benefit you more in the
long run and save you a lot of costs if you know how to write HTML
yourself.
HTML is written in plain text, so you can create and experiment with it
using any text application on your computer such as Notepad in
Microsoft Windows. Simply open Notepad and use it to type your
HTML codes in. You will find a few basic coding that deals with basic
tags in the section that follows. Use them with Notepad for practice.
When you're done, save the Notepad file as (filename).html or
(filename).htm. These two extensions allow your Web browser to
recognize that these are documents created for the Web. When you
are ready to view your document, all you have to do is double-click
on the filename and it will appear on your computer screen just like a
Web page accessed over the Internet

Basic tags
In HTML, tags are used to tell the browser how to
display the text or graphics in a document. Tags
usually come with a start and end tag, with the text
content berween the tags. An example of a start tag
is <text> while its end tag would be </text> An end
tag has a forward slash (/) after the first bracket.
Knowing how to use tags will help facilitate further
learning of HTML coding The following are some of
the most basic HTML tags: . <html> </html> tells the
browser that the document is an HTML document.
All HTML files must begin and end with these tags.

The following are some of the most basic HTML tags:
. <html> </html> - tells the browser that the document is an HTML
document. All HTML files must begin and end with these tags.
. <head> </head> - holds all of the document header's information
. <title></title> - tells the title of the page, such as <title> Jerry's
Online Space <body> body> - where you will put all the things (ie, text and
images) you want ch displayed in the window by the Web browser
. - paragraph tags used to skip a line - break tag used to
start a new line
. <hr> </hr> - inserts a horizontal line on your Web page
. <center> </center> - used to center text, image, or any content on a
page

FONT AND TEXT STYLES
Here are the basic tags to use when formatting font and text styles:
. - used to start and end any font attribute
. - to determine actual size of font. c.g.,

. - to determine font type, c.g., 
. - to determine color of font, e.g., 
. - used to make any text bold
. - used to italicize text

Inserting Links
When inserting a link to another website, this is the
format you use: <a href=" (insert web address)">
(insert text to identify the link)</a>
Example: <a href="www.abs-cbn.com">ABS-CBN
website</a>
In the webpage, what will appear is simply this:
ABS-CBN website which, when clicked, will direct
you to www.abs-cbn.com.

Inserting Graphics and
Images
When inserting graphics or images, this is the format
you use: <img src=" (insert file name of your image file
saved on your computer)" />
For example:
<img src="flower1.jpg"/> You can also make the image
bigger or smaller by changing the height and/or the
width This is the format you use: <img src="flowerl.jpg"
width =^ prime prime 25 ^ prime prime height =^ prime
prime 50 "/>

Uploading
the Website
Once you have created your Web pages
using HTML, it's time to publish your
website on the Web by uploading your
Web pages into your chosen Web host
server. Two common tools to upload your
website are Microsoft FrontPage and File
Transfer Protocol (FTP). Use Microsof
FrontPage if that's the program you used
in creating your website. If you used
some other program, use FTP

Using a Website
Content
Management System
Web content management (WCM) can be a tricky
business, especially when you have to jeep uploading
your website every time a change is made. A website
content management system (CMS) is basically an
application that makes things easier for a Web designer
or developer to edit a website online instead of having to
deal with the modifications to update the files on the
server

offline. Generally: CMSc are used typically by people who prefer to not have to deal with
thing like writing HTML and prefer to use object-based interfaces. Web CMSs can be
browser-based and feature a comprehensive editor that allows people-individually or in
groups, to publish and maintain a website that may have facilities for blogs, forums, and
social networking in general. There are both paid-for and open source versions of website
CMSc. One free version is Drupal, which is a platform licensed under the GNU Public
License (GPL). A simpler one is ez Publish which allows Web content publishing through a
Web browser using an online rich text editor and also publishing using MS Word. It’s a
service that claims to clearly separate content and design. It also under GPL like Drupal.
In making a website, the developer should be able to ideally separate content and design
Essentially, content, as defined in the eZ. Publish website, is information that is stored for
later retrieval. It is the presentation of this information that is considered as design in a
website. Through the use of design, content is stored and organized in a definite structure.
For example, a news article is really composed of elements that are manipulated to produce
a design that deliver the information effectively. Thus, the title, the body, and the images
all come together in a useful and aesthetic presentation of content.

Templates make it easier for website developers to manipulate content elements to
produce a meaningful and effective design. In a CMS, the template is the basic unit of
design A CMS template usually takes the form of HTML pre-coded to display Web page
elements in a definite and prescribed manner. Stylesheets, or more specifically Cascading
Style Sheets (CSS), may be considered as templates. CSS are HTML design tools that are
simply attached to structured content in order to specify style like font, spacing, and color
to content and design elements of your Web page. They give flexibility to the developer by
enabling changes to one on multiple Web pages through a single file without the need to
create more HTML tags. What follows is a style sheet segment which defines the color and
font-size properties f two headline (H1 and H2) elements:
<HEAD>
<TITLE>CSS Example</TITLE>
<STYLE TYPE="text/css">
Hl font-size: x-large: color: red)
H2 font-size: large; color: blue |
<STYLE>
</HEAD>

Promoting Your
Website
1. Spread the news. No one will go to your website if no one knows about
it. So once your site is all set up, go tell all your friends, family, and
acquaintances about it. There are lots of ways to do this. You can send a
message to them online to announce that you have a new site that they
can check out. You can post a link on all your online accounts including
your social networks so your online friends can immediately see a link to
your site once they view your profile. You can create an e-mail signature
with a link to your site so that the link will be viewed every time someone
reads an e-mail you sent.
2. Search Engine Optimization Search Engine Optimization or SEO is the process of
increasing the number of visitors to a website by ranking high in the results of
search engines. The higher a website ranks in the search engine results, the better
the chances that the site will be visited by those looking for sites of the same topic.
Many people who practice SEO read books on SEO, undergo training, or self-learn
through materials on the Internet for several weeks to have a solid grasp of the
process, SE*O_{s} ever-changing tricks, and the tools available online to help you get
the most of it. To give you an overview, here are some of the main facets of SEO
which you can start applying to your website.

Lesson 8 Computer Creating your Website.pdf

Recommended

Recommended

More Related Content

Similar to Lesson 8 Computer Creating your Website.pdf

Similar to Lesson 8 Computer Creating your Website.pdf (20)

Recently uploaded

Recently uploaded (20)

Lesson 8 Computer Creating your Website.pdf