Web Page Development Nepal
Grade: IX Time: 4 hours/week
Total Time: 32 weeks Theory: 51 hours (40%)
Practical: 77 hours (60%)
Course description:Course Contents:
THEORY
Unit-1 Internet / Web basics (2 Hours)
1.1 Brief history
1.2. Standards
1.3. Technologies (email, ftp, http)
1.4. Browser basics
27
Unit-2 Web design Overview (4 Hours)
2.1. Web as a medium
2.2. Client side / Server side
2.3. Web generations
2.4. Web Page standards (navigation, download speed, understandability, stickiness, content,
design)
2.5. Form vs. Function
2.6. Design issues
2.7. User Interface Design
2.7.1. Interface usability issues
2.7.2. Navigational design and usability issues
2.7.2.1. Navbars
2.7.2.2. Templates
Unit-3 HTML (6 Hours)
3.1. Introduction
3.2. Basic HTML construction, building blocks
3.3. Working with Fonts, Colors and Character Entities
3.4. Working with Tables, Images and Links
3.5. Working with Forms and Frames
3.6. Working with Cascading Style Sheets
Unit-4 XHTML (12 Hours)
4.1. Understand the difference between HTML and XHTML Introduction
4.2. Defining XHTML
4.3. Define browser differences compatibility & the use of tags
4.4. Creating XHTML files
4.5. Defining source code & XHTML standards
4.6. Creating XHTML source code
4.7 Choosing a text editor
4.8 Tags and attributes
4.9 Standard XHTML tags
4.10 Methods & Techniques for displaying text
4.11 Paragraphs
4.12 Ordered lists
4.13 Definition lists
4.14 Web page color
4.15 Color options
4.16 Background color
4.17 Text color
4.18 Creating Hyperlinks
4.19 Create links within a document
4.20 Create links to other Web pages
4.21 Objects & Graphics
4.22 Identify and insert graphics on a page
28
4.23 Creating graphical hyperlinks
4.24 Graphics as page background
4.25 Integrating text and graphics (without tables)
4.26 Alignment
4.27 Graphics and bullets
4.28 Alternative text
4.29 Creating and formatting Tables
4.30 Line breaks
4.31 Format Addresses
4.32 Text formatting
4.33 Text size
4.34 Text attributes
4.35 Headings & Horizontal rules
4.36 Creating lists
4.37 Define list types
4.38 Unordered lists
4.39 Basic table attributes
4.40 Table alignment
4.41 Creating rows and columns
4.42 Borders
4.43 Cell width, spacing and padding
4.44 Backgrounds
4.45 Text animation
4.46 Blinking text
4.47 Scrolling text
4.48 Creating forms
4.49 Form elements
4.50 Radio buttons
4.51 Checkbox items
4.52 Submit & reset buttons
4.53 Defining text boxes
4.54 E-mail links
4.55 Selections lists
Unit-5 Dreamweaver (11 Hours)
5.1. Introduction to Dreamweaver
5.2. Dreamweaver editor
5.3. Views
5.4. Menus and Toolbars
5.5. Internet Explorer vs. Firefox
5.6. Creating a Dreamweaver Web SITE
5.7. Dreamweaver templates
5.8. Designing a Dreamweaver Web site
5.9. Adding Web pages
5.10. Enhancing Web pages
29
5.11. Creating Tables
5.12. Linking Web pages within the site
5.13. Linking Web pages outside the site
5.14. Creating forms and collecting data
5.15. Images in Dreamweaver
5.16. Dreamweaver picture toolbar
5.17. Auto Thumbnail
5.18. CSS Layout
5.19. Resampling pictures
5.20. Editing pictures
5.21. Dynamic HTML
5.22. Effects
5.23. Image Maps
5.24. Page Transitions
5.25. Themes & CSS
5.26. Cascading Style Sheets
5.27. Creating a Custom Theme
5.28. Publishing and Maintaining Web Sites
5.29. Web Hierarchy
5.30. Navigation bars
5.31. File and folder organization
5.32. Verifying Hyperlinks
5.33. Renaming pages
5.34. Changing URL's
5.35. Publishing a Web
5.26. Frames
Unit-6 Javascript (12 Hours)
6.1. Introducing JavaScript
6.2. JavaScript vs. Java
6.3. What Java can and can NOT do
6.4. <SCRIPT>
6.5. src
6.6. type
6.7. defer
6.8. language
6.9. Programming Structures
6.10. Sequences
6.11. Selection
6.12. Iteration
6.13. Data collection
6.14. Accessing form data
6.15. Data Collection
6.16. Collecting data with Prompt Dialog Boxes
6.17. JavaScript Variables and Data Types
30
6.18. Data Types
6.19. Numeric
6.20. Boolean
6.21. Strings
6.22. Variables
6.23. Naming
6.24. Numeric
6.25. String Manipulation
6.26. Arithmetic Operators
6.27. Branching
6.28. Conditional Statements
6.29. Comparison Operators
6.30. Logical Operators
6.31. And, Or, Not
6.32. Looping and Breaks
6.33. For Loops
6.34. While Loops
6.35. Break Statement
6.36. Continue Statement
6.37. Functions
6.38. Placing functions
6.39. Structure and Syntax
6.40. Names
6.41. Passing & Returning Information
6.42. Object-Oriented concepts in JavaScript
6.43. Date Object
6.44. Document Object
6.45. Window Object
6.46. Status Bar
6.47. Dialog Boxes
6.48. New Windows
6.49. On Load & on Unload
Unit-7 Web Site Layout & Design (4 Hours)
7.1. Planning
7.2. Purpose or Goal
7.3. Identifying the Audience
7.4. Assembling the Content
7.5. Design
7.6. Layout
7.7. Color
7.8. Graphics
7.9. Home Page
7.10 Site Navigation Frames
31
PRACTICAL
Unit-3 HTML (15 Hours)
3.1. Use a text editor to create and modify web-based documents. Become familiar with the use and purpose
of basic HTML tags.
3.2. Use a text editor to create and modify web-based documents. Become familiar with using cascading style
sheets (CSS). Practice using additional HTML tags.
3.3. Use a text editor to create and modify web-based documents. Become familiar with hyperlinks, images,
forms, and frames. Practice using additional HTML tags.
3.4. Use a text editor to create and modify web-based documents. Become familiar with lists, tables, and
frames. Practice using additional HTML tags.
Unit-4 XHTML (15 Hours)
4.1. Use a text editor to create and modify web-based documents. Become familiar with hyperlinks, images,
forms, and frames. Practice using additional HTML tags. Practice creating a site with multiple XHTML
pages.
4.2. Use a text editor to create and modify web-based documents. Become familiar with lists, tables, and
frames. Practice using additional HTML tags. Practice creating a site with multiple XHTML pages.
Unit-5 Dreamweaver (15 Hours)
5.1. Use dreamweaver to practice the practical exercises given in Unit-3 and Unit-4 above.
Unit-6 Javascript (20 Hours)
6.1. Create an HTML form and add it to your web page. Implement a JavaScript function that displays a
message when the user submits. Get a bit of experience with executing an inline script.
6.2. Be familiar with inclusion process of JavaScript in a web-page. Practice finding and inserting scripts into
your site. Introduce to JavaScript functions.
6.3. Practice writing JavaScript functions. Implement a rollover image function. Reinforce the course material
by applying it in a practical way.
6.4. Practice writing JavaScript functions. Create a pop-up window that displays information from a GUI
form. Implement a rollover image function and display a Power Point slide show. Reinforce the course
material by using JavaScript in a practical way.
6.5. Practice with JavaScript using loops and control structures. Use dynamic HTML to modify displayed
content of a web-page.
32
Unit-7 Web Site Layout & Design (12 Hours)
7.1 Design a website for your school incorporating all the ideas you have studied in this course.
Reference Books:
1. Larry Randles Lagerstrom; XHTML and JavaScript, McGraw-Hill, Publisher. ISBN 0072560312.
2. Elizabeth Castro, HTML For the World Wide Web with XHTML and CSS, Visual Quickstart Guide, Peachpit
Press, ISBN #0-321-15068-6.
3. Jakob Nielsen, Designing Web Usability, New Riders, ISBN #1-56205-810-X.
4. Elizabeth Castro, HTML, XHTML & CSS (Visual Quickstart Guide Series), Sixth Edition, Peachpit Press,
ISBN-10: 0321705203, ISBN-13: 978-0321430847.
5. Tom Negrino and Dori Smith, Dreamweaver CS5 for Windows and Macintosh: Visual QuickStart Guide,
Peachpit Press, ISBN-10: 032170357X, ISBN-13: 978-0321703576.
Grade: IX Time: 4 hours/week
Total Time: 32 weeks Theory: 51 hours (40%)
Practical: 77 hours (60%)
Course description:Course Contents:
THEORY
Unit-1 Internet / Web basics (2 Hours)
1.1 Brief history
1.2. Standards
1.3. Technologies (email, ftp, http)
1.4. Browser basics
27
Unit-2 Web design Overview (4 Hours)
2.1. Web as a medium
2.2. Client side / Server side
2.3. Web generations
2.4. Web Page standards (navigation, download speed, understandability, stickiness, content,
design)
2.5. Form vs. Function
2.6. Design issues
2.7. User Interface Design
2.7.1. Interface usability issues
2.7.2. Navigational design and usability issues
2.7.2.1. Navbars
2.7.2.2. Templates
Unit-3 HTML (6 Hours)
3.1. Introduction
3.2. Basic HTML construction, building blocks
3.3. Working with Fonts, Colors and Character Entities
3.4. Working with Tables, Images and Links
3.5. Working with Forms and Frames
3.6. Working with Cascading Style Sheets
Unit-4 XHTML (12 Hours)
4.1. Understand the difference between HTML and XHTML Introduction
4.2. Defining XHTML
4.3. Define browser differences compatibility & the use of tags
4.4. Creating XHTML files
4.5. Defining source code & XHTML standards
4.6. Creating XHTML source code
4.7 Choosing a text editor
4.8 Tags and attributes
4.9 Standard XHTML tags
4.10 Methods & Techniques for displaying text
4.11 Paragraphs
4.12 Ordered lists
4.13 Definition lists
4.14 Web page color
4.15 Color options
4.16 Background color
4.17 Text color
4.18 Creating Hyperlinks
4.19 Create links within a document
4.20 Create links to other Web pages
4.21 Objects & Graphics
4.22 Identify and insert graphics on a page
28
4.23 Creating graphical hyperlinks
4.24 Graphics as page background
4.25 Integrating text and graphics (without tables)
4.26 Alignment
4.27 Graphics and bullets
4.28 Alternative text
4.29 Creating and formatting Tables
4.30 Line breaks
4.31 Format Addresses
4.32 Text formatting
4.33 Text size
4.34 Text attributes
4.35 Headings & Horizontal rules
4.36 Creating lists
4.37 Define list types
4.38 Unordered lists
4.39 Basic table attributes
4.40 Table alignment
4.41 Creating rows and columns
4.42 Borders
4.43 Cell width, spacing and padding
4.44 Backgrounds
4.45 Text animation
4.46 Blinking text
4.47 Scrolling text
4.48 Creating forms
4.49 Form elements
4.50 Radio buttons
4.51 Checkbox items
4.52 Submit & reset buttons
4.53 Defining text boxes
4.54 E-mail links
4.55 Selections lists
Unit-5 Dreamweaver (11 Hours)
5.1. Introduction to Dreamweaver
5.2. Dreamweaver editor
5.3. Views
5.4. Menus and Toolbars
5.5. Internet Explorer vs. Firefox
5.6. Creating a Dreamweaver Web SITE
5.7. Dreamweaver templates
5.8. Designing a Dreamweaver Web site
5.9. Adding Web pages
5.10. Enhancing Web pages
29
5.11. Creating Tables
5.12. Linking Web pages within the site
5.13. Linking Web pages outside the site
5.14. Creating forms and collecting data
5.15. Images in Dreamweaver
5.16. Dreamweaver picture toolbar
5.17. Auto Thumbnail
5.18. CSS Layout
5.19. Resampling pictures
5.20. Editing pictures
5.21. Dynamic HTML
5.22. Effects
5.23. Image Maps
5.24. Page Transitions
5.25. Themes & CSS
5.26. Cascading Style Sheets
5.27. Creating a Custom Theme
5.28. Publishing and Maintaining Web Sites
5.29. Web Hierarchy
5.30. Navigation bars
5.31. File and folder organization
5.32. Verifying Hyperlinks
5.33. Renaming pages
5.34. Changing URL's
5.35. Publishing a Web
5.26. Frames
Unit-6 Javascript (12 Hours)
6.1. Introducing JavaScript
6.2. JavaScript vs. Java
6.3. What Java can and can NOT do
6.4. <SCRIPT>
6.5. src
6.6. type
6.7. defer
6.8. language
6.9. Programming Structures
6.10. Sequences
6.11. Selection
6.12. Iteration
6.13. Data collection
6.14. Accessing form data
6.15. Data Collection
6.16. Collecting data with Prompt Dialog Boxes
6.17. JavaScript Variables and Data Types
30
6.18. Data Types
6.19. Numeric
6.20. Boolean
6.21. Strings
6.22. Variables
6.23. Naming
6.24. Numeric
6.25. String Manipulation
6.26. Arithmetic Operators
6.27. Branching
6.28. Conditional Statements
6.29. Comparison Operators
6.30. Logical Operators
6.31. And, Or, Not
6.32. Looping and Breaks
6.33. For Loops
6.34. While Loops
6.35. Break Statement
6.36. Continue Statement
6.37. Functions
6.38. Placing functions
6.39. Structure and Syntax
6.40. Names
6.41. Passing & Returning Information
6.42. Object-Oriented concepts in JavaScript
6.43. Date Object
6.44. Document Object
6.45. Window Object
6.46. Status Bar
6.47. Dialog Boxes
6.48. New Windows
6.49. On Load & on Unload
Unit-7 Web Site Layout & Design (4 Hours)
7.1. Planning
7.2. Purpose or Goal
7.3. Identifying the Audience
7.4. Assembling the Content
7.5. Design
7.6. Layout
7.7. Color
7.8. Graphics
7.9. Home Page
7.10 Site Navigation Frames
31
PRACTICAL
Unit-3 HTML (15 Hours)
3.1. Use a text editor to create and modify web-based documents. Become familiar with the use and purpose
of basic HTML tags.
3.2. Use a text editor to create and modify web-based documents. Become familiar with using cascading style
sheets (CSS). Practice using additional HTML tags.
3.3. Use a text editor to create and modify web-based documents. Become familiar with hyperlinks, images,
forms, and frames. Practice using additional HTML tags.
3.4. Use a text editor to create and modify web-based documents. Become familiar with lists, tables, and
frames. Practice using additional HTML tags.
Unit-4 XHTML (15 Hours)
4.1. Use a text editor to create and modify web-based documents. Become familiar with hyperlinks, images,
forms, and frames. Practice using additional HTML tags. Practice creating a site with multiple XHTML
pages.
4.2. Use a text editor to create and modify web-based documents. Become familiar with lists, tables, and
frames. Practice using additional HTML tags. Practice creating a site with multiple XHTML pages.
Unit-5 Dreamweaver (15 Hours)
5.1. Use dreamweaver to practice the practical exercises given in Unit-3 and Unit-4 above.
Unit-6 Javascript (20 Hours)
6.1. Create an HTML form and add it to your web page. Implement a JavaScript function that displays a
message when the user submits. Get a bit of experience with executing an inline script.
6.2. Be familiar with inclusion process of JavaScript in a web-page. Practice finding and inserting scripts into
your site. Introduce to JavaScript functions.
6.3. Practice writing JavaScript functions. Implement a rollover image function. Reinforce the course material
by applying it in a practical way.
6.4. Practice writing JavaScript functions. Create a pop-up window that displays information from a GUI
form. Implement a rollover image function and display a Power Point slide show. Reinforce the course
material by using JavaScript in a practical way.
6.5. Practice with JavaScript using loops and control structures. Use dynamic HTML to modify displayed
content of a web-page.
32
Unit-7 Web Site Layout & Design (12 Hours)
7.1 Design a website for your school incorporating all the ideas you have studied in this course.
Reference Books:
1. Larry Randles Lagerstrom; XHTML and JavaScript, McGraw-Hill, Publisher. ISBN 0072560312.
2. Elizabeth Castro, HTML For the World Wide Web with XHTML and CSS, Visual Quickstart Guide, Peachpit
Press, ISBN #0-321-15068-6.
3. Jakob Nielsen, Designing Web Usability, New Riders, ISBN #1-56205-810-X.
4. Elizabeth Castro, HTML, XHTML & CSS (Visual Quickstart Guide Series), Sixth Edition, Peachpit Press,
ISBN-10: 0321705203, ISBN-13: 978-0321430847.
5. Tom Negrino and Dori Smith, Dreamweaver CS5 for Windows and Macintosh: Visual QuickStart Guide,
Peachpit Press, ISBN-10: 032170357X, ISBN-13: 978-0321703576.
No comments:
Post a Comment
its cool