I know next to nothing about creating a webpage but I just need to create a simple page for a user read some legal stuff and hit an Accept button. I'm just looking to put a logo at the top, a scroll box to put the text in so they can scroll through it if they want and it doesn't take up too much space on the page and a button at the bottom. I already have the code for the button. I need it to work on smart phones, tablets and computers and I'm not sure if there is any special coding for that. Actually I'm not sure about the coding for any of it but the button and that's only because my vendor gave that to me. Any help would be much appreciated.
I reckon the easiest way for you is go get some free license web template available on the internet such as http://www.templatemonster.com
and open that up on Adobe Dreamweaver replace with your content and images.
Any website shouldn't have any problems viewing on any devices at full ratio size. While you mean smart phones, tablets, and other devices i assume that you were talking about different layout and you might need to get a responsive template in that case and i'm not sure if that would be available for free cause that involves more works to get that done.
I know next to nothing about creating a webpage but I just need to create a simple page for a user read some legal stuff and hit an Accept button. I'm just looking to put a logo at the top, a scroll box to put the text in so they can scroll through it if they want and it doesn't take up too much space on the page and a button at the bottom. I already have the code for the button. I need it to work on smart phones, tablets and computers and I'm not sure if there is any special coding for that. Actually I'm not sure about the coding for any of it but the button and that's only because my vendor gave that to me. Any help would be much appreciated.
If you are looking for basics of HTML look at the following website www.corelangs.com
I don't have any smart-phone, etc. to test this on, so, start with something like this and adjust as needed:
Code:
<!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" xml:lang="en-US" lang="en-US">
<head>
<title>Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Language" content="en-US" />
<meta name="Author" content="James Alarie - jalarie@umich.edu" />
<meta name="description" content="This is an example page." />
<meta name="keywords" content="example,page" />
</head>
<body>
<div id="body">
<!-- Page Header -->
<div id="header">
<h1 style="text-align: center;">This is a Header</h1>
<img src="Logo.gif" border="0" title="company logo" width="32" height="32" />
<hr />
</div>
<!-- Content -->
<div id="content">
<p>
This is a whole lot of text to be replaced by whatever you need to display on
the page. This is a whole lot of text to be replaced by whatever you need to
display on the page. This is a whole lot of text to be replaced by whatever
you need to display on the page. This is a whole lot of text to be replaced
by whatever you need to display on the page. This is a whole lot of text to
be replaced by whatever you need to display on the page. This is a whole lot
of text to be replaced by whatever you need to display on the page.
</p>
<form method="post" action="javascript:void(0);">
<div class="form">
<input type="button" value="A Button" title="Push the putton!" />
</div><!-- form -->
</form>
</div>
<!-- Page Footer -->
<div id="footer">
<br clear="all" /><hr />
Written on February 15, 2013, by:
<a href="mailto:jalarie@umich.edu">James Alarie</a>.
</div>
</div>
</body>
</html>
Bookmarks