The project planning for my website
Download as pptx, pdf0 likes669 views
The document outlines the planning process for creating a website. It describes creating moodboards, storyboards, and layouts to plan the site structure. A Gantt chart was used to schedule tasks, allocate timeframes, and ensure all aspects were completed. The planning process allocated 7 days for design, 16 days for development, and 6 days for testing. Storyboards, moodboards and layouts were created on paper and digitally. The website was built using Notepad++. Links, content, menus and pages were added before comprehensive testing and closing the project.
1 of 7
Download to read offline
Ad
Recommended
Evaluation Question 6
Evaluation Question 6AntonieThomas
油
The document discusses the technologies used to create a magazine coursework project. It describes using a digital camera, computer, and lighting equipment to take photos and Photoshop and InDesign software to edit photos and design magazine pages. Blogger was used to present the coursework and Glogster and 際際滷Share for planning and evaluation pieces. Specific Photoshop tools like cropping, magnetic lasso, and photo adjustment tools helped tweak photos for the magazine. InDesign allowed referring back to skills from preliminary tasks and completing the main coursework pages.6. production reflection 
6. production reflection aasiyahchopdat
油
The document describes the process of designing and laying out a magazine. It discusses editing photos in Photoshop to brighten them and adjust colors. Various layout designs are explored, such as using grids, columns, and different images and colors on double page spreads. Pull quotes are added from research sources. The final magazine includes edited photos, colored pull quotes, and matching designs on the front and back covers.Welcome to my site!
Welcome to my site!mypartysite5
油
I decided to begin a brand-new blog page dedicated to birthday parties and occasions. I am a profess...Getting the most out of google calendar
Getting the most out of google calendarBrandon Raymo
油
This document provides tips and tricks for using Google Calendar. It discusses how to create and manage multiple calendars, create events, and share calendars with others. The agenda includes an overview of calendar settings and features, how to create calendars and events, manage multiple calendars, and tips for customizing the calendar interface and embedding calendars on websites. The goal is to help users get the most out of the Google Calendar tool.Contents page screen grabs
Contents page screen grabsAlister43434
油
I've begun work on a content page for a magazine by inserting two columns and a masthead. Numbers have been added to allow the audience to easily find featured articles and other content. Photos with borders have also been included to feature with the magazine and help structure the entire project.How To Use Google Calendar
How To Use Google CalendarArdanette Seguban
油
This document provides step-by-step instructions for setting up and using Google Calendar. It explains how to sign in to Google Calendar using a Gmail account, set preferences like language and time zone, and create events, reminders, and tasks. Key aspects covered include how to create a monthly calendar to track obligations, set repeating monthly reminders, and use the tasks function within Google Calendar to organize tasks and mark them as complete.Use of Technology
Use of TechnologyMFJ
油
The document discusses various tools used to create a magazine, including selection, editing, and layout tools. Layers were used to combine elements onto the magazine cover. Filters further edited photographs. Shapes, frames, and effects like drop shadows were applied. Fonts were found online and saved for future use. A blog was created to showcase work using 際際滷Share to embed PowerPoint presentations. Photographs were edited using Paint Shop Pro for brightness, contrast, saturation, and sharpening to prepare images for the front cover and spreads.6. production reflection(3)
6. production reflection(3)JakeJarvis5
油
Jake Jarvis created a magazine cover by first finding a main image on Google Images and resizing it for the cover. He then chose a dripping marker font from Dafont.com and added shapes like rectangles and ovals to layout the cover and make the subheading stand out. Finally, he included text advertising the website, social media logos, a barcode from Google Images, and a price next to the barcode to follow magazine conventions.Q6
Q6Holly O'Neill
油
The document discusses the various technologies used to create a magazine project, including Photoshop, InDesign, Word, PowerPoint, and blogging software. It describes using Photoshop tools like the magic wand and blend tool to professionally edit images for the cover. Blogger was used to log and track coursework. InDesign's place tool helped design magazine pages and layouts.Q6
Q6Holly O'Neill
油
This document discusses the technologies used to construct a magazine product. It lists software like Photoshop, InDesign, Word and PowerPoint that were used. It also discusses roles like photographer, editor and designer. For the front cover, Photoshop tools like the magic wand and blending were used to make professional edits. Blogger was used to log and track work. InDesign was used to layout the magazine pages, using the place tool to design the layout.Media evaluation 2
Media evaluation 2karennguyenx
油
Through completing her preliminary task, the author learned how to use Photoshop. She enjoyed exploring the various tools and found it easy to use Photoshop to edit a magazine cover by moving, removing backgrounds from, cropping images and adding text. The author also learned how to create her own blog for the first time using Weebly, which allowed her to be creative in designing and making the blog her own.Media evaluation 2
Media evaluation 2karennguyenx
油
Through completing her preliminary task, the author learned how to use Photoshop. She enjoyed exploring the various tools and editing an image of a magazine cover in different ways. Some of the specific tools she used included the move tool, magic wand tool, and text tool. The author also learned how to create her own blog using Weebly, which allowed her to be creative in designing and customizing her blog.Making of the contents page
Making of the contents pagejoshfoo
油
The document describes the process of designing a contents page for a magazine in Photoshop. It includes sketching a plan for photograph placement, establishing a red and white color scheme. Images were imported and edited, with techniques like magnetic selection and feathering edges used. Text and additional photos were added, wrapped around images to create flow. Shadows were applied to text for visibility. Social media logos were included at the bottom to mimic real magazines. The final contents page followed the cover's color scheme and included photos, page numbers, and text headlines connected visually.Production
Productionmaherr
油
The document describes the process of designing a magazine cover and contents page in Photoshop. Key steps included cropping and brightening an image for the cover, blurring the background using Gaussian blur, adding text in the "Hand of Sean" font with a drop shadow, and including a barcode and Polaroid-style photos with page numbers on the contents page. The creator felt the contents page design was eye-catching and professional but that the cover could be improved by keeping it consistent with the contents page theme and changing the text color.Welcome to my blog page!
Welcome to my blog page!bestpartyblog17
油
I wanted to begin a fresh blogging site devoted to festivities and occasions. I am a skilled party p...Evaluation q6
Evaluation q6Louise Wilcock
油
From constructing this product, the student learned about various technologies:
They used Blogger to create their blog, and learned how to upload work and change the design. They also used Survey Monkey to create and distribute a survey for research, and found it effective for getting responses and creating an audience profile. When planning, they used PowerPoint to present their work as the most suitable format. During production, they learned to use Photoshop and InDesign, discovering how the programs work together and allowing editing of images between the two. Photoshop helped improve image quality, while InDesign allowed professional page design through features like columns. These programs were essential to achieving a high standard for the magazine.Question 7 evaluation
Question 7 evaluationcardinalnewmancoventry
油
The student reflects on progress made from an initial summer task magazine created in Microsoft Word to a more polished final magazine created using Adobe Photoshop. The student notes significant improvements in the professional and thorough look of the final magazine compared to the preliminary version. Key skills learned with Photoshop included accurately cropping images, making minor adjustments to improve the overall magazine look, and having more design options than with Word.Question 7 evaluation 
Question 7 evaluation joeburke1997
油
The student reflects on progress made from an initial summer task magazine created in Microsoft Word to a more polished final magazine created using Adobe Photoshop. The student notes significant improvements in the professional and thorough look of the final magazine compared to the preliminary version. Key skills learned with Photoshop included accurately cropping images, making minor adjustments to improve the overall magazine look, and having more design options than with Word.Html prioritize your settings with facebook layouts
Html prioritize your settings with facebook layoutsflayouts
油
Create a facebook layouts with your own images or any other designs and styles and customize your page according to your choice right hereTop 50 Free Google Tools for Business
Top 50 Free Google Tools for BusinessBrad Andersohn
油
Google provides a variety of free products, tools and services for your business and personal use. These are the top 50 Google tools for Business. To see all 50+ tools, visit: http://bradsdomain.com/top-50-google-tools-for-business/ - Don't Forget Google Analytics.evaluation 
evaluation Laurengibney
油
The document discusses various roles the author took on in creating a media product, including proofreader, journalist, layout editor, graphics editor, and photographer. As a proofreader, the easiest role was to scan the work for spelling errors. The hardest role was journalist, which required finding and interviewing a band as well as crafting good questions. Photographer was also tricky to ensure good images that could be used on the contents page and front cover. Blogger and software like Photoshop and Quark Xpress were used to organize work, edit images, and design pages, helping the media production look professional.Media evaluation q4
Media evaluation q4geehardy
油
The document discusses the various media technologies used at different stages of creating a regional magazine. Google and Facebook were used for research and gaining feedback from a focus group. Blogger was used to present research, planning, and production work in a chronological, categorized format. A Canon camera was used to take high-quality photos compared to a phone. Photoshop allowed images and text to be inserted and enhanced. Wix was used to easily build a customized website using templates.Evaluation
Evaluationreecemechan
油
This document summarizes a student's final major project creating a magazine cover, contents page, and double page spread. The student discusses the technical challenges, such as keeping to the layout designs and properly cropping images. They felt the project improved their Photoshop skills, especially with cropping tools. Feedback on the project was mixed, with comments on adding more cover lines and writing to make aspects appear more professional. If redone, the student would add more cover lines, include a barcode, and add more color and text to the double page spread.Review
Reviewinwill12
油
The website review summarizes a website created for Oz Backpackers. The website met the original goals of showcasing the company and allowing customers to book visits through a simple, effective template. Storyboards and research into similar websites helped streamline the production process. Time management was not an issue due to thorough planning of each production step. In evaluating the final website, it was deemed a success for meeting the goal of creating an easy to use site for Oz Backpackers.Activity7
Activity7nicholas fernando
油
This document outlines the steps for a two-part activity to improve a website's user interface. Part 1 involves setting up a public calendar, researching design tips, bookmarking helpful sites, and writing a brief of proposed improvements. Part 2 builds on Part 1 by creating a wireframe prototype from the brief, making a mockup design using online tools, and presenting the process using an online presentation tool. The full workflow is visualized using various web apps and services.Evaluation question 7
Evaluation question 7JoshWilliamson14
油
The author learned many things from their preliminary task to the final product. In the preliminary task, they did no research on the print media industry or learn about the software and hardware used. For the final product, the author did research which helped outline codes and conventions needed. The author also improved their design skills, experimenting with layouts and using principles like the rule of thirds. Creating multiple plans helped guide the positioning and proportions of aspects in the final products. Planning was not done for the preliminary task.High impact-websites
High impact-websitesJim Angus
油
http://www.museotech.net
Have a High-Impact, Low-Budget Website Now!
March 2, 2011
All museums need a website but not all museums have the big budget to hire IT staff or design companies. Fortunately, it is easier than ever to create low-budget, high-impact participatory websites that will allow you to engage, inform, educate and enrich your constituents. This hands-on workshop introduces you to best of breed tools and resources allowing you to create a Web presence that will put you on the map. Learn about hosting, design tools and the new Web 2.0 applications that will allow you to expand your Web reach. Instructors: Jim Angus, Senior Facilitator, NASA Engineering Network, Jet Propulsion Laboratory. Registration Fee: $10. We recommend bringing your own laptop but a limited number of computers will be available for early bird registrants. Transportation not included. Located 0.2 miles from the Hilton Pasadena at the Pasadena Public Library, Central Library Branch, 285 East Walnut Street, Pasadena, CA 91101. Email Marketing Packages
Email Marketing PackagesMark Waltzer
油
The document outlines four email marketing packages with different features and pricing. The Basic package for $125 includes 3 mockups, 1 template, sending to 5000 IDs, and 1 campaign. The Biz Pro package for $225 includes the same but with 2 templates and 2 campaigns. The Biz Advance package for $500 includes the same as Biz Pro but with 4 templates and 4 campaigns. The top Biz Plus package for $800 includes 5 templates, sending to 10000 IDs, 8 campaigns, and content writing support. All packages provide hosting, database support, and template editing but do not include hosting/IDs or post-live changes.Website Design Packages
Website Design PackagesMark Waltzer
油
This document outlines three website design packages - Starter, Standard, and Standard Pro - offered by Analytix Solutions. The Starter Package for $288 includes an initial consultation, logo, banner, 10 pages, and basic design features. The Standard Package for $495 includes those items plus 8 additional pages. The Standard Pro Package for $795 provides the Standard Package features plus 5 mobile-optimized pages to establish a professional web and mobile presence.Drupal Basic Website Content Management Training (Summer 2010)
Drupal Basic Website Content Management Training (Summer 2010)Tyndale Webteam
油
The document provides an agenda and overview for a Drupal user training session at Tyndale. It includes an introduction, overview of the new Tyndale website and its areas, understanding content types and URLs, roles and permissions, and workflow. Hands-on sessions are planned to help users understand content types, menus, and using Drupal.Ad
More Related Content
What's hot (18)
Q6
Q6Holly O'Neill
油
The document discusses the various technologies used to create a magazine project, including Photoshop, InDesign, Word, PowerPoint, and blogging software. It describes using Photoshop tools like the magic wand and blend tool to professionally edit images for the cover. Blogger was used to log and track coursework. InDesign's place tool helped design magazine pages and layouts.Q6
Q6Holly O'Neill
油
This document discusses the technologies used to construct a magazine product. It lists software like Photoshop, InDesign, Word and PowerPoint that were used. It also discusses roles like photographer, editor and designer. For the front cover, Photoshop tools like the magic wand and blending were used to make professional edits. Blogger was used to log and track work. InDesign was used to layout the magazine pages, using the place tool to design the layout.Media evaluation 2
Media evaluation 2karennguyenx
油
Through completing her preliminary task, the author learned how to use Photoshop. She enjoyed exploring the various tools and found it easy to use Photoshop to edit a magazine cover by moving, removing backgrounds from, cropping images and adding text. The author also learned how to create her own blog for the first time using Weebly, which allowed her to be creative in designing and making the blog her own.Media evaluation 2
Media evaluation 2karennguyenx
油
Through completing her preliminary task, the author learned how to use Photoshop. She enjoyed exploring the various tools and editing an image of a magazine cover in different ways. Some of the specific tools she used included the move tool, magic wand tool, and text tool. The author also learned how to create her own blog using Weebly, which allowed her to be creative in designing and customizing her blog.Making of the contents page
Making of the contents pagejoshfoo
油
The document describes the process of designing a contents page for a magazine in Photoshop. It includes sketching a plan for photograph placement, establishing a red and white color scheme. Images were imported and edited, with techniques like magnetic selection and feathering edges used. Text and additional photos were added, wrapped around images to create flow. Shadows were applied to text for visibility. Social media logos were included at the bottom to mimic real magazines. The final contents page followed the cover's color scheme and included photos, page numbers, and text headlines connected visually.Production
Productionmaherr
油
The document describes the process of designing a magazine cover and contents page in Photoshop. Key steps included cropping and brightening an image for the cover, blurring the background using Gaussian blur, adding text in the "Hand of Sean" font with a drop shadow, and including a barcode and Polaroid-style photos with page numbers on the contents page. The creator felt the contents page design was eye-catching and professional but that the cover could be improved by keeping it consistent with the contents page theme and changing the text color.Welcome to my blog page!
Welcome to my blog page!bestpartyblog17
油
I wanted to begin a fresh blogging site devoted to festivities and occasions. I am a skilled party p...Evaluation q6
Evaluation q6Louise Wilcock
油
From constructing this product, the student learned about various technologies:
They used Blogger to create their blog, and learned how to upload work and change the design. They also used Survey Monkey to create and distribute a survey for research, and found it effective for getting responses and creating an audience profile. When planning, they used PowerPoint to present their work as the most suitable format. During production, they learned to use Photoshop and InDesign, discovering how the programs work together and allowing editing of images between the two. Photoshop helped improve image quality, while InDesign allowed professional page design through features like columns. These programs were essential to achieving a high standard for the magazine.Question 7 evaluation
Question 7 evaluationcardinalnewmancoventry
油
The student reflects on progress made from an initial summer task magazine created in Microsoft Word to a more polished final magazine created using Adobe Photoshop. The student notes significant improvements in the professional and thorough look of the final magazine compared to the preliminary version. Key skills learned with Photoshop included accurately cropping images, making minor adjustments to improve the overall magazine look, and having more design options than with Word.Question 7 evaluation
Question 7 evaluation joeburke1997
油
The student reflects on progress made from an initial summer task magazine created in Microsoft Word to a more polished final magazine created using Adobe Photoshop. The student notes significant improvements in the professional and thorough look of the final magazine compared to the preliminary version. Key skills learned with Photoshop included accurately cropping images, making minor adjustments to improve the overall magazine look, and having more design options than with Word.Html prioritize your settings with facebook layouts
Html prioritize your settings with facebook layoutsflayouts
油
Create a facebook layouts with your own images or any other designs and styles and customize your page according to your choice right hereTop 50 Free Google Tools for Business
Top 50 Free Google Tools for BusinessBrad Andersohn
油
Google provides a variety of free products, tools and services for your business and personal use. These are the top 50 Google tools for Business. To see all 50+ tools, visit: http://bradsdomain.com/top-50-google-tools-for-business/ - Don't Forget Google Analytics.evaluation
evaluation Laurengibney
油
The document discusses various roles the author took on in creating a media product, including proofreader, journalist, layout editor, graphics editor, and photographer. As a proofreader, the easiest role was to scan the work for spelling errors. The hardest role was journalist, which required finding and interviewing a band as well as crafting good questions. Photographer was also tricky to ensure good images that could be used on the contents page and front cover. Blogger and software like Photoshop and Quark Xpress were used to organize work, edit images, and design pages, helping the media production look professional.Media evaluation q4
Media evaluation q4geehardy
油
The document discusses the various media technologies used at different stages of creating a regional magazine. Google and Facebook were used for research and gaining feedback from a focus group. Blogger was used to present research, planning, and production work in a chronological, categorized format. A Canon camera was used to take high-quality photos compared to a phone. Photoshop allowed images and text to be inserted and enhanced. Wix was used to easily build a customized website using templates.Evaluation
Evaluationreecemechan
油
This document summarizes a student's final major project creating a magazine cover, contents page, and double page spread. The student discusses the technical challenges, such as keeping to the layout designs and properly cropping images. They felt the project improved their Photoshop skills, especially with cropping tools. Feedback on the project was mixed, with comments on adding more cover lines and writing to make aspects appear more professional. If redone, the student would add more cover lines, include a barcode, and add more color and text to the double page spread.Review
Reviewinwill12
油
The website review summarizes a website created for Oz Backpackers. The website met the original goals of showcasing the company and allowing customers to book visits through a simple, effective template. Storyboards and research into similar websites helped streamline the production process. Time management was not an issue due to thorough planning of each production step. In evaluating the final website, it was deemed a success for meeting the goal of creating an easy to use site for Oz Backpackers.Activity7
Activity7nicholas fernando
油
This document outlines the steps for a two-part activity to improve a website's user interface. Part 1 involves setting up a public calendar, researching design tips, bookmarking helpful sites, and writing a brief of proposed improvements. Part 2 builds on Part 1 by creating a wireframe prototype from the brief, making a mockup design using online tools, and presenting the process using an online presentation tool. The full workflow is visualized using various web apps and services.Evaluation question 7
Evaluation question 7JoshWilliamson14
油
The author learned many things from their preliminary task to the final product. In the preliminary task, they did no research on the print media industry or learn about the software and hardware used. For the final product, the author did research which helped outline codes and conventions needed. The author also improved their design skills, experimenting with layouts and using principles like the rule of thirds. Creating multiple plans helped guide the positioning and proportions of aspects in the final products. Planning was not done for the preliminary task.Viewers also liked (9)
High impact-websites
High impact-websitesJim Angus
油
http://www.museotech.net
Have a High-Impact, Low-Budget Website Now!
March 2, 2011
All museums need a website but not all museums have the big budget to hire IT staff or design companies. Fortunately, it is easier than ever to create low-budget, high-impact participatory websites that will allow you to engage, inform, educate and enrich your constituents. This hands-on workshop introduces you to best of breed tools and resources allowing you to create a Web presence that will put you on the map. Learn about hosting, design tools and the new Web 2.0 applications that will allow you to expand your Web reach. Instructors: Jim Angus, Senior Facilitator, NASA Engineering Network, Jet Propulsion Laboratory. Registration Fee: $10. We recommend bringing your own laptop but a limited number of computers will be available for early bird registrants. Transportation not included. Located 0.2 miles from the Hilton Pasadena at the Pasadena Public Library, Central Library Branch, 285 East Walnut Street, Pasadena, CA 91101. Email Marketing Packages
Email Marketing PackagesMark Waltzer
油
The document outlines four email marketing packages with different features and pricing. The Basic package for $125 includes 3 mockups, 1 template, sending to 5000 IDs, and 1 campaign. The Biz Pro package for $225 includes the same but with 2 templates and 2 campaigns. The Biz Advance package for $500 includes the same as Biz Pro but with 4 templates and 4 campaigns. The top Biz Plus package for $800 includes 5 templates, sending to 10000 IDs, 8 campaigns, and content writing support. All packages provide hosting, database support, and template editing but do not include hosting/IDs or post-live changes.Website Design Packages
Website Design PackagesMark Waltzer
油
This document outlines three website design packages - Starter, Standard, and Standard Pro - offered by Analytix Solutions. The Starter Package for $288 includes an initial consultation, logo, banner, 10 pages, and basic design features. The Standard Package for $495 includes those items plus 8 additional pages. The Standard Pro Package for $795 provides the Standard Package features plus 5 mobile-optimized pages to establish a professional web and mobile presence.Drupal Basic Website Content Management Training (Summer 2010)
Drupal Basic Website Content Management Training (Summer 2010)Tyndale Webteam
油
The document provides an agenda and overview for a Drupal user training session at Tyndale. It includes an introduction, overview of the new Tyndale website and its areas, understanding content types and URLs, roles and permissions, and workflow. Hands-on sessions are planned to help users understand content types, menus, and using Drupal.Role Of Staff in Capital Campaigns
Role Of Staff in Capital Campaignsguestf5e936c
油
This document discusses the roles and best practices for staff involvement in fundraising campaigns. It recommends that staff research donor histories, develop solicitation plans, understand donor motivations, and prepare the office. When meeting with donors, staff should link the institution's vision to the donor's interests, rehearse asks, emphasize programs over money, watch for cues, and end positively. The CEO's role includes speaking passionately about the campaign, attending events, hosting roundtables, giving a leadership gift, and participating in major gift solicitations.Gantt Chart Templates by Creately
Gantt Chart Templates by CreatelyCreately
油
Creately offers many Gantt Chart templates which you can use instantly to create your own Gantt Chart diagrams. Visually illustrate your project plans schedules with Gantt chart templates and many applications of Gantt charts can be found on our diagram community. Just click on the use as templates button to immediately start modifying it using our online diagramming tools.Organizational Structure and roles
Organizational Structure and rolesjayesh.8486
油
The document discusses different types of organizational structures and roles. It describes traditional structures like line, functional, and line and staff structures. It also covers modern structures such as project, matrix, free form, and virtual organizations. Finally, it defines some key organizational roles concepts like role identity, role perception, role expectation, and role conflict.Organisation
Organisationkevindias
油
This document discusses organizational structures and cultures. It covers common organizational designs like simple, bureaucratic and matrix structures. It also discusses elements of organizational structure such as work specialization, chain of command, and departmentalization. Additionally, it examines characteristics, functions and types of organizational culture, including dominant and subcultures. Organizational culture influences behaviors and provides a sense of identity and commitment, though it can also act as a barrier to change, diversity and mergers.2018 Website Redesign Budget [Excel template]![2018 Website Redesign Budget [Excel template]](https://cdn.slidesharecdn.com/ss_thumbnails/2017websiteredesignbudgettemplate-170301113033-thumbnail.jpg?width=560&fit=bounds)
2018 Website Redesign Budget [Excel template]unfunnel
油
http://bit.ly/marketing-budget-templates-2018
How to Use This Template
Fill in your estimated costs. (Those "$100" entries are placeholders.)
These charts will update automatically. >>
--------------------------------
Sheet 1 is for projecting how much budget you'll need for your website redesign.
Sheet 2 is for recording the actual budget that was needed for your website redesign.
Sheet 3 is for comparing your projected budget to your actual budget.
Get the full Excel template HERE:
http://bit.ly/marketing-budget-templates-2018
Ad
Similar to The project planning for my website (20)
7. evaluation (fmp)
7. evaluation (fmp)coremhind
油
The document provides an overview of the research, planning, and production processes for an FMP project. Primary research methods included analyzing 4 news websites to understand different design perspectives. Surveys and interviews were also conducted to collect quantitative and qualitative audience data to create a profile. Planning methods included mind maps, mood boards, layout plans, and a schedule. For production, the website was created on Wix with articles and a video. Reflections noted weaknesses like not researching additional formats. More planning time for contingencies and a revised article display were suggested improvements.Notes8
Notes8webhostingguy
油
The document provides information on website design including:
1) It discusses the different steps involved in website design including analyzing content and audience, organizing navigation and structure, and developing pages and layout.
2) It outlines various types of website navigation structures like linear, database, and hierarchical and explains how content can be organized for each.
3) Key aspects of website design like audience analysis, content planning, and usability are covered to help create an effective site.Notes8
Notes8webhostingguy
油
The document discusses various aspects of designing an effective website, including analyzing content and target audiences, organizing site structure and navigation, and implementing design elements. The key steps outlined are to analyze content and audience needs, organize the site structure into main sections and subsections, and implement an intuitive navigation system to help users easily find relevant information. Maintaining and optimizing the site over time are also emphasized.Week 2- Understanding the Web Design and Web Development Process.pptx
Week 2- Understanding the Web Design and Web Development Process.pptxnatullaally
油
Understanding the Web Design and Web Development ProcessWeb Site Design,
Web Site Design,Deepak Singh Rawat
油
What is a web site?,The Design Process,
Once you have decided to establish a web site there are three steps to getting it online.Web site design
Web site designzaidfarooqui974
油
This document provides information and tips about designing an effective website. It discusses what a website is and how it differs from other forms of media. The design process involves including relevant content, an appealing visual design, and attention-grabbing elements. Effective website design involves a five-step process of analyzing goals and audience, organizing content and navigation, developing pages and layout, implementing interactivity, and maintaining the site over time. Key elements to focus on include understanding the target audience, determining goals and necessary content, and creating an intuitive navigation structure to help users easily find information.Website development company in mumbai
Website development company in mumbaiCss Founder
油
Website Development Company is fastest growing company in the IT market for the website design and development.7 piont evaluation for website
7 piont evaluation for websiteTommy Noad
油
The document discusses the evaluation of a media product website created by the author. It examines how the website used conventions from real media products like "Help for Heroes" in its layout, style, and use of images. The author aimed to make the website easy to follow while providing relevant information. The document also discusses how the website targeted youth and used fonts, language, and imagery that would appeal to and be understandable for that demographic. Finally, it reflects on what was learned through the process of constructing the website, including new skills with software like Photoshop and improving understanding of audience needs.ARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsGilbert Guerrero
油
This document provides instructions for students in an ARTDM 171 class on designing page comps. It discusses putting homework files in a Dropbox folder with your name, using post-it notes to refine site information architecture, and that page comps provide a visual representation of a site's look and feel including fonts, colors, layouts, and functional elements. It also covers using accurate dimensions in Photoshop, mental models that help users interact with sites, external conventions and consistency helping users, and context and navigation helping users construct mental maps. Homework includes creating a mood board and page comps for the home page and one subpage.Website designing company in delhi
Website designing company in delhiCss Founder
油
Css Founder, the creative website designing company in noida, provides website in your with on time delivery. LO2 - Lesson 15 - Project Plan
LO2 - Lesson 15 - Project PlanThe English Martyrs School & Sixth Form College
油
This document discusses planning a website project. It explains that a production plan should include tasks, timelines, resources, personnel, and contingencies. The main stages of a website project are research, planning, creation, and review. A Gantt chart can be used to plan tasks over time and show resources, personnel, and status. Learners are instructed to create a Gantt chart for their website project, including contingencies and costs.Guide to Planning Your Next Web Project
Guide to Planning Your Next Web ProjectCommonPlaces e-Solutions
油
Are you about to start work on a new Web project? Have you planned the project accurately and completely? Thorough planning can avoid so many issues later in the project, but yet it is often ignored or done hastily. In this white paper you'll get a detailed look at the planning process that CommonPlaces employs. With documents such as site maps, site wireframes, content type descriptions, and technology assessments, you can give your project a much higher chance of success.The more information Website Design_New.pdf
The more information Website Design_New.pdfssuser088e5b
油
This document outlines activities for a course on Internet programming and Java. It includes definitions of key Internet terms to research, HTML tags and text editors to learn, and programming exercises to complete in Java, C++, PHP, JavaScript and more. Students are asked to compare software development and website processes, describe client/server models, and plan a hypothetical business website by mapping the canvas model and creating site plans, layouts, and checklists. The document provides guidance on website content, design, development, evaluation and maintenance processes.Web project Web SiteConsistency with Web Design Site PlanYou.docx
Web project Web SiteConsistency with Web Design Site PlanYou.docxmelbruce90096
油
Web project Web Site
Consistency with Web Design Site Plan
Your website should follow and include all of the elements described in the Web Design Site Plan you submitted earlier in the semester. Your website will be judged against each of the criteria in the site plan to determine how well you followed your plan.
Site Design/Look and Feel
Throughout the semester we have discussed different elements of web design. You will be evaluated on your use of the following design elements as well as the over look, feel, and design of your site:
揃 Visual identity
揃 Consistency/Unity of Design
揃 White Space
揃 Focal Points
揃 Contrast
揃 Font selection
揃 Ease of Reading
揃 Ease of Scanning
揃 Ease of Navigation
揃 Chunked Text
Web Site Construction
Website should include a homepage and at least 4 child pages including the About page.
Every page must include:
揃 title
揃 Spry based navigation bar with links to each page
揃 Banner (see below)
Homepage
The homepage should be named index.html. The homepage must include appropriate keywords and a description of your site. The homepage should display the name of your business, its logo (see below), and a description of your business. The home page should create a visual identity for your website.
About page
This page should include your name, a working email link to allow me to send you an email, class name, number, class meeting time and place, the last date you updated the web site, a description of your website, the target audience, and a link to the document containing your storyboard or the storyboard images themselves.
Other Elements
Your website must include at least 1 of each of the following:
揃 Table
揃 Internal link to another page in your site (in addition to the navigation bar)
揃 External link
揃 Image map
揃 Ordered list
揃 Unordered list
揃 Background image
揃 Flash Animation (See advertisement below)
Your site should include at least 4 images in the content (see imagery above). All pictures should be neatly aligned with the text and must have alternate text.
Use CSS to create styles (must have at least 2) in an external style sheet (.css) that give your website a uniform look and feel. You may use the C pre-designed CSS page layouts with your own CSS styles.
Your website should be neat, well organized, easy to read, and pleasing to the eye.
Review
揃 Use only web safe colors
揃 Check for broken links and orphaned files
揃 Check spelling
揃 Test your website using Mozilla Firefox version 15.0.1 or later
Imagery
Focal Point
Use Adobe Photoshop to create a collage showing off the main theme of your site. This image should be placed on the homepage in a way to draw the viewers eye. The collage must include one image as a background layer and at least 4 additional images related to the main theme of your site. While the focal point will not be judged on artistically, the combined images should be as neat and clean as possible.
Banner
Create a Banner for your web pages using Photoshop. The Bann.
Evaluation
Evaluationheather1405
油
1. The document discusses the evaluation of a website created by Heather Lomas for OZ Backpackers to advertise hostels and destinations in Australia. Storyboards were created initially and the site was built with animations, interactions and information on multiple pages.
2. Feedback was received from another student which noted things they liked such as the interactive elements but also suggested some improvements such as making some text bold and changing the main title to mention backpackers more clearly.
3. Based on this feedback, Heather Lomas made changes like making some text bold and adjusting the main title to focus more on backpackers while keeping the introductory page the same. The evaluation and feedback process helped improve the website.Responsive Web Design Process
Responsive Web Design ProcessSteve Fisher
油
This document appears to be a presentation about responsive web design and the web design process. It begins by introducing the speaker and provides some background information. It then outlines the key steps in a responsive web design process, including discovery, information architecture, wireframing, visual design, development, testing, content migration, launch, and ongoing support. Interactive examples and references are provided throughout to illustrate concepts. The overall message is about having a well-structured, iterative process to create responsive websites that meet user needs across devices.Web Designing Kit
Web Designing Kitactanimation
油
The document outlines the typical 6 phases of the web design process: 1) Information Gathering, 2) Planning, 3) Design, 4) Development, 5) Testing and Delivery, and 6) Maintenance. It describes the key activities that take place in each phase, including gathering client needs, creating a site map, designing prototypes, building the site, testing, launching, and ongoing updates. The goal is to work closely with the client throughout to create a fully functional website that meets requirements.Project PlanPlan the website for your project by completing th.docx
Project PlanPlan the website for your project by completing th.docxwkyra78
油
Project Plan
Plan the website for your project by completing the attached Project Plan Template for your website.
揃 Any italicized text in between < > should be replaced by your own words. (e.g., <site name> is replaced by GoDaddy.com)
揃 Text in square brackets (e.g., [ ]) are instructions for you to follow and should be deleted from the final document.
揃 ... means add additional items as needed.
揃 Drawing such as storyboards and wireframes can be drawn by hand or software and embedded in the document or submitted as a separate file.
Upload your completed project plan to Blackboard by the date specified below.
Task
Point Value
Purpose Statement
5 points
Target Audience Profile
5 points
Wants, Needs, and Expectations
5 points
Web Pages w/Storyboards
5 points
Value Added Content
5 points
Site Structure w/Wireframe
5 points
Total Point Value
30 points
<Site Name>
Site Plan
Purpose Statement
[The purpose statement synthesizes into a few words the reason(s) you are publishing a site and explains a Web sites overall goals and specific objective designed to achieve those goals]
The goal of the <sitename>
In order to accomplish this, the site must:
揃 <Goal 1>
揃 <Goal 2>
揃
To meet these goals an attractive and easy-to-use Web site to meet the following objectives:
揃 <Objective 1>
揃 <Objective 2>
揃
Target Audience Profile
[The target audience profile should describe the demographic and psychographic characteristics of the target audience such as gender, age group, education level, income, location, social group affiliations, lifestyle choices, purchasing preferences, political, affiliations.]
The typical site visitor:
揃 <Characteristic 1>
揃 < Characteristic 2>
揃
Target Audience Wants, Needs, and Expectations
[The target audience profile should describe the wants, needs, and expectations of the target audience.]
The typical site visitor:
揃 <Want, Need, Expectation 1>
揃 < Want, Need, Expectation 2>
揃
Web Pages
The <site name> site will contain the following page types:
[Include a storyboard showing the layout for each page; this can be attached as a separate file.]
揃 <Page 1 description>
揃 < Page 2 description >
揃
Value-Added Content
[Value-added content is the information that is relative, informative, and timely; accurate and of high quality; and usable.]
The sites value-added content will include the following:
揃 <Page 1 description>
揃 < Page 2 description >
揃
Site Structure
[The sites structure should support the sites purpose and make it easy for visitors to find what they want in as few clicks a possible.]
The <site name> site will utilize a <random | hierarchical| Linear> structure. This structure was selected because <why did you select this type of structure?>
[Include a wireframe of your websites structure and organization; this can be attached as a separate file.]
Web project Web Site
Consistency with Web Design Site Plan
Your website should follow and include all of the elements described in the Web Des ...Module 2
Module 2karenrivens
油
The document discusses planning for building a website. It emphasizes that planning is crucial so the website has clear direction and avoids missed deadlines or backtracking. It discusses organizational structures like hierarchy, sequential, and matrix structures. It also discusses content strategies like blogs, videos, and social media links to provide visitors with information. Finally, it outlines steps to design a website, including getting a domain name, choosing a web host, setting a budget, gathering content, designing pages, and testing the site.Ad
More from Paige Shirley (7)
Information systems
Information systemsPaige Shirley
油
The document outlines the key components of an information system, including data, people, hardware, software, and telecommunications. It discusses each component in more detail, emphasizing that an information system is only as good as the quality of the data input, and that people play an important role in ensuring high quality input and output. The document also examines the input, storage, processing, output, and feedback loops that are fundamental parts of how information systems function.Functional areas
Functional areasPaige Shirley
油
The document outlines the key functions within a business and their responsibilities. Finance is responsible for financial records, securing funding, and paying staff and suppliers. Human resources ensures the business has qualified staff, a safe work environment, and handles recruitment, retention, training and workplace policies. Customer service provides support to customers through information, advice, product delivery, and after-sales assistance.Music as learning spreadsheets
Music as learning spreadsheetsPaige Shirley
油
Spreadsheets are documents divided into rows and columns that are used to organize and calculate numerical data. They are used by engineers, bankers, supermarkets, teachers, and scientists to track finances, perform calculations, analyze results, and manage large amounts of information. Spreadsheets ease the process of working with numbers by automatically calculating totals, averages, and formulas.User guide to excel
User guide to excelPaige Shirley
油
This document provides instructions for using Microsoft Excel. It explains how to open Excel, what spreadsheets are used for, how to enter and edit data in cells, common errors like disabled macros and how to fix them, and who to contact for help.How to stay safe on facebook! (3)
How to stay safe on facebook! (3)Paige Shirley
油
Facebook allows users to connect with friends, share updates, and play games. It is important to set privacy settings to control who can see your posts, tag you in things, add you as a friend, and send you messages. Users should also be careful about oversharing personal information and use strong, unique passwords to stay safe online. The document provides steps for getting started on Facebook safely, including how to create an account, adjust privacy settings, block unwanted users, and manage app permissions.Damn i lost a life!!
Damn i lost a life!!Paige Shirley
油
This document discusses different types of computer games. It describes various gaming platforms including consoles, PCs, handheld consoles, and mobile phones. It then lists and provides brief descriptions of common game genres such as action, role-playing, adventure, strategy, puzzle, simulation, sports, and educational games. Specific genres like combat, first-person shooter, and stealth shooter games are also mentioned. Examples of popular game consoles, handheld devices, and mobile games are provided.Electricity
ElectricityPaige Shirley
油
Electricity is the flow of electrons and is a form of energy that powers many devices in modern life. It is measured in watts, with one watt being a small amount of power. While voltage pushes current through the body, it is the current or amps itself that can kill, as little as 50mA across the heart is enough to cause death. Computers require direct current to function which is obtained by converting alternating current from wall outlets. When working inside a computer, static electricity must be discharged to avoid damaging components, as they can be harmed by as little as 10 volts from static.The project planning for my website
- 1. The Project Planning For My Website Paige Shirley
- 2. Planning Phase In order for me to create my website, there was a lot of planning that was needed to be done for example I need to plan the layout of my website, I needed to plan when I was going to do and how long I was going to do it for. To help me plan for these jobs, I used Moodboards, Storyboards, page layout, etc. Using these ways helped give me a clear idea on how I was going to create my website, when I was going to create a certain part like the menu. My Layout My Storyboard My Moodboard
- 3. Project Log To organise when I was going to do a certain part of the website and how long I was going to do it for, I used a Gantt chart. Using the chart, I was able to enter the what the task was, how long I wanted to do it and the start and end time. Another good thing about using a Gantt chart is that if you finish one task you can basically tick that on off so you can focus on the other task in hand. Using a Gantt chart is also brilliant due to that it adds up all the days that I want to spend on each task and add it all up so I can see how long the overall time that I will need to spend on each part of the project.
- 4. Designing the Website According to my log I have planned to spend 7 days on the designing the website. To design my Moodboard, Storyboard etc, I first sketched them on paper, then created them on the internet with some images, colours that I wanted to use. The Moodboard: 2 days The Storyboard: 1 day The Layout: 2 days And then finally Designing the Banner: 2 days
- 5. Creating the Website According to my log I have planned to spend 16 days on the creating the website. To create my website I used Notepad ++, using this made it easier to create websites and does a lot of work for you also making it quicker. Creating the template for my website with the design on it: 2 days Adding Colour, Pictures, Link: 1 day Creating the Banner:2 days Creating different pages for the different topics: 3 days Create and add a Menu: 4 days Then finally Adding Information: 3 days
- 6. Testing my Website According to my log I have planned to spend 6 days on the testing of the website. When I was happy with the design, layout of my website, I tested it all to make sure it all worked. Testing the links: 2 days Testing the Pages work: 2 days Then finally Testing the Menu: 1 day
- 7. Closing Phase After I tested all of the different compartments of the website, I was finally happy with everything, so I decided to close the project and hand it over. But before that I made sure that they were not any risks that could cause the website to fall apart for example while I was testing the menu, I found that some of the pages did not work due to me not putting the right name to link that page to the page that I wanted it to lead to, this was easily solved but me checking and putting the right name in, once I had did that everything work fine again.