Hi Freeway Experts,
I have a question regarding styling HTML text. The reason for wanting to use styles as listed below is to help simplify text creation for some of our non-web savvy graphics team members.
Will any of the following create errors or problems for browsers?
Applying paragraph alignment to HTML items and applying color, size, and emphasis directly to text.
Example:
Text box is given left alignment and selected text is given separate individual styles, such as style=color blue, style=12 pixels, style=italic bold.
Objective:
Graphics person selects text to be styled and can apply the 3 separate styles from the list, thus allowing us to create a library of color, sizes, and emphasis.
Applying paragraph alignment can be universally set by adjusting the default ‘p’ tag in the CSS styles window. Simply set that to left align and any text that is part of a paragraph will be left aligned and will not be required to add to each new text style. There should not be any errors when creating styles as this is a typical everyday task for web designers. It’s also methodical to create some styles first so Freeway doesn’t go crazy with ‘style1, style2, etc.’
Yes, you can use multiple H1 tags, but I would consider separating them with a class style as well. So, in the TAG filed you would have ‘h1’ and then in the ‘Name’ field you could put ‘colorname’ and then apply unique styling to that. So it would look like ‘h1.colorname’ in your style palette there. Obviously for SEO purposes you might want to consider a break in using h1 all over since you do need to create a hierarchy of content so make sure to use the h1 wisely for the most important content. (This, again obviously, would only apply to actual HTML text for SEO purposes but the same principle of splitting up styles with both a TAG and Name values would help separate things easier while still retaining the h1 status.)
If you have any more questions about it, post away as I’ll watch the thread.
Thank you for your response. BTW, your latest screen cast sounds interesting, might need to check it out. OK, my questions may have been a little convoluted as I am considering what might be a non traditional approach, and perhaps not something an experienced developer would do.
The main goal is for a graphics member of my team to be able to type in text and then be able to go into the pre made styles list and select their font size than separately select their font color and so on. By separately adding styles to the html text will it cause issues with browsers or performance?
I believe I understand your answer to be that it is OK to have multiple h1 tags so long as they are made unique by using different names. Totally get the SEO thing, the intent is to be able to have legitimate headers on different pages that look unique to that page.
I guess the greater questions would be why would you want to have individual styles when they could easily be grouped together. Sounds like you’re making it more complicated than it needs to be.
Any reason why you would want to do that?
(Why can’t “style=“font-size: 12px;” style=“font-family:Arial, Helvetica;”” just be "style=“font-size: 12px; font-family: Arial, Helvetica;”. Both would accomplish the same thing.)
As far as the H1 tags go, that is what I meant of styling H1’s on different pages by using class names attached to them to help keep the styles sorted yet still have an H1 tag. Dave said it right that you shouldn’t use more than one H1 tag per page as that relates to the hierarchy of content in regards to SEO.
Yes, as stated above I would like to be able to have a graphics person who does not have any development background work in a manner they are accustomed. The first thing I observed is my my graphics people immediately start by using the tools panel and in a matter of minuets I come back and there are an enormous amount of Style 1, Style 2 and so on. Even after training and orientation the whole issues of using styles correctly is very foreign.
It is for this reason I was considering pre making separate styles for size, color, style and so on. I totally understand this is a slower approach for even a novice developer but the intent is to allow purely graphics people on my team to be able to jump in and not have to worry about the how or why of things. All they have to know is to open a styles panel and select what they need.
Just want to confirm that when a page is constructed this way the final markup and CSS wont cause any problems. Any final thought is greatly appreciated,
I don’t think there is any technical reason for not doing this. You might get some push back from web designers because of style bloat in the CSS, but other than that I think it will work fine, at least a lot better than all the temp styles.
Thank you for your input Chuck regarding #1. Any further thoughts regarding multiple styles?
Although you can technically set up massive numbers of H1 styles, I wouldn’t. In order to keep your SEO happening effectively there should only be one H1 style per page. If SEO isn’t important then it doesn’t matter, but I would stick with what works best for SEO and only have one H1 style per page.
My recent inquires are regarding item #1. totally get the h1 thing, so appreciate all the input.
The main goal is for a graphics member of my team to be able to type in text and then be able to go into the pre made styles list and select their font size than separately select their font color and so on. By separately adding styles to the html text will it cause issues with browsers or performance?
My recent inquires are regarding item #1. totally get the h1 thing, so appreciate all the input.
The main goal is for a graphics member of my team to be able to type in text and then be able to go into the pre made styles list and select their font size than separately select their font color and so on. By separately adding styles to the html text will it cause issues with browsers or performance?