Forum moderator: bigblog  
uCoz Community » For Webmasters » Design Customization » [G] How to create first page using html file & File Manager? (Page Intro and Redirection to custom made page included)
[G] How to create first page using html file & File Manager?
Armaros
Posts: 1424

Message # 1 | 3:48 PM 2008-11-01
Creating Intro:

1. If you are on Windows - start Notepad. If on Mac - start SimpleText.

Quote (2. Add this code inside your Notepad or SimpleText.)
<html>
<head>
<title>Your Site Name</title>
</head>

<body style="background:#252525;">

<center><h1>Tittle</h1></center>
<center>[img]--Image--Link--[/img]</center>
<center><table><tr>
<td align="center"><a href="--Site--Link--">[img]--Image--Link--[/img]</a></td>
<td align="center"><a href="--Site--Link--">[img]--Image--Link--[/img]</a></td>
</tr></table></center>

<center>
<small>Copyright Armaros © 2008.</small>
</p></center>
</html>


Colour - HTML Tags. They open and close document. Don't delete nor touch.
Colour - Head, this will give your page a title which is visible in browsers.
Colour - Background colour. In bold is colour code which you can replace. (H)
Colour - Center tag is used to make elements, objects align to the middle.
Colour - That's content title. Symbols H1-H6 are sizes for the title.
Colour - Image code. All you have to do is place your image url in: --Image--Link--
Colour - Will make images linkable. Replace --Site--Link-- with url you need.
Colour - Table. Tr - means row. Td - means cell. You add cells inside rows.
Colour - Copyright line. Tags <small> will make text size smaller.
Colour - P tags are meant to start a new paragraph. Will add space in this case.
Colour - Br tags are meant to add a single space anywhere it is needed.
3. Click on File -> Save as... -> index.html

Uploading:
1. Go to Control Panel -> Page Editor -> File Manager.
2. Create Folder by name of "index" or "intro".
3. Upload your index.html file inside this folder.

Creating Base:
1. Go to Control Panel -> Page Editor -> Pages management.
2. Edit "Main Page". Go down till you see "Options" field.
3. Mark "Apply personal template to the page" and save.

Redirection:
1. Go to Control Panel -> Customize Design -> Main page.
2. Replace whole pages content with this one:

Code
<html>
<head>
<title>Intro</title>
</head>
<body bgcolor="#000000">
<script language=javascript>
<!--
window.location= "--Page URL--";
-->
</script>
$POWERED_BY$
</body>
</html>

3. Modify bgcolor="#000000" with your colour. (H)
4. Modify --Page URL-- with your "intro" or "index" folders url.

New Main Page:
1. Go to Control Panel -> Page Editor -> Add new page.
2. Create page by any name you like - Home Page.
3. If you have installed "Site News", add pages content:
Code
<?if($ADD_ENTRY_LINK$)?><div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_ENTRY_LINK$">Add news entry</a> ]</div><?endif?>$LAST_NEWS$

4. Save and go to your New-Created home page.
5. Copy the url of this page from browsers url field.
6. Go to File Manager inside your index or intro folder.
7. Click on modify tool of your index.html file.
8. Replace the link so that it would link to a new main page.
9. Save changes and you're fully done with intro.

Note: You might want to change url in your Site Menu as well.

Example: I used exactly the same code I used at first step.


(Click to enlarge)

Code
<html>
<head>
<title>The Best</title>
</head>

<body style="background:#FFFFFF;">

<center><br><br><h4>We all know who is the best...</h4></center>
<center><img src="http://i38.tinypic.com/w84vua.jpg" border="0"></center>
<br><br>
<center><table><tr>
<td align="center"><a href="http://www.ucoz.com/main/?a=reg"><img src="http://i34.tinypic.com/1zpl8wi.jpg" border="0"></a></td>
<td align="center"><a href="http://www.ucoz.com/"><img src="http://i34.tinypic.com/35avhpj.jpg" border="0"></a></td>
</tr></table></center>
<br>
<br>
<center><p>
<small>Copyright Armaros © 2008.</small>
</p></center>
</html>
umaki
Posts: 22
Reputation: -1

Message # 2 | 8:25 AM 2008-11-02
Thanks Armaros, this was of a great help by ya man happy

Kindly, I hereby request you to use tinypic.com for uploading pictures because Imageshack is usually down and whereas most of the places, it's blocked

Cheers!

www.dj-umaki.com
umaki@dj-umaki.com
Armaros
Posts: 1424

Message # 3 | 10:16 AM 2008-11-02
Quote (umaki)
Kindly, I hereby request you to use tinypic.com for uploading pictures because Imageshack is usually down and whereas most of the places, it's blocked
I would use my own site for hosting pictures, but it's not done & I don't want to provide url.
gidf
Posts: 4
Reputation: -2

Message # 4 | 1:37 AM 2008-11-04
so in other words, we can have a "title/intro" page which we can then link to our default site? as long as its named "title.html"? even tho this doesnt matter, is the ".htm" extension valid on ucoz?
Armaros
Posts: 1424

Message # 5 | 6:52 AM 2008-11-04
Quote (gidf)
so in other words, we can have a "title/intro" page which we can then link to our default site?
Provide link to 'Main Page', yes.

Quote (gidf)
as long as its named "title.html"?
No. You can change 'Title' to any name you want.

Quote (gidf)
even tho this doesnt matter, is the ".htm" extension valid on ucoz?
Yes.
gidf
Posts: 4
Reputation: -2

Message # 6 | 11:31 AM 2008-11-04
good deal arms, thanks for the info.

a question about this now, so, if i create an intro page and name it "abcdef.htm", how will the website http://my site. ucoz. com, know how to parse this page first? in other words, how can i make it go to said intro page, before going to the default/index?

and dont take offense to my other topic, cuz none was meant. just candid discussion. thanks for your help so far with this one!

Armaros
Posts: 1424

Message # 7 | 2:22 PM 2008-11-04
Quote (gidf)
good deal arms, thanks for the info.
Please don't short-cut my name. If you want it to be shorted, use Aros.

Quote (gidf)
if i create an intro page and name it "abcdef.htm", how will the website http://my site. ucoz. com, know how to parse this page first?
Read careful. There is written how your web-site will know what to display first:

Quote (Armaros)
3. Take link & go to: CP -> Common Settings -> Paste link at 'Redirect visitors'.
NighT
Posts: 1
Reputation: 0

Message # 8 | 9:22 AM 2008-11-05
Thanks for sharing, now i have an intro on my site different but it's an intro cool
My site: http://www.l2reddragon.ucoz.com
wwerko
Posts: 1
Reputation: -1

Message # 9 | 5:41 PM 2008-11-23
Armaros, i dont get what you mean by:Take link & go to: CP -> Common Settings -> Paste link at 'Redirect visitors'.
take wich link?

Added (2008-11-23, 11:41 Am)
---------------------------------------------
i want to do this: make a intro page,from there i will put an intro,from there i will provide a link called: Skip Intro,when they click on Skip intro...they will go to my website's main page...for example: www.mysite.ucoz.com/(intro page)...people click on "Skip Intro"and they will go to: www.mysite.ucoz.com/home or whatever the main page's link is.I dont get your tutorial because i dont know this: "Get the Link and go to CP>etc..." and the 2nd thing i dont know is: "Paste the link to Redirect Visitors" that is what you said...in the CP it says: "Redirect visitors from the address http://mysite.ucoz.com/ to the address:".So if i put for example: www.mysite.do.am in that space(redirect visitors etc) it means that people who come on mysite.ucoz.com they will go to mysite.do.am...please help!!!im not an expert:D

Sunny
Posts: 9296
Reputation: 456

Message # 10 | 9:56 AM 2008-11-24
Quote (wwerko)
i dont get what you mean by:Take link & go to: CP -> Common Settings -> Paste link at 'Redirect visitors'.
take wich link?

Quote (Armaros)
2. Go to: CP -> Page Editor -> File Manager -> Upload the html file.
3. Take link & go to: CP -> Common Settings -> Paste link at 'Redirect visitors'.

wwerko, you must copy the link of the html file you have uploaded to File Manager and paste this link into "Redirect visitors from the address http://mysite.ucoz.com/ to the address:"

I'm not active on the forum anymore. Please contact other forum staff.
hhhgame
Posts: 1
Reputation: 0

Message # 11 | 11:33 AM 2008-11-25
thanks this helps a lot to me
ocam
Posts: 24
Reputation: 4

Message # 12 | 3:49 AM 2008-12-05
hey Aros ty very much.. another thing learned :):)

Added (2008-12-04, 6:56 Pm)
---------------------------------------------
ok now comes the heeeeeeelp meeee questions :):):)
well i have made it and here is the link to it
http://chechen-xas.moy.su/ocamsrabota/wolf1/title.html

but is it passable to:

when ppl type in my url e.g http://main.ucoz.com i want them to see an image that links to the http://main.ucoz.com its not possible is it?

Added (2008-12-04, 6:57 Pm)
---------------------------------------------
sorry here is the link

Added (2008-12-04, 7:21 Pm)
---------------------------------------------
and here are the codes

Quote
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Darkness</title>
<style type="text/css">
<!--
body {
background-image: url(wolf.jpg);
}
a:link {
color: #666666;
}
a:visited {
color: #CCCCCC;
}
a:hover {
color: #999999;
}
-->
</style></head>

<body>
<table width="158" border="0" align="left">
<tr>
<td><a href="http://chechen-xas.moy.su/"><img src="text1.png" width="150" height="30" alt="Click it"/></a></td>
</tr>
</table>
</body>
</html>

Added (2008-12-04, 9:49 Pm)
---------------------------------------------

Quote
i get it you cant have the same url but you can doo this tho e.g. http://main.ucoz.com and the same page but different url e.g. http://main.ucoz.com/index/0-36 .. it is the same page but two different url.. can you tell me how can i get it to work plz sad sad
Armaros
Posts: 1424

Message # 13 | 6:33 AM 2008-12-05
Quote (ocam)
when ppl type in my url e.g http://main.ucoz.com i want them to see an image that links to the http://main.ucoz.com its not possible is it?
That's possible. You didn't read carefully. ->

Quote (Armaros)
3. Take link & go to: CP -> Common Settings -> Paste link at 'Redirect visitors'.
ocam
Posts: 24
Reputation: 4

Message # 14 | 4:20 PM 2008-12-05
Armaros i took the link and paste it to the redirect visitors... but it just keeeps redirecting to the image
Armaros
Posts: 1424

Message # 15 | 4:28 PM 2008-12-05
ocam, you have done something wrong & that something is: incorrect url of button 'Enter'.
uCoz Community » For Webmasters » Design Customization » [G] How to create first page using html file & File Manager? (Page Intro and Redirection to custom made page included)
Search: