1. Creating the Luxurious
Ladakh Website using
iWeb
by Mariyah Hoosenally
Documenting part of the IEA implementation process
2. About iWeb
iWeb is a template based website creation tool made my Apple. It
allows users to make blogs and websites relatively easily, and also
allows them to incorporate a limited number of widgets, such as
Youtube/Google Maps.
The reason I chose iWeb instead of Rapid weaver, is that the website
creation process is much simpler. My Client, Shireen Nashrulla, wanted
the website to be very simple, as her company is not well known and
they do not have the budget to maintain a Website with such complex
features as Rapid weaver.
In this presentation, each slide has a screenshot showing the
development of the website, as well as a few sentences and annotations
to show the examiner I have used the program to its full capacity.
3. Step 1- Creating the Website,
using Templates
I selected the template
FORMAL, as it was one
that fit with my client’s
design expectations.
That is the image of the
template before editing.
Apples incorporated
images will be replaced
by the images I edited
using Photoshop. I
put in a title, as well
as the NASH TRAVELS
logo.
4. Editing the Home Page for the Website
I then began to
insert my own
photos by linking it
to the iPhoto
widget, selecting
photos from my
iPhoto even gallery,
and inserting them
into the appropriate
places in the
website. I also
inserted my own
text, taken from the
information booklet
my client sent me.
5. Creating a New Page
Next, I went to
Insert- New Page-
About Me Template,
and changed the page
title to General
Information, and the
page name to
“Getting There”. I
inserted my own
picture, and added
the appropriate text.
I arranged the text in
a different way to the
homepage, to give
each page variety. I
also changed colors
using the font/colors
tool.
6. Inserting new Page: Blank
I then inserted a
blank page. In
order to add text
to the page, you
have to insert the
textboxes using the
Text tool on the
bottom bar.
The colors of the
text can be edited
using the Font tool,
also on the bottom
bar.
7. Advanced Features on iWeb
Changing the
background of an
image is changing
the template, which
is somewhat an
advanced feature on
iWeb. To do this, I
went to View- Show
Inspector- Page-
Layout, and changed
the background
color of the image
to Dark Blue, as it
contrasted well with
the fonts I used.
8. Navigation Bar view
Here is the Websites Navigation Bar. I increased the size and changed the Nash
Travel logo to a more suitable and aesthetically pleasing font.
9. Editing Images on iWeb
Although I had
previously edited
this image on
Photoshop, I wanted
to edited the photo
again as it didn’t
turn out right. To to
this, I went to View-
Adjust, and changed
the contrast,
saturation and
tinting of the image
until I was satisfied
with the final
product.
10. Advanced Feature:
Unconstraining Proportions
A problem I had
experience
using iWeb was that all
the photos proportions
were constrained. This
was a problem, as some
images did not fit
correctly. IN order to
rectify this, I went to
View- Show inspector-
Images- Unconstrained
Proportions. I also
adjusted
the amount of pixels per
width and height so that
images had a clean
finish.
11. Inserting Slideshow Page
On the tourist review
page, I added in photos
and then put in a
slideshow button, so the
photos can be viewed as
a slideshow if the
viewer prefers. People
who use the same
hosting network can
also subscribe to that
page, and will be
updated as to any
changes or
developments on it.
12. Beginning the Publishing Process
I went to File- Publish
Entire site. I selected to
put it in a local folder,
which is my desktop- I
names my site, and put
in the contact email for
the website.
I then pressed publish
site, and allowed iWeb to
create the pages and put
the website folders on
my desktop, as well as
the index.html.
13. Putting it into DropBox
Next, I dragged the website html and the folder from my desktop into the public
dropbox folder- This allows all the websites to be published and have a Url.
14. Copying a Dropbox Link
I then copied the
public website
link, from the
dropbox HTML.
15. Website before change of URL
I copied the
website link into the
web browser.
I checked all the
pages, and every
page worked: there
were no spelling
mistakes, therfore
no changes were
needed to be made.
However, the URL
was too long, so
I wanted to
change it.
16. Changing the domain name
I wanted to mask the domain name: I Went to dot.tk, a website where you can mask
domain names for free. I then inserted my wanted domain name, luxuriousladakh,
and the website created the domain for me with a .tk home.
17. Final Website!
here is the final web
page! The URL of the
website is:
www.luxuriousladakh.tk
It is fully functional,
and I will now be
using it for testing
from both my client
and other users.