html
Embedding of Google Maps
Before you do anything, as with most API-based web services, you will need to attain an API key before you are able to use the service. Head over to this Google Maps page to sign up for an API key. Signing up is pain free and you get the API-key right after you click on Generate API Key.You then need to download the gmapez.js file from this website and host it somewhere on your website. The actual code necessary to make the map appear on your blog entry or website relies on using an iframe, so you will need to make another html file that the iframe will read from.Below is the code you will need to put in that html file; a few things will need to be changed so keep on reading. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><script src="http://maps.google.com/maps?file=api&v=1&key=YOUR_GOOGLE_MAPS_API_KEY_HERE" type="text/javascript"></script><script src="http://www.YOURDOMAIN.com/path/to/gmapez.js"type="text/javascript"></script></head><body><div class="GMapEZ GLargeMapControl GMapTypeControl GScaleControl"style="width: 400px; height: 400px;"><a href="YOURGOOGLELINK"></a></div></body></html>This is the basic skeleton of code needed to get a Google Map running on your site. You will have to give it your Google API key as well as a valid url to your gmapez.js file. One more thing is the actual Google Maps link for the area you want shown on the map. Go to maps.google.com and find the location you want to be shown, double click on it and then copy the link via the Link to this page at the top right of the Google Maps site. Paste that url in the code above where it says YOURGOOGLELINK. This will automatically center the map on a marker of that location. You can create new markers my creating more and more <a href></a> type tags. Placing a capital letter between those tags will display that letter as the marker instead of the default dot. You can find out more about various configurations at the GMap EZ site.Now to actually placing the code on your site. The piece below goes on the actual blog post or website page. Make sure to feed it the proper URL to your html containing the code above. <iframe src="http://www.YOURDOMAIN.com/pathto/YOURCODE.html" width="500" height="500"></iframe>
Using Shadowbox to implement a popup window
Download "Shadowbox" plugin.The simple way to set up Shadowbox is to include the Javascript and CSS files in the <head> of a webpage and then call Shadowbox.init, like this: <link rel="stylesheet" type="text/css" href="shadowbox.css"><script type="text/javascript" src="shadowbox.js"></script><script type="text/javascript">Shadowbox.init();</script> If you already have another JavaScript library included on your page, such as jQuery or MooTools, Shadowbox will automatically detect it and include the correct adapter for working with that library. All you need to do is make sure you include that library before you include your Shadowbox code. For example, if I were using the popular Prototype library with Shadowbox, I would do the following: <link rel="stylesheet" type="text/css" href="shadowbox.css"><script type="text/javascript" src="prototype.js"></script><script type="text/javascript" src="shadowbox.js"></script><script type="text/javascript">Shadowbox.init();</script>
Building a web site with a ready html or css template in Typo3
<p>Typo3 is a most used CMS (Content Management System). Its easier for a non-technical person a web site building with Typo3. It is needed only a template for building a web site. We can either make a template for a web site by ourselves with Typoscript or use a ready template. Its actually needed a few Typoscript even though we have a ready template. But that is not so much. When we have a few knowledge to build a web site , we can come through this problem. The hardest thing is taking a step, but than we are in comfort.</p>
Importing swf to html, including fonts
While creating the flash-file you have to define the export-options. Those can be found at file – publishing options, like the size or quality of the film. When integrating a text in the flash-file, the text options have to be defined separately. There exist the options of using the computer fonts. You just have to set a mark at the options while the text is selected. The flash-file itself has to be embedded in html like this: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve..." width="550" height="400" id="test" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="test.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="test.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="test" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object> With the parameters you can also change the backgroundcolour or quality after exporting the swf-file.
Create and evaluate your website through W3C guidelines
There exist several guidelines for web design. The most common ones are the W3C guidelines. Those define, how tables, fonts, colours etc. have to be designed to guarantee the creation of a high quality website. The best way to start is to roughly go through all those guidelines and pick those who seem to be necessary for the current project. Next you can look for code samples or great designed websites, like published in the book “web design index” by Günter Beer. Some sketches can help to find out, how the website shall look like. When you start creating the website, make sure to use XHTML and CSS, since this is the recommended W3C standard. When you’ve created the first version of your webdesign, you should test it’s usability with some test persons, that give you creative feedback so that you keep on improving the design. When you think that you’ve finished and considered the guidelines, you can check your website automatically with the help of the W3C validators, that can be found here: http://validator.w3.org/
Embed Google Maps to Website
<p>Embed Google Maps to a Website. Show website visitor where Vienna UT is.</p>
Taggings:
Create a popup window using Javascript
<p>Implement a website popup window plugin so that rich media can be embedded to it. The plugin should be able to be capable of embedding external flash videos, images like JPG, html elements. Images that are grouped together should be shown as gallery.</p>
Load XML contents to HTML websites dynamically
<p>Writing contents directly into HTML websites is less maintainable and extensible. Hence, contents are stored in XML files and loaded dynamically to structured HTML websites.</p><p>Please find out a detailed way to achieve the mentioned goal.</p>
How to make sure your website is conform to common guidelines.
<p class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span style="mso-ansi-language: EN-GB;" lang="EN-GB"><span style="font-size: small;"><span style="color: #000000;"><span style="font-family: Times New Roman;">I want to know what the necessary guidelines for usable web design are. </span></span></span></span></p><p class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span style="mso-ansi-language: EN-GB;" lang="EN-GB"><span style="font-size: small;"><span style="color: #000000;"><span style="font-family: Times New Roman;">Next the process for creating a website that corresponds to these existing guidelines has to be decided. </span></span></span></span></p><p class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span style="mso-ansi-language: EN-GB;" lang="EN-GB"><span style="font-size: small;"><span style="color: #000000;"><span style="font-family: Times New Roman;">Additionally it would be good to know if there are ways to measure the quality of a website after it has been produced. Are there automatic approaches or does this have to be checked manually? </span></span></span></span></p>
Taggings:
Creating and importing and swf-File into an html-File.
<p class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span style="mso-ansi-language: EN-GB;" lang="EN-GB"><span style="font-size: small;"><span style="color: #000000;"><span style="font-family: Times New Roman;">If you want to create an animation that can be shown on the internet, you often choose to work with Adobe Flash. </span></span></span></span></p><p class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span style="mso-ansi-language: EN-GB;" lang="EN-GB"><span style="font-size: small;"><span style="color: #000000;"><span style="font-family: Times New Roman;">Rendering an animation in Flash creates an swf-File.</span></span></span></span></p><p class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span style="mso-ansi-language: EN-GB;" lang="EN-GB"><span style="font-size: small;"><span style="color: #000000;"><span style="font-family: Times New Roman;">In this challenge I want to know how I can implement this swf-File into a website, including it’s own fonts. </span></span></span></span></p>
Pages
