Im stuck! what else to put?

Question

10 Years Ago

What else should I put besides pics and videos, i know how to do that but cool things websites have. Any ideas? please

<!DOCTYPE>
<html>
    <head>

        <title>Jesse Levine Music</title>

    </head>
    <body>
        <form style="background-color:white;">
        <div id="header" style="font-size:80px; font-weight:bolder; text-smooth: 20px 20px 20px; color:black; text-align:center;" ><CR> 
            JESSE LEVINE<CR> 
            </div>   


            <div id="text-align" style="text-align:center;"/>

        <FORM>
        <INPUT TYPE="button" value='HOME'        onClick="parent.location='home.html'"           style="height: 25px; width: 110px;"/>
        <INPUT TYPE="button" value='NEWS'        onClick="parent.location='news.html'"           style="height: 25px; width: 110px;"/>
        <input type='button' value='MUSIC'       onClick="parent.location='music.html'"          style="height: 25px; width: 110px;"/>
        <input type='button' value='TOUR'        onClick="parent.location='tour.html'"           style="height: 25px; width: 110px;"/>
        <input type='button' value='PHOTO'       onClick="parent.location='photo.html'"          style="height: 25px; width: 110px;"/>
        <input type='button' value='VIDEO'       onClick="parent.location='video.html'"          style="height: 25px; width: 110px;"/>
        <input type='button' value='LIFESTYLE'   onClick="parent.location='lifestyle.html'"      style="height: 25px; width: 110px;"/>
        <input type='button' value='STORE'       onClick="parent.location='store.html'"          style="height: 25px; width: 110px;"/>

        </FORM>

            <div id="background" style="background-color:white;"/>

            <p>

            <div id="background-border" style="border:solid black 10px; height: 1000px; margin: 1px; background-color:white; padding:50px;">












        </body>
    </html>

web-design

8 Contributors
25 Replies
290 Views
2 Weeks Discussion Span
Latest Post 10 Years Ago Latest Post by almostbob

almostbob 866 Retired: passive income ROCKS

10 Years Ago

it isnt dialects, its versions 1 - 5, and each has a distinct set of rules, that must be followed closely enough to have the page display.
Ok so you can view it. You arent the intended audience, of the 8billion people it has to at least work for 7,999,999,999 other people's combination of browser and OS
there is a thread read me before you ask for review, code compliant sites rank better in ser that would help explain.
self terminating <div>s as referred by evolution,,
<div> elements must look like this <div> content </div>
some elements eg <img> can self close <img src='thepicture' /> &/but that depends on the html version you are writing

Edited 10 Years Ago by almostbob

EvolutionFallen 107 Junior Poster

10 Years Ago

Thanks bro, I took a class in the basics of html over the summer but before that I had no experience in programming whatsoever. So no I know its not the best, Im learning on the go. But main nav for the menu, got it. Thanks. Hey, what do you mean by self-terminationg DIVs?

For the menu, yes, use links (<a href> elements). Often these are nested inside of unordered lists:

<ul id="nav">
    <li><a href="/a-link.html">Home</a></li>
    <li><a href="/another-link.html">About</a></li>
    ...etc...
</ul>

As for self-closing divs, I was referring to:

<div id="text-align" style="text-align:center;"/>

This really depends on what your DOCTYPE is. In XHTML if you put a /> at the end of a tag it is essentially the same as doing <tag></tag>. This makes little sense for DIVs because they're usually used to contain other elements. In this case the code essentially creates a DIV called text-align which provides center alignment for text, but then immediately closes itself, which accomplishes nothing.

Edited 10 Years Ago by EvolutionFallen

diafol

10 Years Ago

XHTML will let through all manner of rubbish as it allows xml, not just html, effectively making nearly all tags "self-closable" (script may be an exception). I don't think XHTML should be used as a doctype if you're serving text/html, use html.

In addition "void elements" in html5 (e.g. img, meta) have an optional forward slash at the end in html5, so they do not "look like self-closing tags", rather they can look as if they've lost their closing tag partners.

<img src="..." /> or <img src="">

List of void elements:

area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track, wbr

Not sure where this is going though.

Edited 10 Years Ago by diafol

almostbob 866 Retired: passive income ROCKS

10 Years Ago

Those were some useless pointless commands

quote w3c:HTML/Elements/marquee

<marquee>

HTML Reference

The <marquee> element is a non-standard element.
HTML5 classifies it as a non-conforming feature.

Examples

No, really. don't use it.

quote mozilla.org

<marquee>
Non Standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in future

html4 classified as non-conforming, likewise

That which does not display, except IE, probably should not be used.

Edited 10 Years Ago by almostbob

diafol

10 Years Ago

For people wishing to offer advice on this thread, please check your facts and provide valid links if possible. Offering bad advice or encouraging the use of non-standard objects / tags can really bugger up a noob's efforts.

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

EvolutionFallen 107 Junior Poster · Answer 1 · 2014-08-28T15:05:42+00:00

Please don't take this the wrong way, but where are you getting this code from? This code needs some serious help. Opening tags that aren't closed, self-terminating DIVs that serve no purpose, using input buttons for main nav? I've been writing HTML for a while now and I've never seen a <CR> tag. There's so much wrong here, you should really learn HTML before you move on to "cool things".

almostbob 866 Retired: passive income ROCKS · Answer 2 · 2014-08-28T16:15:14+00:00

Does it display at all? there are a lot of browsers that won't display this amount of errors.
If you can see it, you could add, 'about me' 'contact us'

<!DOCTYPE>wrong
<html>wrong
<CR> lower case & ffs WHY
<div id="text-align" style="text-align:center;"/><div> cannot self close
<FORM>lower case
<INPUT TYPE="button" value='HOME' onClick="parent.location='home.html'" style="height: 25px; width: 110px;"/>buttons ffs WHY, lower case
</FORM> lower case
<div id="background" style="background-color:white;"/><div> cannot self close
<p>no closure
<div id="background-border" style="border:solid black 10px; height: 1000px; margin: 1px; background-color:white; padding:50px;">no closure

<!DOCTYPE>: has to include the doctype, hgml sgml html and for all versions lower than html5 the link to the dtd
<cr>: carriage return, many user agents do not add a line feed, the subsequent text overprints
cannot self close : there has to be a matching </element> somewhere
buttons and onclick: don't work when scripting is turned of, dont work the same in all user agents, best practice is nested lists with css to control the display/hide of the elements, and <a href> anchors
no closure : there has to be a matching </element> somewhere

Pablo149 0 Newbie Poster · Answer 3 · 2014-08-28T22:28:40+00:00

Have you thought about putting in an iFrame, and using absolute positioning to place that iFrame anywhere you like on your webpage? An iFrame is like a separate little portal that can display another website, a webpage on your site, etc etc

diafol · Answer 4 · 2014-08-28T22:58:39+00:00

If you have to ask, you have no idea what you're trying to do. Have an idea of what you want to do, then YOU TELL US what you're looking for.

bernard.collins.1088 0 Newbie Poster · Answer 5 · 2014-08-29T01:11:00+00:00

Well, Thank you all so much for the feedback, I really appreciate it.

@EvolutionFallen

Thanks bro, I took a class in the basics of html over the summer but before that I had no experience in programming whatsoever. So no I know its not the best, Im learning on the go. But main nav for the menu, got it. Thanks. Hey, what do you mean by self-terminationg DIVs?

@almostbob

I honestly wonder if there are different "dialects" of html, because i am able to view it on firefox, and google chrome without a problem, This is my first website ever, I expect there to be a lot of errors. Also i forgot why I put the <cr> there, i think i meant to put a <br> there.

@Pablo149

I thought about that tag but why would i want another website on my website?

@diafol

I didnt mean to say "cool things", i was really looking for guidance on what else to put, like maybe a youtube button/icon or something or like how to position certain things to make it look better. thats all. Sorry for the confusion. Im an open book.

To all, I really appreciate it, Im going to minor in computer science when i transfer to baruch, which ill pick up a few things but I'd rather start now.

Anyway thanks again!

ih8bugz 0 Newbie Poster · Answer 6 · 2014-09-03T16:42:10+00:00

I wanted to jump in for just a second and thank everyone who replied to this post. I am learning as well and your explanations are a help. And for us the "beginners", what reference materials would you suggest that are both basic enough to easily understand, yet comprehensive enough to be of real help? Thanks again.

almostbob 866 Retired: passive income ROCKS · Answer 7 · 2014-09-03T17:37:15+00:00

ih8bugz, the site isnt perfect, but tutorials at w3schools.com are ok not affiliated with the w3c at all

A code editor with highlighting, automatically changes colors as the code changes, fantastic for missed closures and other 'headslap moment' code errors. I use notepad++ there are dozens

avoid wysiwyg ,
what you get, is not what everyone else gets, different browsers etc

html5 css3, responsive design, its easier than everything else, you won't have to unlearn things later

bernard.collins.1088 0 Newbie Poster · Answer 8 · 2014-09-03T18:58:24+00:00

I dont know whether I am using xhtml, or html 1-5. I am just using textmate for mac... has anyone ever heard of it? I guess I am using xhtml because in the web preview i am able to view the DIVs even though they aren't "closed".

Thanks for the tip. But I thought using id's was just a way to organize code. But your saying i dont even need the style tag to center the text? @EvolutionFallen

almostbob 866 Retired: passive income ROCKS · Answer 9 · 2014-09-03T19:28:06+00:00

TextMate was once one of the best markup editors available on the Mac, but then development went stagnant. Now, version 2.0 is in alpha and the developer is keeping the app modern again. TextMate 2.0 holds a wonderful new tabbed interface, a symbol selector, support for 40 filetypes, fullscreen support for Lion, and line collapsing. It’s getting better with every release, but right now it’s not even in beta.

"Not even in beta", why the output is less than perfect
can you roll back to 1.51 which does work (according to stepdaughter who is a mac user)
Dont use a mac, so I dunno what code editors are good for it

Ideally there are no style tags in the html
just class and id
you style the classes and IDs in an external css file, and every page is the same

want to change the whole site: make 1 change in a css file, easy
want to change one element, change its id, easy

If you style elements in the page, every page is Huge on every load or reload, because every
<div class='border'>this div is externally styled</div>
is
<div style='width:95%; height:244px; text-align:left; margin:1%; margin-left:2em; margin-bottom:35px; border:1px blue solid; padding:2%;'> this div is inline styled</div>

want to change the whole site, find and change every <div element in every file and folder, NOT easy
want to change one element, change its style="all kinds of stuff" , not particularly easy

external scripts or css get DL once and just keep re-applying themselves
makes the site as a whole smaller and faster.
more complicated the styling, the smaller the external style site is compared to inline styles,

Pablo149 0 Newbie Poster · Answer 10 · 2014-09-03T19:28:25+00:00

I have to agree with almostbob -- you can't cut corners by using a wysiwyg. Sure, maybe you start out using them, but eventually have to dive deeper and really get into the nitty gritty of the code. Otherwise, you're at the mercy of whoever made the program that's writing your code for you.

bernard.collins.1088 0 Newbie Poster · Answer 11 · 2014-09-03T19:43:00+00:00

@almostbob

So your saying you could have 10 .html links for a site and have one css file that styles all of them?

@pablo149
what is wysiwyg?

almostbob 866 Retired: passive income ROCKS · Answer 12 · 2014-09-03T19:51:19+00:00

Yes you can have 10 links and thousands of other elements on hundreds of pages and a single css file that styles all of them
example

<INPUT TYPE="button" value='HOME' onClick="parent.location='home.html'" style="height: 25px; width: 110px;"/>
<INPUT TYPE="button" value='NEWS' onClick="parent.location='news.html'" style="height: 25px; width: 110px;"/>
<input type='button' value='MUSIC' onClick="parent.location='music.html'" style="height: 25px; width: 110px;"/>
<input type='button' value='TOUR' onClick="parent.location='tour.html'" style="height: 25px; width: 110px;"/>
<input type='button' value='PHOTO' onClick="parent.location='photo.html'" style="height: 25px; width: 110px;"/>
<input type='button' value='VIDEO' onClick="parent.location='video.html'" style="height: 25px; width: 110px;"/>
<input type='button' value='LIFESTYLE' onClick="parent.location='lifestyle.html'" style="height: 25px; width: 110px;"/>
<input type='button' value='STORE' onClick="parent.location='store.html'" style="height: 25px; width: 110px;"/>

would be something like

<a class='mbutton' href='/home.html'>home</a>
<a class='mbutton' href='/news.html'>news</a>
<a class='mbutton' href='/music.html'>music</a>
<a class='mbutton' href='/tour.html'>tour</a>
<a class='mbutton' href='/photo.html'>photo</a>
<a class='mbutton' href='/video.html'>video</a>
<a class='mbutton' href='/lifestyle.html'>lifestyle</a>
<a class='mbutton' href='/store.html'>store</a>

which looks bettter? easy Q

What
You
See
Is
What
You
Get
unfortunately wysiwyg is crap,
what you see is nothing like what everyone else gets.

mattster 195 Practically a Master Poster Featured Poster · Answer 13 · 2014-09-03T19:56:09+00:00

Yes, you can style anything and everything from a CSS file, and much better to do that than place it in a style="" attribute.

And WYSIWYG means: What You See Is What You Get.

It's a visual editor that allows you to design a website by typing it like any other type of document. The text box you will you to reply is an example of WYSIWYG. Common editors are like DreamWeaver etc.

What they are saying by that is code your website by hand (yes, by yourself), using HTML, from the ground up. This way your code will be reasonably neat and will be a damn site easier to interpret.

diafol · Answer 14 · 2014-09-03T20:55:49+00:00

Sorry this looks like a chip-in thread, so I'll just make another observation wrt inline styling and css files:

Always separate your languages / markup as far as possible. CSS files can be easily cached, leading to faster rendering on subsequent page loads.

There's some stuff about IE running style attributes faster than css, but the evidence is skewed / limited use case IMO.

Inline styling will make future changes a nightmare. They also have the highest priority of all styling methods, so overriding them with css or style tags is a bit of a nightmare.

Priority (highest to lowest):
Inline style
Style tags
CSS file

bernard.collins.1088 0 Newbie Poster · Answer 15 · 2014-09-04T01:17:16+00:00

@diafol

Don't be sorry, thanks for the contribution. So external styling is the best way to go period? No matter what it is your doing? Because most things in programming have to be stylized, correct?

@almostbob

yeah the class tags/external styling looks a lot more organized and legible and makes room for more code than inline.

almostbob 866 Retired: passive income ROCKS · Answer 16 · 2014-09-04T02:55:58+00:00

yeah the class tags/external styling looks a lot more organized and legible and makes room for more code than inline.

external css files make more sense than inline,
are more flexible you can give style to different states, for all elements,
ordinary - visited - active - hover

.mbutton { background:#3498db; -webkit-border-radius:28; -moz-border-radius:28; border-radius:28px; font-family:Arial; padding:.5em 1em; }
.mbutton:hover { background:#3cb0fd; }

doesnt do much, just sets curved corners and changes the mouseover color for all menu links

there are IDE for pc, that produce clean html5 code, with external scripts and css3,
not wysiwyg, with a view pane
there has to be something equal for a mac,
apple have a lot to answer, with the 'you can only play with the toys I tell you' bullshit

does komodo run on a mac??
the pc version is good, there are versions for linux and beos,

oriclon -5 Light Poster · Answer 17 · 2014-09-12T14:36:51+00:00

oriclon -5 Light Poster

10 Years Ago

Here are some useful and easy commands.

oriclon -5 Light Poster · Answer 18 · 2014-09-12T14:38:28+00:00

<marquee>This text will scroll from right to left
    slowly</marquee>

<marquee behavior="alternate" scrollamount="50"
    scrolldelay="8">This text will go Alternate
    from Left to Right</marquee>

<marquee behavior="slide">This text will scroll in
    and "stick."</marquee>

<marquee scrolldelay="5" scrollamount="50">
   This is a very fast scrolling text.</marquee>



<marquee><img src="uparrow.gif" alt="up" align="middle"
 width="21" height="19">You can even add images to marquees!</marquee>

edit the numbers and the file names or titles that you want

This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in future

bernard.collins.1088 0 Newbie Poster · Answer 19 · 2014-09-12T21:38:20+00:00

komodo does work for mac, it looks pretty good but its not free. Is it a good investment?

almostbob 866 Retired: passive income ROCKS · Answer 20 · 2014-09-12T23:00:42+00:00

I still dunno what is good for a mac,
Jenn(daughter) can't tell me much, she doesnt do much writing
closed architecture makes it difficult
there isnt so much available
All you really need, is a text editor and safari to preview the code in
I like having devPHP and portablemysql and other apps for anything I decide I want to try