Here is my completed webpage:
http://www.folkfestival.host56.com/
ENJOY!!! :)
Wednesday, June 3, 2009
Final Blog
Well here we are... in the final week of the semester. I'm sure everyone is running around like a headless chook just like I am :)
Almost done though!! And luckily I only have one exam and its on the 23rd so i'm not even thinking about it yet!!
Anyway, this particular unit was very enjoyable. Frustrating at times as is expected with challenging units. However after getting my head around the different concepts it was a very enjoyable unit.
:)
I hope you enjoy my wonderful blog theme aswell!
Almost done though!! And luckily I only have one exam and its on the 23rd so i'm not even thinking about it yet!!
Anyway, this particular unit was very enjoyable. Frustrating at times as is expected with challenging units. However after getting my head around the different concepts it was a very enjoyable unit.
:)
I hope you enjoy my wonderful blog theme aswell!
Lecture 6
Week 6 Lecture
Web Publishing
Publishing is the process of production and dissemination of literature or information – the activity of making information available for public view. In some cases authors may be their own publishers, meaning: originations and developers of content also provide media to deliver and display the content.
Traditionally, the term refers to distribution of printed works such as books (the “book trade”) and newspapers. With the advent of digital information systems and the Internet, the scope of publishing has expanded to include electronic resources, such as the electronic versions of books and periodicals, as well as websites, blogs, video games and the like.
We produce html files we want to publish.
To publish our files we need; a web server and an address.
i.e. Web hosting and Domain name (URL)
1GB is plenty for web hosting.
Domains: add in domain name
FTP stands for File Transfer Protocol.
FTP adds html files.
Use a dedicated programs such as http://www.panic.com/transmit/
Upload all files; html, css and images.
Dreamweaver has FTP functionality built in.
Web Publishing
Publishing is the process of production and dissemination of literature or information – the activity of making information available for public view. In some cases authors may be their own publishers, meaning: originations and developers of content also provide media to deliver and display the content.
Traditionally, the term refers to distribution of printed works such as books (the “book trade”) and newspapers. With the advent of digital information systems and the Internet, the scope of publishing has expanded to include electronic resources, such as the electronic versions of books and periodicals, as well as websites, blogs, video games and the like.
We produce html files we want to publish.
To publish our files we need; a web server and an address.
i.e. Web hosting and Domain name (URL)
1GB is plenty for web hosting.
Domains: add in domain name
FTP stands for File Transfer Protocol.
FTP adds html files.
Use a dedicated programs such as http://www.panic.com/transmit/
Upload all files; html, css and images.
Dreamweaver has FTP functionality built in.
Lecture 4
Week 4 Lecture
Why Code Counts
What is “code:” code = HTML and CSS. It is a markup language. System for identifying and describing the various components of a document.
HTML: used to describe the content in a web page.
CSS: describes how you want that content to look.
Basically creating a file, e.g. Photoshop, illustrator files.
What code web pages? Provides better results.
CSS and HTML are on top of the list when the requirements of a web designer.
Stability: Predictable display and performance in a variety of browsers and platforms. Code!
Web is a multimedia platform.
Internet explorer has poor implementations.
Internet explorer as the most used web explorer sets the standards.
Flexibility: delivering content that can adjust for a variety of browsers and devices. Code!
A single HTML page and a custom CSS for different devices, e.g. Phone, browser, print.
Efficiency: clean, compact code makes smaller files, which are quicker to download.
Big file = slow load.
Small file = fast load.
Often same CSS file will be used in the same site for different pages.
Accessibility: supporting “bots” (automated reader) and other automated reading devices.
Semantic HTML
Adaptability: supporting user adjustments/preferences.
Longevity: supporting future standards.
Knowledge of code will help with design concepts and construction.
Working with code provides betters results in:
Stability
Flexibility
Efficiency
Accessibility
Adaptability
Longevity.
Why Code Counts
What is “code:” code = HTML and CSS. It is a markup language. System for identifying and describing the various components of a document.
HTML: used to describe the content in a web page.
CSS: describes how you want that content to look.
Basically creating a file, e.g. Photoshop, illustrator files.
What code web pages? Provides better results.
CSS and HTML are on top of the list when the requirements of a web designer.
Stability: Predictable display and performance in a variety of browsers and platforms. Code!
Web is a multimedia platform.
Internet explorer has poor implementations.
Internet explorer as the most used web explorer sets the standards.
Flexibility: delivering content that can adjust for a variety of browsers and devices. Code!
A single HTML page and a custom CSS for different devices, e.g. Phone, browser, print.
Efficiency: clean, compact code makes smaller files, which are quicker to download.
Big file = slow load.
Small file = fast load.
Often same CSS file will be used in the same site for different pages.
Accessibility: supporting “bots” (automated reader) and other automated reading devices.
Semantic HTML
Adaptability: supporting user adjustments/preferences.
Longevity: supporting future standards.
Knowledge of code will help with design concepts and construction.
Working with code provides betters results in:
Stability
Flexibility
Efficiency
Accessibility
Adaptability
Longevity.
Lecture 2
Week 2 Lecture
Designing for Web
Web design:
Graphic Design
Information Design
Interface Design
Document Production
Scripting and Programming
Multimedia
A Page? A Book? A Brochure? A Shop? An Application? A TV? A Radio? A Telephone?
Contents will determine technical aspect.
Greatly affect the sites design.
Designers detest Internet explorer. Firefox is the most favourable.
We use Firefox because it is cleaner to use for designers.
Monitor size a key issue for web designers.
Most popular is 1024x768 resolution or higher than 1024x768.
Common width is 900pixels and above.
Virtually no one uses 800x600 or under anymore.
Need to take into account the mobile phone web.
Format a webpage specifically for web on the phone.
Web Design:
Browser compatibility
Monitor resolution
Mobile web
Colour
Accessibility
User preference
Connection speed.
Design Conventions: don’t have to be used but can be useful.
Most sites scroll down.
Use site logo as home link.
Hyperlink to be blue and underlined.
Site ID
Page name
Sections and subsections
Local navigations
“You are here” indicator
Search
What site is this?
What page am I on?
What are the major sections of this site?
What are my options at this level?
Where am I in the scheme of things?
How can I search?
Learning from existing examples.
Thinking critically about those examples.
Most relevant to your aim and relevance.
May have a motive to break design convention.
Unconventional can be fantastic and work well for the site.
Consider both technical and social constraints.
Identify design conventions that work for existing websites.
Technical constraints and design conventions are not static.
Identify conventions that are relevant your subject, your audience and your aims.
Subscribe to:
Posts (Atom)
