Design a Website class 1
- 1 Acronym definitions:
- 1.1 Web Browsers
- 1.2 Markup Languages
- 1.3 Style Languages
- 1.4 Server Side Scripting Languages
- 1.5 Client Side Scripting Languages
- 1.6 Databases
- 1.7 Flash
- 1.8 Java
- 1.9 Image Media formats
- 1.10 Sound Media formats
- 1.11 Video Media Formats
A Web Browser is a software application that is used to view web pages. Plug-ins may need to be installed to a browser before it can display certian types of content, like video files, or flash animations.
A markup language consists of text content and additional information about the structure or presentation of that content. The extra information is contained in tags. In most common markup languages, tags are keywords that are surrounded by angle-brackets, like this <example>
Standard Generalized Markup Language was originally used to share machine-readable documents between government organizations. It has also been used a lot in electronic documents used by the printing industry.
Hypertext Markup Language is the dominant markup language for creating webpages.
Extensible Markup Language is a markup language where developers create their own tags, so the tags may more accurately correlate to the content they contain.
Extensible HyperText Markup Language is a middle ground between HTML and XML, where all the existing tags in HTML are applicable, but developers can make their own tags too.
Cascading Style Sheets are used to give style to markup languages, mainly html, xml, and xhtml.
Server Side Scripting Languages
Server side scripting languages compile and run on the computer that is serving the website. They allow for good security, and building of dynamic content that changes with a database, however when many users access a site at once the server may not be able to keep up with all the requests.
Active Server Pages .Net is the newer version of Microsoft's corporate server side scripting language. The language is strong and object oriented.
php Hypertext Preprocessor is an open source server side scripting language. It's kind of squirrelly but it gets the job done.
Client Side Scripting Languages
Client side scripting languages run on the computer of the user. They depend entirely on the browser, and if a user wishes, he or she may simply disable these languages. I mainly only use client side languages as little tricks to complement stronger coding practices.
Databases are used to store very large amounts of data. For example, all of the user accounts for myspace are stored in a database.
Microsoft SQL is microsoft's database that plays nice with ASP.Net
MySQL is a open source database that plays nice with php
Flash is multimedia authoring enviornment capable of mixing various multimedia types and creating animation. Flash files can be embedded into html pages, and once a user has downloaded the Adobe Flash Player, they can view flash content in their web browser
Java applications can be run on almost any system, as long as the Java Runtime Environment is installed.
Image Media formats
psds are photoshop documents. The files are very big and web browsers can not render them. You will generally want to create your image as a psd, and work on it in that format until it is finished, when you will save a version of that file that is more internet-friendly to be put on the web.
bmps and tiffs
bmps (bitmaps) and tiffs (i forget) are uncompressed image files that are very large. Save them to a compressed format before putting them on the internet.
jpgs compress really small. They are a lossy compression so lots of information is lost, and everytime you re-save, the document gets worst. That's why your work in progress should be a psd. jpg compression works best on photographs.
pngs are lossless image compression so they retain all the information of the non-compressed file, but are significantly smaller. They are not nearly as small as a jpg though. pngs can have an alpha channel for smooth transparency, however the transparency does not render correctly in Internet Explorer version 6.
gif is a lossy or lossless image compression, depending on what settings you use, that can contain one color of transparency, and can be used for short animations.