Professional Documents
Culture Documents
Website PDF
Website PDF
Creating Website
MODULE 1
1.
Name of Module
2.
3.
4.
Create Website
a.
b.
c.
Insert text
d.
Insert Images
e.
Insert Hyperlink
f.
Module Summary
At the end of the module student should be able to produce web pages.
5. Design your page creatively. You may change font style and colour as you like
Click File from Menu Bar, then choose Save as Web Page as shown below
Click Save as
Web Page
2.
3. Create a new folder to save your work. Click Create New Folder and name your new
folder as my school. Then click OK.
5. In Save As Type drop down menu, select Web Page, then click Save.
1.
Click File from the Menu Bar, select New from drop down menu.
2.
3.
Insert your school badge then type something interesting about your school.
4.
5.
6.
7.
8.
Insert picture of your school teachers then type something interesting about your
teachers.
9.
10.
11.
12.
13.
Insert picture of your friends, then type something interesting about your friends.
14.
15.
3. Insert Hyperlink dialog box appears. Follow the instruction below to create hyperlink.
1. Click Existing
File or web Page
2. Click Current
Folder
3. Select
school.htm
4. Click OK
7. Open school.htm file, then type MAIN PAGE at the bottom of existing text.
8. Highlight the word MAIN PAGE then create hyperlink to index.htm file.
10
MODULE 2
11
1.
Name of Module
2.
3.
4.
b.
c.
Register account
Module Summary
At the end of the module student should be able to register with free web hosting
www.yahoo.com
2. Type free web hosting in the Search bar, then click Web Search
12
3. The search result will be displayed in the browser. Choose Yahoo GeoCities.
13
5. Yahoo Geocities home page will be displayed. Click Sign Up to be a member of Yahoo
Geocities
6. Fill in the form as shown below. The Yahoo ID will be your web page name.
14
7. Follow the instruction given to complete the form. Click I Agree button to submit the
complete form.
8. The error messages will be displayed if any entries are not correct. Fill in the entries again
then click the button Submit This Form Securely.
15
9. Once you have successfully registered your account, you will be directed to Yahoo
Geocities page to verify the password. Type your password then click Sign In
10. The Yahoo Geocities welcome page will be displayed. Your free registered webpage is
www.geocities.com/schoolsmkda.
16
11. Before uploading web page you need to answer several questions given by GeoCities.
Just click the option button to answer the question.
12. At the end of the form you will need to enter the code to verify the registration.
13. Retype the code, then click Submit button to get started using Yahoo Geocities. The
Yahoo GeoCities welcome page will be displayed with information about registered ID and
webpage url.
17
14. Now you have finished register your webpage in YahooGeocities. Your homepage URL is
http://www.geocities.com.schoolsmkda
15. If you click the shortcut to your homepage; it will direct you to your school main page.
16. Your main page will look as shown below. Continue next module to upload your school
website files to registered web hosting.
17. Click Sign Out to log out from the control panel.
18
MODULE 3
19
1.
Name of Module
2.
3.
4.
b.
c.
Module Summary
At the end of the module student should be able to upload files with free web hosting and
update web pages
20
2. Type your registered Yahoo ID and password in the field, then click sign in. Your
homepage control panel will display.
21
3. Click on the Manage tab to organize and upload file to Yahoo Geocities server. Click
on File Manager
22
5. File manager page will display. In this page you can upload all your website file you
created before. Click Upload File button to start upload file.
6. Easy Upload page will display. Click Browse to find the files you want to upload.
23
7. Click Browse, Choose File dialog box appear, click index.htm file then click Open.
9. Click uploads files to upload all the selected files to Yahoo Geocities.
24
10. The Upload Results will appear as shown below. Click on File Manager
11. The list of Uploaded Files will display in File Manager control panel page.
List of files
that were
successfull
y uploaded
to File
Manager
25
12. Launch Internet Explorer and type your website URL in the address bar (ex:
http://www.geocities.com/smkdaschool). Your main page index.htm will display.
13. Notice that the image is not appear because we did not upload the image source file.
Follow the next activity to create subdirectories in your File Manager for images.
26
2. Locate your web page folder in your hard disk. (ex: My School). It will look similar to
the picture below. When you save a file as Web Page in Microsoft Word, the window
will automatically create new folder to save the image. You need to create
subdirectories with the same name in Yahoo geocities in order to upload the image.
Subdirectories
Folder
27
4. File Manager Control panel will display new subdirectory folder as shown below.
28
5. Click New button to create another Subdirectory in File Manager. Repeat the step 3 to
create index_files, teachers_files and schools_files subdirectories.
6. File Manager control panel will display the created subdirectory folder as shown below.
7. Follow the next activity to upload image files into selected subdirectory.
29
3. Click browse button in Easy Upload control panel. When Choose File dialog box
appears, browse for web page folder in hard disk, and click friends_files folder.
30
4. Click browse button in Easy Upload control panel. In Choose File dialog box, browse
for web page folder in hard disk, and click friends_files folder. Upload all image file in
subdirectory folder in hard disk to the subdirectory folder in Yahoo Geocities.
31
6. Click Up one level hyperlink to go to file manager. Then repeat step 4 to upload all
image files to their subdirectories folder respectively.
7. Launch Internet Explorer and type your website URL in the address bar (ex:
http://www.geocities.com/smkdaschool). Your main page index.htm will display.
8. Click the hyperlink in the main page to open the school page.
32
4. Follow the steps in Activity 1: Upload file using File Manager to upload updated
school.htm file.
33