Viewing Headings instead of paragraphs

Headings instead of paragraphs



User: pumpkin 12 years ago
Me again,

I'd love to be able to chose if text that I entered is a heading (<h1> <h2> etc...). So far every text, even if it's meant as a heading, shows up with a <p> tag which is not so good in terms of SEO.

Is this going to be implemented later? Or do I have to use html snippets to create and style a simple heading?

-------------------------------
Darian
new to web design
______________________
My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b>
User: Roddy 12 years ago
In earlier versions there was a widget for headings but this was taken out for some reason. It seems that most users want features like social media buttons rather than have those that actually help their sites get found!

I did do a page about headings with some info links for those who want to learn a little about the subject...

http://roddymckay.com/EasyWeb/html-headings.html

Its also worth using a snippet to create the whole deader since this only needs done once for the whole site. Then you can also make it full width and fixed if required...

http://roddymckay.com/EasyWeb/fixed-header.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: pumpkin 12 years ago
Thanks Roddy. I wouldn't want to have to learn html and css (though I know the basics) to achieve such basic things as a simple <h1> or <h2> tag on a page. I really think that should be done simply by formatting text as a header or sub header within EasyWeb.

-------------------------------
Darian
new to web design
______________________
My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b>
User: Roddy 12 years ago
Do you know of a drag and drop style app that does create headers that way? I would be interested to see how they do it.

Although you obviously know the value of using <h> tags, most people don't and probably wouldn't appreciate a widget since they wouldn't know what it was for. There's got to be a limit to the number of widgets and I suppose it's the ones that the masses want that will get incorporated.

I really don't know why anybody would want all these social media buttons and there are so many variations that you can't possibly have a widget for each one. I would rather have widgets that speeded up the task of doing something useful.

I actually find it easier to use code in a lot a ways since you set the text styles in the main stylesheet before you start actually creating pages. That way you don't have to format the text in a box - just put in the tags and text and it styles itself.

Drag and drop is really useful for working on page layouts but using code is faster and a lot more efficient once you go beyond a site with just a few pages.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: pumpkin 12 years ago
I don't need a widget to drag ... drop a <h1> heading to the page. Even in Pages you can simply choose if you want your highlighted text to appear as a title, heading, subheading etc...

I'm not a programmer, but I can imagine that this is a rather simple task compared to lot of the other stuff EasyWeb does for us. I'll eventually be able to do that myself using html widgets and some basic css styling commands, but such a basic feature should be implemented and be easily accessible imho.

On the other side (at least I've learned so much by now) I am surprised that EasyWeb puts most of the css inline in the html file and in the <head> section. On my site there's about 170 lines of css styling code in the <head> alone. Shouldn't that belong into an external stylesheet that is referenced in the html file?

-------------------------------
Darian
new to web design
______________________
My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b>
User: Paul-RAGESW 12 years ago
We are working on incorporating header tags.

Quote:
On my site there's about 170 lines of css styling code in the <head> alone. Shouldn't that belong into an external stylesheet that is referenced in the html file?


No, it doesn't have to be.

Text styling is incorporated into one global file and used by any page that needs them. This makes things more efficient.

Shapes are almost always going to be different and unique so they should be included on the actual page. Putting them in a separate CSS file used by the page would make no difference.

-------------------------------
Paul
EverWeb Developer
User: Roddy 12 years ago
CSS can be added using four different methods:

[a] Imported from an external stylesheet like this...

<link rel="stylesheet" type="text/css" href="style.css" />

[b] Embedded into the <head> of the HTML doc...

<style>
h1 {font:normal 2em verdana, sans-serif;color: #ccc; text-align:center;line-height: 1.5em; margin:0;padding: 5px;}
</style>

[c] Inline inside HTML tags...

<h2 style="font: 32px 'Verdana', Helvetica, san-serif; padding: 5px;margin: 0;color:#FF0000;background:#000;">This is a red heading with a black background</h2>

[d] Importing styles from another stylesheet...

@import "more-styles.css";

EasyWeb allows you to insert styles using all these methods.

For example, you could have an external stylesheet with the rules for the header, h1, h2, h3, h4, headings and the footer and insert it using method [a] in the site-wide head code box in the publishing settings page.

Then you could overwrite any of these rules per page by inserting the CSS in the page inspector head code box using method [b].

Individual styles in HTML Snippets can be inserted using [c].

[d] probably has no great use in an EasyWeb created site.

Each has it's advantages and disadvantages.

I usually write my styles on one or more stylesheets. Complicated items like a media player can have a separate sheet which only needs to be inserted in one or two pages. Contact form styles only need to be inserted in the Contact page and so on.

A lot of the styles you see in the head code of your pages will be for the navigation. If you insert your own design using a snippet you can use an external stylesheet and insert the link once in the site-wide head code box. Cutting down the amount of code in the HTML file is helpful when you are actually writing code to make it easier to find stuff. I don't think the average EW user will be doing this!

The great thing about EasyWeb is that, if you take the trouble to learn some HTML and CSS, you can create features that other users will only be able to dream about. An understanding of the different types of code will allow you to create a far better website.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: shaun 12 years ago
nicely explained Roddy...
User: pumpkin 12 years ago
Thanks Paul and Roddy for your responses.

-------------------------------
Darian
new to web design
______________________
My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b>


Post Reply
You must login or signup to post.