[G] How to create first page using html file & File Manager? - Design Customization - uCoz System management and tuning - uCoz Community
You logged in as Guest
Username/E-mail:
Recent messages · Members · Forum rules · FAQ · SEARCH Registration · Log in


We are in the second round! Let's keep voting!

Page 1 of 712367»
Forum moderator: Dartz 
uCoz Community » uCoz System management and tuning » 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?
ArmarosDate: Saturday, 2008-11-01, 9:48 Am | Message # 1
Haunter
Group: Checked
Status: Offline
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 src="--Image--Link--" border="0"></center>
<center><table><tr>
<td align="center"><a href="--Site--Link--"><img src="--Image--Link--" border="0"></a></td>
<td align="center"><a href="--Site--Link--"><img src="--Image--Link--" border="0"></a></td>
</tr></table></center>
<br>
<br>
<center><p>
<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 link which links to make page to copied link.
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>
umakiDate: Sunday, 2008-11-02, 2:25 Am | Message # 2
Regular
Group: Checked
Messages: 40
Awards: 0
Reputation: 0
Status: Offline
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
 
ArmarosDate: Sunday, 2008-11-02, 4:16 Am | Message # 3
Haunter
Group: Checked
Status: Offline
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.
gidfDate: Monday, 2008-11-03, 7:37 Pm | Message # 4
Newbie
Group: Users
Messages: 4
Awards: 0
Reputation: -2
Status: Offline
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?
 
ArmarosDate: Tuesday, 2008-11-04, 0:52 Am | Message # 5
Haunter
Group: Checked
Status: Offline
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.
gidfDate: Tuesday, 2008-11-04, 5:31 Am | Message # 6
Newbie
Group: Users
Messages: 4
Awards: 0
Reputation: -2
Status: Offline
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!

 
ArmarosDate: Tuesday, 2008-11-04, 8:22 Am | Message # 7
Haunter
Group: Checked
Status: Offline
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'.
NighTDate: Wednesday, 2008-11-05, 3:22 Am | Message # 8
Newbie
Group: Users
Messages: 2
Awards: 0
Reputation: 0
Status: Offline
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
 
wwerkoDate: Sunday, 2008-11-23, 11:41 Am | Message # 9
Newbie
Group: Users
Messages: 1
Awards: 0
Reputation: -1
Status: Offline
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

 
SunnyDate: Monday, 2008-11-24, 3:56 Am | Message # 10
Haunter
Group: Administrators
Messages: 2016
Awards: 121
Reputation: 139
Status: Online
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 "man", "sir" or whatever. I'm female!
About signatures, screenshots etc...
 
hhhgameDate: Tuesday, 2008-11-25, 5:33 Am | Message # 11
Newbie
Group: Users
Messages: 1
Awards: 0
Reputation: 0
Status: Offline
thanks this helps a lot to me
 
ocamDate: Thursday, 2008-12-04, 9:49 Pm | Message # 12
Regular
Group: Checked
Messages: 42
Awards: 3
Reputation: 4
Status: Offline
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
 
ArmarosDate: Friday, 2008-12-05, 0:33 Am | Message # 13
Haunter
Group: Checked
Status: Offline
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'.
ocamDate: Friday, 2008-12-05, 10:20 Am | Message # 14
Regular
Group: Checked
Messages: 42
Awards: 3
Reputation: 4
Status: Offline
Armaros i took the link and paste it to the redirect visitors... but it just keeeps redirecting to the image
 
ArmarosDate: Friday, 2008-12-05, 10:28 Am | Message # 15
Haunter
Group: Checked
Status: Offline
ocam, you have done something wrong & that something is: incorrect url of button 'Enter'.
uCoz Community » uCoz System management and tuning » Design Customization » [G] How to create first page using html file & File Manager? (Page Intro and Redirection to custom made page included)
Page 1 of 712367»
Search: