Jump to content
xisto Community

Coach

Members
  • Content Count

    49
  • Joined

  • Last visited

  1. I got it!, thanks you very much sparx.
  2. I want an G-mail account too, please send me an invite at eqenko@terra.com.peThanks in advance finaldesign,
  3. FIRST PART HTML was created with the intention of exposing information, this way under the original design approach the content was the most important aspect; but in a very short time things changed drastically, HTML became wildly popular and quickly increased its original purpose, so there has been rapid creation of new elements to adapt HTML to the market's more sophisticated needs and the surplus of those new elements has led to interoperability problems across diverse platforms. To help solve those problems arrived XHTML, which is a much more accessible language than the old HTML and guaranteed to work in any standards browser, due to his persistence on respect the rules and W3C specifications. On the other hand, the visual and quality aspects have become decisive to the website visual accomplishment as well as in other important areas. To help in this new requirement comes the Cascading Style Sheets – CSS. To corroborate how CSS and XHTML complement each other, you have to known the basic aspects of XHTML and CSS. If you don’t know anything about those themes, before you go ahead, read the posts Understanding XHTML and About CSS, that bring an introduction on such topics and link to interesting websites. In conclusion, CSS is an easy mechanism for managing the style of a website without changing its structure. By differencing visual design elements (fonts, colours, margins, and so on) from the structural logic of a web page, CSS gives web designers the control they wish without sacrificing the integrity of the data - thus maintaining its usability in multiple environments. Besides, defining typographic design and page layout from within a single distinct block of code allows for faster downloads, efficient site maintenance, and immediate total control of design attributes across multiple pages. We will cover Styling-XHTML different aspects, from the easiest to most complex ones, under a practical approach that will be materialized on a gradually develop, step by step, of a real web site that it’ll begin soon in the next part. Keep training Styling-XHTML!
  4. Bigman,I don't have to much experience, so I wil contribute with some research I have made Here more information on same topic: Keep enjoying
  5. This is the fifth part, this time to understand how to manage images in XHTML. It is clear the vital importance of images on web design, in consequence the election of the most appropriated image format to use on building your website, so it result in a small and fast-loading graphic, is essential too. To identify which format to use, always it is convenient to considerate of both the image’s quality and the file size. The three formats more used on the net are: - Graphics Interchange Format (GIF) - Joint Photographic Experts Group (JPEG) - Portable Network Graphics (PNG) GIF format is used when you wish to display a graphic made of very few colours such as logos and are also used to create short animated files. JPEG format is generally the format used for photographs. They are used when you wish to display two much colours, but they are not suited for images with blocks of the same colour. PNG format can contain as many colours as a JPG, but when using the same number of colours as a GIF they generally produce smaller file sizes. You can find more information about this topic on: Image File Formats How to Get Images on WebPages The basic element to insert images on WebPages is the The <img> tag [quote name='http://forums.xisto.com/no_longer_exists/ element is used to insert an image object into an HTML page. This is generally in the form of a JPEG, GIF or PNG image file. Key: ‡ = Required attribute ** = Transitional only Explanation of attributes align**: used to specify the horizontal alignment of the element with respect to the page. The default value is "left". alt‡: used to specify the alternative text that should replace the image if the image cannot be displayed. This text should not be a description of the image but rather a replacement text that would be suitable in the context in which the image would have been displayed, eg. an image of a heart in the code "I <img src="heart.gif" alt="love"> you" would have "love" as its alternative text as the word "heart" would make much less sense in context with the text. border**: used to specify the thickness of the border that surrounds the image. This should be a value in pixels. The default for images that are not being used as links is '0', whereas when an image is used as a link a border is generally shown - the value being set by the browser. class: used to state which class(es) the element belongs to. It is possible to indicate more than one class for an element by separating each class name with a space character. This attribute is normally used in combination with a stylesheet in order to associate the elements with particular styles defined within the stylesheet. dir: used to set the direction of the text in combination with the language set in the lang attribute. The available values are "ltr" (left to right) and "rtl" (right to left), with the default value being "ltr". height: this attribute indicates the height, in pixels, that the image should be displayed at. Percentage values are also supported by most browsers, but this method of specifying height is unpredictable at best. hspace**: used to specify the horizontal space between the image and its neighboring text. id: used to specify a unique alphanumeric identifier to the element. This is usually used in combination with stylesheets in order to apply a style to one particular instance of an element. Only one element, regardless of type, can be given a particular id. ismap: used to indicate that the image is a server-side image map. This means that the coordinates of the image that the user clicks on are sent to the server for processing. In this case, the image must be contained within an anchor element, where the URL that the anchor points to is the server-side image map processor. lang: used to indicate the language being used in the text contained within the element. The value of this attribute takes on the form of the ISO standard lanuage abbreviations found in RFC 3066. A list of these codes can be found on the ISO language codes page. longdesc: this is used to indicate the URL of a document that further explains the content of the image. src‡: this attribute specifies the URL of the source image that should be displayed when using an image element. style: used to specify an inline style to apply to the element. The styles defined here override the styles declared in the header section. title: used to define an advisory text that may be displayed as a tooltip when a mouse is used to hover over the element. usemap: this indicates that the image is used as a client-side image map. The value of this attribute should match the value of the name attribute in the corresponding map element. vspace**: used to specify the vertical space between the image and its neighboring text. width: this attribute indicates the width, in pixels, that the image should be displayed at. Percentage values are also supported by most browsers, but this method of specifying width is unpredictable at best. Event handlers The following event handlers are defined for this element: * onclick * ondbclick * onkeydown * onkeypress * onkeyup * onmousedown * onmousemove * onmouseout * onmouseover * onmouseup Basic example At this point the fifth part, soon the sixth and last part. Keep learning and practicing XHTML!
  6. By the way, does sombody see this site isitebuild.com Can it help on this topic?
  7. Always the aim of any website is to communicate something, to achieve such an intention itâs necessary to grab the surferâs attention, provokes its interest on the topic and to draw him into the website content. For it is necessary to have a good content and to carry out a suitable presentation using essential elements like: text, diagrams, graphics, and photography images. This fourth part of understanding XHTML will show how to manage text in order to build better websites. READABLE TEXT When all the text in the page streams from top to bottom, without any interruption, the contents ends up boring and nobody would want to read it. Paragraphs and line breaks come to help get more readable text. Paragraph is a block element that contain reasonable portion of text and Line Break states that text would start on a new line. The <p> tag EMPHASIZING SOME TEXT Occasionally it is needed to highlight text putting more emphasis in some words within the same paragraph: The <em> and <strong> tags FONT STYLE ELEMENTS XHTML have others elements to style the text on the website: The <tt> <i> <b> <big> <small> tags XHTML have elements like headers, blockquote, big, small and others that make good effects on fonts and text, but it is better to use them from the Styling Sheet perspective to achieve best results. For this reason, Iâll soon make another post titled âStyling XHTMLâ to help understand the complementary action between XHTML and CSS. Keep learning and practicing XHTML!
  8. Interesting contribution hihihihi88, now I understand that the Editorial Design is an area of expertise that is growing in importance and complexity, throughout the development process, and is giving a unique and priceless insight into one of the most stimulating and innovative areas of graphic design. http://forums.xisto.com/no_longer_exists/ http://forums.xisto.com/no_longer_exists/ http://forums.xisto.com/no_longer_exists/ http://forums.xisto.com/no_longer_exists/ https://www.quartoknows.com/RotoVision?bookid=1422
  9. Really I have never created rss feed, but maybe this website could help you mustaq:http: // searchenginewatch.com/sereport/article.php/2175271 Good luck!
  10. Some time ago I found these ones:http://forums.xisto.com/no_longer_exists/ http://www.maketemplate.com/ I didn't use them yet, I hope bring you some help.
  11. Here the third part to help the understanding of XHTML. This time we will cover essential aspects of website building. It is well known that the main function of a website is to provide users with media rich resources that consist of text, pictures, video, sound and other graphical content. In fact all the information that a site offers is on several web pages that need to be linked, because without links a website is useless. More important than this is the fact that WEB and INTERNET turned out to be what them are today thanks to the links. In consequence, there are two fundamental types of links: within and outside the website; the first-mentioned links to pages on your own site and the later links to other websites on the WEB. In any case the basic syntax of the XHTML anchor element, like HTML, is: TAG: a Some details of the href attribute: The above example shows an External Link, in this case the URL used is: http://www.devguru.com/ Other way, an Internal Link point to a page within the same website that is under the same domain name, in this case the URL be at variance. Letâs say that is on a page located at: http://forums.xisto.com/no_longer_exists/, then you can use the following URL: <a href=âpage2.htmlâ> to point to the page located at: http://forums.xisto.com/no_longer_exists/. You can also use <a href=â/index.htmlâ> to point to the page located at: http://forums.xisto.com/no_longer_exists/ and <a href=â../index.htmlâ> to point to the same page. At this point the THIRD part, soon the next part: Keep learning and practicing XHTML!
  12. I found another similar web page in spanish, take a look and enjoy it!:
  13. Please any body knows something about LDU Land Down Under
  14. Here the second part intended to keep on helping to the best comprehension of the XHTML. Let's start by specifying the advantages that XHTML offers in contrast with HTML Now, letâs take a look to the complete XHTML document structure, which is conformed by three main parts: 1) The DOCTYPE, 2) The HEAD, and 3) The BODY. So a XHTML minimal document example is: The numbers and colons are not part of the HTML file, but serve to associate the following comments with the lines above: 1. Specifies the document type. 2. Declares this to be an HTML document and declares an XML namespace. 3. The head contains items that are about the document. 4. The title used in the browser title bar, hotlists, listings, etc. 5. Closes the head. 6. body contains the document's displayable content. 7. Begins a paragraph. 8. An anchor, to the W3C validator. 9. Closes the paragraph. 10. Closes the body. 11. Closes the html. At this time, let's take a deep look inside of the three main components of the XHTML document structure: DTD TAG: DOCTYPE TAG: head TAG: body At this point the SECOND part, soon the next part: Keep learning and practicing XHTML!
  15. A lot have been said about the convenience of using XHTML instead of the well known HTML for the development of web pages and often it is not used since it is believed itâs too complicated to learn the new language and that it wouldnât be worth the time and effort. It seems to me that the observation mentioned above is mistaken and I believe that it is worth to try to demonstrate that it is all the opposite, but not so much with the theoretical argumentation but rather with a practical approach covering diverse aspects of the process of developing web pages. First things first: What is XHTML? [quote name='http://forums.xisto.com/no_longer_exists/ 1.0 (this specification) is the first document type in the XHTML family. It is a reformulation of the three HTML 4 document types as applications of XML 1.0. It is intended to be used as a language for content that is both XML-conforming and, if some simple guidelines are followed, operates in HTML 4 conforming user agents. Developers who migrate their content to XHTML 1.0 will realize the following benefits: * XHTML documents are XML conforming. As such, they are readily viewed, edited, and validated with standard XML tools. * XHTML documents can be written to operate as well or better than they did before in existing HTML 4-conforming user agents as well as in new, XHTML 1.0 conforming user agents. * XHTML documents can utilize applications (e.g. scripts and applets) that rely upon either the HTML Document Object Model or the XML Document Object Model [DOM]. * As the XHTML family evolves, documents conforming to XHTML 1.0 will be more likely to interoperate within and among various XHTML environments. The XHTML family is the next step in the evolution of the Internet. By migrating to XHTML today, content developers can enter the XML world with all of its attendant benefits, while still remaining confident in their content's backward and future compatibility. [quote name='http://forums.xisto.com/no_longer_exists/ 1.0 is the first step toward a modular and extensible web based on XML (Extensible Markup Language). It provides the bridge for web designers to enter the web of the future, while still being able to maintain compatibility with today's HTML 4 browsers. It is the reformulation of HTML 4 as an application of XML. It looks very much like HTML 4, with a few notable exceptions, so if you're familiar with HTML 4, XHTML will be easy to learn and use. XHTML 1.0 was released on January 26th as a Recommendation by the W3C. What is HTML 4? Main differences between HTML and XHTML: In XHTML all elements must be properly nested within each other like this: Note: A common mistake in nested lists, is to forget that the inside list must be within a li element, like this: This is correct: Notice that we have inserted a </li> tag after the </ul> tag in the "correct" code example. Documents Must Be Well-formed All XHTML elements must be nested within the <html> root element. All other elements can have sub (children) elements. Sub elements must be in pairs and correctly nested within their parent element. The basic document structure is: Tag Names Must Be In Lower Case This is because XHTML documents are XML applications. XML is case-sensitive. Tags like <br> and <BR> are interpreted as different tags. This is wrong: This is correct: All XHTML Elements Must Be Closed Non-empty elements must have an end tag. This is wrong: This is correct: Empty Elements Must Also Be Closed Empty elements must either have an end tag or the start tag must end with />. This is wrong: This is correct: IMPORTANT Compatibility Note: To make your XHTML compatible with today's browsers, you should add an extra space before the "/" symbol like this: <br />, and this: <hr />. At this point the first part, in short time the second part: Keep learning and practicing XHTML!
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.