Static Pages
- older generation
- one way communication( from server to user )
- purpose : give information
- files are in the format .htm or .html
Dynamic Pages
- newer generation
- SERVER driven
- involves DATABASE
- interactive (two way communication)
- needs server side scripting / translation
- files are in the format .asp or .php
Saturday, March 10, 2012
File Management in Website Development
Rule No. 1
Only ONE word for filename in lowercase
Rule No. 2
Create different folders for each topic or subtopic
Rule No. 3
In each of the different folders for each topic should contain 2 folders:
a) images - the images that are CURRENTLY being used in the website
b) media - all the images that are used WHILE developing the website
Rule No. 4
Let index be the main page of your website
Example
WEBPROJECT
|
|---> [index.html / index.php / index.asp] THE MAIN PAGE OF THIS WEBSITE
|
|---> [images]
|
|---> [media]
|
|--->[Chapter 1]
| |
| |---> index.html
| |
| |---> [images]
| |
| |---> [media]
|
|--->[Chapter 2]
|
|---> index.html
|
|---> [images]
|
|---> [media]
Only ONE word for filename in lowercase
Rule No. 2
Create different folders for each topic or subtopic
Rule No. 3
In each of the different folders for each topic should contain 2 folders:
a) images - the images that are CURRENTLY being used in the website
b) media - all the images that are used WHILE developing the website
Rule No. 4
Let index be the main page of your website
Example
WEBPROJECT
|
|---> [index.html / index.php / index.asp] THE MAIN PAGE OF THIS WEBSITE
|
|---> [images]
|
|---> [media]
|
|--->[Chapter 1]
| |
| |---> index.html
| |
| |---> [images]
| |
| |---> [media]
|
|--->[Chapter 2]
|
|---> index.html
|
|---> [images]
|
|---> [media]
Friday, March 9, 2012
Hyperlink and PHP / ASP
Another touch on Dreamweaver.
The 4 type soft hyperlink
1) HTML file -> HTML file
2) HTML file -> homepage
3) link to certain section in the HTML file itself
4) link to email
A few basic concept of designing a web database:
1) File mangement.... use 1 folder to keep all the files...
2) Filename .... case sensitive...
The 4 type soft hyperlink
1) HTML file -> HTML file
2) HTML file -> homepage
3) link to certain section in the HTML file itself
4) link to email
A few basic concept of designing a web database:
1) File mangement.... use 1 folder to keep all the files...
2) Filename .... case sensitive...
Multimedia Programming vs Multimedia Authoring
A topic in itself..
Multimedia Programming
- the older generation
- using real languages like C or Java
- low level assembly and construction and control of Multimeda elements
Multimedia Authoring
- newer generation
- require less programming knowledge
- using authoring sofware such as Dreamweaver, NetObjects Fusion, Microsoft Frontpage
- high level assembly and bringing together of Multimedia elements
- high level graphical interface design
- high level scripting
- very powerful in creating an interactive, animated, eye-catching website
Why should you use AUTHORING over PROGRAMMING?
That is FASTER development time..
Multimedia Programming
- the older generation
- using real languages like C or Java
- low level assembly and construction and control of Multimeda elements
Multimedia Authoring
- newer generation
- require less programming knowledge
- using authoring sofware such as Dreamweaver, NetObjects Fusion, Microsoft Frontpage
- high level assembly and bringing together of Multimedia elements
- high level graphical interface design
- high level scripting
- very powerful in creating an interactive, animated, eye-catching website
Why should you use AUTHORING over PROGRAMMING?
SPEED!!!
That is FASTER development time..
Hyperlink in files
4 types of hyperlink are introduced today..
1) hyperlink to a HTML file
2) hyperlink to a document
3) hyperlink to a different location within the same file by using anchor
4) hyperlink to email
Maintaining Existence ...Important!
We are recommended to choose "Target : BLANK" when opening other people's website.
Reason: A new window will be opened. YOUR website will still exist for viewing.
Anchoring
- use it for long web pages
- best used for printing
- not recommended for viewing
1) hyperlink to a HTML file
2) hyperlink to a document
3) hyperlink to a different location within the same file by using anchor
4) hyperlink to email
Maintaining Existence ...Important!
We are recommended to choose "Target : BLANK" when opening other people's website.
Reason: A new window will be opened. YOUR website will still exist for viewing.
Anchoring
- use it for long web pages
- best used for printing
- not recommended for viewing
Thursday, March 8, 2012
Web Page, Web Site, Portal
Web Page?
A Single page
Web Site?
A Collection of Web pages, images, videos or other digital assets
Portal?
A collection web sites of a certain topic or interests
Still confused..?
Read up more in
http://en.wikipedia.org/wiki/Web_page
http://en.wikipedia.org/wiki/Web_site
http://en.wikipedia.org/wiki/Web_portal
A Single page
Web Site?
A Collection of Web pages, images, videos or other digital assets
Portal?
A collection web sites of a certain topic or interests
Still confused..?
Read up more in
http://en.wikipedia.org/wiki/Web_page
http://en.wikipedia.org/wiki/Web_site
http://en.wikipedia.org/wiki/Web_portal
Saturday, March 3, 2012
First Actual Web Pogramming Class
Finally..
My years of longing to learn Web programming has finally being fulfilled.. alhamdulillah..(even though this class is only on Web Authoring.. he....he... I'm sure throughout the course a bit of web programming will be taught in the class.. of course, not on the whole specific subject.. Masters students... SELF EXPLORE is the keyword)
Finally, I know the difference between web page, web site and portal
I am however, have been introduced to the concept Web 1.0, Web 2.0, Web 3.0, Web 4.0 and Cloud Computing. Cloud Computing has its own benefits and disadvantages. Best in terms that documents are abled to be shared by many people who can edit and save those documents online / directly. However, these type of actions need high speed and large bandwith for users which Malaysian users are having difficulty with. Furthermore, one storage of data? What happens if the data are compromised? Being hacked by users, prone to virus, gone, etc? There goes your documents, your confidential files, your business or even your life!
My conclusion:
Web programs is to ASSIST us in our life.. but not RULE our life...
The second half of the class is our interaction with Adobe Dreamweaver CS3. Adobe Dreamweaver? Somehow the name sounds unfamiliar to me after I left Panasonic IT Department. And then... ooohh... Dr. Zaida explained that Adobe got the rights to Dreamweaver after a mistake done by Macromedia. A simple but highly consequential ( does the word exist .. English teacher?) mistake.
P/S Thank you Dr. Zaida for providing us the notes on all of the above.. we love you...
My years of longing to learn Web programming has finally being fulfilled.. alhamdulillah..(even though this class is only on Web Authoring.. he....he... I'm sure throughout the course a bit of web programming will be taught in the class.. of course, not on the whole specific subject.. Masters students... SELF EXPLORE is the keyword)
Finally, I know the difference between web page, web site and portal
I am however, have been introduced to the concept Web 1.0, Web 2.0, Web 3.0, Web 4.0 and Cloud Computing. Cloud Computing has its own benefits and disadvantages. Best in terms that documents are abled to be shared by many people who can edit and save those documents online / directly. However, these type of actions need high speed and large bandwith for users which Malaysian users are having difficulty with. Furthermore, one storage of data? What happens if the data are compromised? Being hacked by users, prone to virus, gone, etc? There goes your documents, your confidential files, your business or even your life!
My conclusion:
Web programs is to ASSIST us in our life.. but not RULE our life...
The second half of the class is our interaction with Adobe Dreamweaver CS3. Adobe Dreamweaver? Somehow the name sounds unfamiliar to me after I left Panasonic IT Department. And then... ooohh... Dr. Zaida explained that Adobe got the rights to Dreamweaver after a mistake done by Macromedia. A simple but highly consequential ( does the word exist .. English teacher?) mistake.
P/S Thank you Dr. Zaida for providing us the notes on all of the above.. we love you...
Subscribe to:
Posts (Atom)