HTML CCS Project Instruction

​

How to make Webcomic? 

​

Section 1. ( Four projects )

Project Instruction:

Build and design a Comic Website in Adobe Dreamweaver

​Project Instruction

• Group in 2 

• Create a Canadian History background story

• Create 8 pages for the Canadian History online comic book

• Look for a comic book in the library

      ( it will be your reference to set up a comic page)

• Create your own comic story in a team

• Use Comic Life as your reference

​

• Size: 1024 pixels wide by 768 pixels high.

​

• Pages: Home  About Comic 1  Comic 2    Comic 3    Comic 4  Comic 5 Comic 6 Comic 7 Comic 8 ( Ten pages all together)

     

       (Home page is your cover page like your book cover)

​

• Home: Story outline ( Image and summary)

• About - the purpose of this website

• Comic 1: Part 1 ( not less than 6  images)

• Comic 2: Part 2 ( not less than 6 images)

• Comic 3: Part 3 ( not less than 6 images)

• Comic 4: Part 4 ( not less than 6 images)

• Comic 5: Part 5 ( not less than 6 images)

• Comic 6: Part 6 ( not less than 6 images)

• Comic 7: Part 7 ( not less than 6 images)

• Comic 8: Part 8 ( not less than 6 images)

​

​

10 Steps of the Project:

​

​Team work

1. Group in 2

2. Research - Look for a Canadian History background

3. Using the history background to create a story

4. Write 3 pages script - post in Storyboard and Script page

​

Individual work

5.Create characters, backgrounds, coding and pages layout

6. Create storyboard - digital - post in  Storyboard and Script page and presentation in class

7. Organize and create a timeline - post in Timeline and Role and Responsible page

8. Create Home and About page

9.Post both graphic and coding​ on the Final Project Page

​

​

​

 

 

 

 

 

 

 

Project 1: Planning - Timeline

 

​​TimeLine    (Watch)

 

​

​

​

​

​

​

​

​

​

​

​

​

​​

​

​

​

 

​

​​

​

​

​

​

​

​

​​​​

​

​

​

​

​

​

​​​​​​​Post Timeline and Role and Responsibility on Timeline / Role and Responsibility Page

Due: One Week

​

Project 2:

Storyboard 

​

​​(Post on Storyboard page)

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

​​​​​Storyboard Due: Two Weeks

 

Approve by Mrs. Leung

​

Post Storyboard on Storyboard page

​​​​​

 

 

 

 

Choose a template to start your comic

​

 

 

 

 

 

 

 

 

 

 

 

 

 

Project 3:

Section 2

Presentation: Power point

Present storyboard and timeline:

​Explain the progress : Script, Storyboard, character drawing

The timeline and role and responsibility : your role

How many hour you spend on the drawing, coding

What you learned? Which part that you like most in the progress?

 

 

Project 4:

Section 3 -  Review Feedback and Presentation

​​​

1.Comic Strips: The website should prominently feature comic strips, as they are the main attraction for visitors.

2. Navigation: A clear and user-friendly navigation menu is essential for easy browsing and accessing different comic strips or sections.

3. Archive: A well-organized archive allows visitors to easily access past comic strips and explore the website's content.

4. Search Functionality: A search bar enables users to find specific comic strips or characters quickly.

5. Responsive Design: The website should be optimized for different devices and screen sizes to ensure a seamless user experience.

6. Social Sharing: Integration with social media platforms allows users to easily share their favorite comic strips with others.

7. Comments and Feedback: Providing a platform for users to leave comments and provide feedback encourages engagement and interaction.

8. Character Profiles: Including profiles or bios of the main characters helps users connect with the comic's storyline and personalities.

9. Merchandise and Store: If applicable, a section for merchandise or an online store allows fans to purchase related products.

10. About the Creator: Providing information about the comic's creator or team adds a personal touch and helps users connect with the creative process.​

​

Base on the 10 review elements

• Get a piece of paper

• Review the presenter comic website  and return the feedback to the presenter

​​

• Write down

• Who is going to review? (Name, Date)

​

• Screen shot Feedback 

• Post feedback on Feedback page

​

​

Sketchbook Art work 

​

Drawing material : Any Adobe software 

​

3 sketchbook artwork per week. 

​

Label the week and date

​

Label the name of the picture

​

Post on Sketchbook page

​

​