Web Sites Ê A website (or web site) is a collection of related web pages, images, videos or other digital assets that are addressed with a common domain name. Ê Within the website, each screen of information is called a page. Pages may contain text, graphic images, sound and video. Ê A main feature are the "links" embedded within a page that can be clicked. These transfer viewers to other pages.
Web Sites (continued) Ê A normal information brochure would normally open at the front or the back and browse forwards or backwards a page at a time. With a website, the user decides the order they want to see the pages in by clicking the links that interest them. Ê This interactivity generates a sense of ownership and participation in the user, binding them to the information much more tightly than a traditional brochure.
Web Sites (continued) Ê A web site is a collection of folders and ﬁles. The ﬁles can be documents, graphics, multimedia and hypertext markup language (html). Ê Three pieces of software are mainly used when building web sites. Ê An HTML editor, e.g. Dreamweaver, for creating and editing. Ê An image editor, e.g. Photoshop, for creating and editing graphics. Ê A browser, e.g. Internet Explorer or Firefox for viewing. Ê Hypertext Markup Language (HTML) Web sites are built using Hypertext Markup Language (HTML). This code is the language of the Internet. All HTML code is created in the background.
HTML (Hypertext Markup Language) Ê Web sites are built using Hypertext Markup Language (HTML). This code is the language of the Internet for creating web pages and other information that can be displayed in a web browser. Ê The purpose of a web browser is to read HTML documents and compose them into visible or audible web pages. Ê HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>), within the web page content. Ê HTML tags most commonly come in pairs like <h1> and </h1>, although some tags, known as empty elements, are unpaired, for example <img>. The ﬁrst tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). In between these tags web designers can add text, tags, comments and other types of text-‐based content.
Common HTML Tags <a> Deﬁnes a hyperlink <b> or <strong> Deﬁnes bold text <body> Deﬁnes the documents body <br> Deﬁnes a single line break <em> Deﬁnes emphasized text (italics) <h1 > to <h6> Deﬁnes HTML headings <head> Deﬁnes information about the document <img> Deﬁnes an image <p> Deﬁnes a paragraph <table> Deﬁnes a table <td> Deﬁnes a cell in a table <title> Deﬁnes a title for the document <tr> Deﬁnes a row in a table
CSS (Cascading Style Sheets) Ê CSS stands for Cascading Style Sheets Ê Styles deﬁne how to display HTML elements. Ê External Style Sheets can save a lot of work. Styles are normally saved in external .css ﬁles. External style sheets enable you to change the appearance and layout of all the pages in a Web site, just by editing one single ﬁle!
Good vs. Bad Web Design In this day and age, we’re all so used to using the internet that a website needs to do more than just look pretty. Websites need to be: Ê Usable Ê Functional Ê Appealing Ê Meet audience expectations Unfortunately not all web designers get it right. Surprisingly even some of the most high-‐proﬁle websites aren’t able to fulﬁl these core aims.
Good Web Design The key purpose of any site is to provide information. Good websites should provide information in an eﬃcient and easy-‐to-‐ﬁnd manner. Users should have everything they need at their ﬁngertips without needing to hunt around for too long. Eﬀective navigation is vital. A core part of the design process should be deciding what users will expect to ﬁnd and delivering it in a clean and organised way. A good website needs to be engaging with just the right balance of visual appeal and operational eﬃciency.
Bad Web Design Bad websites tend to prioritise style over substance with high-‐ﬂying animations often being seen. Although you might be left with great visuals, you’ll have very slow speeds and users will often ﬁnd it diﬃcult to access the required information. Bad websites haven’t thought about navigation and often won’t think about the end user either Bad websites use sophisticated technologies that won’t work well on older machines or even smartphones, meaning users won’t get the experience they need. Users should not have to look through page after page of information and not be able to ﬁnd what they are looking for. Poor web design can be inconvenient and annoying and visitors may deciding to look elsewhere.
Web Designers Web designers design, create, produce and maintain web pages. They generally work on the layout and visual appearance of websites and online marketing material. Web designers focus on: Ê the visual appeal of a web site’s design Ê the colour palette Ê imagery Ê font selection Ê content layout Ê use of interactive content such as ﬂash Ê how all of these elements combine to produce an eﬀective and attractive website.
Web Designers (continued) Web designers also perform the following tasks: Ê talk with clients, and discuss ideas to get a clear understanding of their requirements Ê develop custom programs to extend the functionality of websites Ê talk with writers, designers, system administrators and other IT staﬀ to make sure the website will fulﬁl its purpose Ê maintain or update the website once it is completed by adding new content, illustrations or features Ê coordinate other people, such as designers and writers, to help maintain the website.