Html`?

Magimus · #1 01-06-2009, 03:52 PM

How do I create a HTML file? Like a index for a website.

Got this file.

Quote:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>World of Warcraft Account Login</title>
<meta content="false" http-equiv="imagetoolbar" />
<link href="master.css" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="master2.css" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="language.css" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="forms.css" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="print.css" media="print" rel="stylesheet" type="text/css" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<script src="sarissa.js" type="text/javascript" />
<script src="common.js" type="text/javascript" />
<script type="text/javascript">
var jsRoot = '/login/';
var phRoot = '/login/phaseprism/';
if(Browser.ie7) {
addStylesheet(jsRoot + '_css/ie7.css');
}
else if(Browser.ie6) {
addStylesheet(jsRoot + '_css/ie6.css');
addStylesheet(phRoot + '_css/ie6.css');
}
else if(Browser.opera) {
addStylesheet(jsRoot + '_css/opera.css');
}
</script>
</head>
<body class="wow-bg" style="position:relative">
<div class="center-wrap">
<div>
<div class="login-wow">
<form action=login.php?"/login/login.xml?referer=https%3A%2F%2Fwww.worldofwarcraf t.com%2Faccount%2F&loginType=wow" id="loginForm" method="post">
<div>
<blockquote>
<p>
<label for="accountName">Account Name</label>
</p>
<div style="position: relative; float: left">
<input id="accountName" maxlength="160" name="accountName" tabindex="1" value="" />
<script type="text/javascript">
window.setTimeout("$('accountName').focus()", 200);
</script>
<div class="errorTooltip arrowLeft">
<div>
<p />
<span class="errorTooltipArrow">
<em>

</em>
</span>
</div>
</div>
</div>
</blockquote>
<blockquote>
<p>
<label for="password">Password</label>
</p>
<div style="position: relative; float: left">
<input autocomplete="off" id="password" maxlength="16" name="password" tabindex="2" type="password" />
<div class="errorTooltip arrowLeft">
<div>
<p />
<span class="errorTooltipArrow">
<em>

</em>
</span>
</div>
</div>
</div>
</blockquote>
<div>
<input style="width:0;height:0;padding:0;border:none" type="submit" />
</div>
<div class="btn-wrap">
<a class="wow-button" href="javascript:void(0)" onclick="Form.submit(this)">
<span>
<strong>Login</strong>
</span>
</a>
</div>
</div>
</form>
</div>
<div class="login-wow-note">
<h1>Forgot Your Password or Account Name?</h1>
<p>You will need a valid World of Warcraft account name and password to proceed to Account Management.</p>
<a href="http://www.worldofwarcraft.com/loginsupport">Account Name / Password Retrieval</a>
<br />
<br />
<a href="http://signup.worldofwarcraft.com/">Create a World of Warcraft Account</a>
</div>
<div class="wow-login-footer">
To view this page in another language:<br />
<a href="javascript:void(0)" onclick="selectLanguage('en_US'); return false">English (US)</a> |
<a href="javascript:void(0)" onclick="selectLanguage('en_GB'); return false">English (EU)</a> |
<a href="javascript:void(0)" onclick="selectLanguage('de_DE'); return false">Deutsch</a> |
<a href="javascript:void(0)" onclick="selectLanguage('fr_FR'); return false">Français</a> |
<a href="javascript:void(0)" onclick="selectLanguage('es_ES'); return false">Español (EU)</a> |
<a href="javascript:void(0)" onclick="selectLanguage('es_MX'); return false">Español (LA)</a> |
<a href="javascript:void(0)" onclick="selectLanguage('ko_KR'); return false">???</a> |
<a href="javascript:void(0)" onclick="selectLanguage('ru_RU'); return false">???????</a>
<br />
<br />
For security reasons, close your web browser when you are done accessing services that require authentication! Secure Blizzard Entertainment web pages that request your account name and password will contain URLs such as worldofwarcraft.com, blizzard.com, and battle.net.
</div>
</div>
</div>
<script src="https://ssl.google-analytics.com/ga.js" type="text/javascript" />
<script type="text/javascript">

var pageTracker = _gat._getTracker('UA-544112-15');

function _gaInit() {
pageTracker._setDomainName("blizzard.com");
pageTracker._initData();
pageTracker._trackPageview();
}

function _htmlDomInit(doc) {
_htmlDom = doc;
_gaInit();
}

/* Partial workaround for Firefox bug 230214 */
if(typeof(document.cookie) == 'undefined') {
var obj = document.createElementNS('http://www.w3.org/1999/xhtml', 'object');
obj.setAttribute('style', 'display:none');
obj.width = 0;
obj.height = 0;
obj.type = 'text/html';
obj.data = 'data:text/html;charset=utf-8,%3Cscript%3Eparent._htmlDomInit%28document%29%3C/script%3E';
document.getElementsByTagName('body')[0].appendChild(obj);
document.__defineGetter__('cookie', function() { return _htmlDom.cookie; });
document.__defineSetter__('cookie', function(c) { _htmlDom.cookie = c; });
} else
_gaInit();
</script>
</body>
</html>

XplittR · #2 01-06-2009, 04:45 PM

Right-click on your desktop (Where you find "My Computer" etc.), New -> Textfile.
Then open it and paste what you just pasted over. Then click File -> Save as... and make sure "All filetypes" is selected from the drop-down menu, then write "index.html" as your filename

wtfdudes · #3 01-06-2009, 04:53 PM

Exactly what I wanted to say.
Nearly everyone codes HTML in Notepad.
Another program would be Dreamwaver, as a WYSIWYG editor. Dreamwaver will leave some lines in the code which are needed like the parantheses, which will in the end lead to less delay parsing the code.

XplittR · #4 01-06-2009, 05:14 PM

Dreamweaver is a great program, as you also have colored tags, for easier recognition

And you can very quickly see how the result will be

Serverman · #5 01-06-2009, 07:25 PM

Or just use notepad++ ?

I love it, as it supports multiple programming languages

XplittR · #6 01-06-2009, 07:28 PM

Notepad++ does not have any support for WYSIWYG, and neither does it have for server technology, like ASP.NET C# which we are using.

Correct me if I am wrong. WYSIWYG can be quite handy

Serverman · #7 01-06-2009, 07:36 PM

i've never used WYSIWYG editors

Maybe its just me? XD
Supported languages : C C++ Java C# XML HTML
PHP CSS makefile ASCII art (.nfo) doxygen ini file
batch file Javascript ASP VB/VBS SQL Objective-C
RC resource file Pascal Perl Python Lua TeX
TCL Assembler Ruby Lisp Scheme Properties
Diff Smalltalk Postscript VHDL Ada Caml
AutoIt KiXtart Matlab Verilog Haskell InnoSetup
CMake YAML

XplittR · #8 01-06-2009, 07:39 PM

Of course it can support all those because you can edit them with a normal notepad. But if you want to set up a website, you probably wouldn't use Notepad++, as you probably would want to use some setups that would take long time to integrate if you were to manually write them in. WYSIWYG rules

Serverman · #9 01-06-2009, 07:40 PM

ok

I mean they have syntax highlighting for all those languages

Magimus · #10 01-06-2009, 08:23 PM

uhm yeah ok xD