SlideShare a Scribd company logo
Redesign
Image Drop Down Menu
My Aims: The aims for my project have changed as I've realised that everything I wanted to included was overly ambitious. What I plan to achieve now is: - Mouse over a display picture to bring up a drop down menu of recent tweets, and an option to view more/to view them by date. - Click on a tweet to to open it in a new menu, with various options available such as; “View Conversation” or “View Profile”. - A less cluttered homepage - Clicking on a person Picture will bring up their profile with all their tweets.
What is being used: - Dreamweaver and Html/CSS to create the basic layout of the page, including background and links. - Jquery to create the drop down menu, which is activated when a mouse hovers over a display image. - Photoshop is being used to create/re-design the buttons for the Twitter site. This will be aided by the use of a graphics tablet. -A Sketchbook is being used to record step by step how the site is being developed, showing examples of  all the different processes.
What is being Learnt: - Jquery, and how to use it in conjunction with HTML/CSS. Making sure it integrates properly and works smoothly. - How to use a Graphics Tablet. - How the coding can be changed to make the site viewable on mobile devices.
What I still Need to do: - I need to neaten up the code being used, remove anything that isn't needed/is overly complicated. -Centralise the main page, and add a background image.  - Finish/upload/change the buttons. - Generally tidy up the layout.

More Related Content

What's hot

Evaluation question 6
Evaluation question 6Evaluation question 6
Evaluation question 6
seftonmedia
 
Evaluation question 4
Evaluation question 4 Evaluation question 4
Evaluation question 4
chespe09
 
JineshPatel_Portfolio
JineshPatel_PortfolioJineshPatel_Portfolio
JineshPatel_Portfolio
Jinesh Vinay Patel
 
Q4
Q4Q4
How to Generate Thumbnail Images in Bulk
How to Generate Thumbnail Images in BulkHow to Generate Thumbnail Images in Bulk
How to Generate Thumbnail Images in Bulk
moshecary04
 
Google images
Google imagesGoogle images
Google images
Vishal Raja
 
Weebly
WeeblyWeebly
Weebly
stantons
 
Twitter intigrationmultiple
Twitter intigrationmultipleTwitter intigrationmultiple
Twitter intigrationmultiple
Kasey McCormick
 
Online presentation
Online presentationOnline presentation
Online presentation
leilaalimehr
 
Customizing your timeline app cover
Customizing your timeline app coverCustomizing your timeline app cover
Customizing your timeline app cover
Kelly Sorenson
 
What have you learnt about technologies in the process of constructing this p...
What have you learnt about technologies in the process of constructing this p...What have you learnt about technologies in the process of constructing this p...
What have you learnt about technologies in the process of constructing this p...
balluk
 
Popplet how to slides
Popplet how to slidesPopplet how to slides
Popplet how to slides
eealtmeyer12
 
Getting Started with Popplet
Getting Started with PoppletGetting Started with Popplet
Getting Started with Popplet
Alyson Carpenter
 
NCETC08 - Using Google Applications for Collaboration and Communication
NCETC08 - Using Google Applications for Collaboration and CommunicationNCETC08 - Using Google Applications for Collaboration and Communication
NCETC08 - Using Google Applications for Collaboration and Communication
Matthew Clobridge
 
Evaluation 1
Evaluation 1Evaluation 1
Evaluation 1
Teigan Kiss
 
Unit 30 lo4
Unit 30 lo4Unit 30 lo4
Unit 30 lo4
JNaunton
 
Flickr
FlickrFlickr
Flickr
Chris Fuller
 
Drupal Gardens Tutorial 2 of 4
Drupal Gardens Tutorial 2 of 4Drupal Gardens Tutorial 2 of 4
Drupal Gardens Tutorial 2 of 4
Kevin Duggan
 
Critical Evaluation
Critical EvaluationCritical Evaluation
Critical Evaluation
Adriana Zaba
 

What's hot (19)

Evaluation question 6
Evaluation question 6Evaluation question 6
Evaluation question 6
 
Evaluation question 4
Evaluation question 4 Evaluation question 4
Evaluation question 4
 
JineshPatel_Portfolio
JineshPatel_PortfolioJineshPatel_Portfolio
JineshPatel_Portfolio
 
Q4
Q4Q4
Q4
 
How to Generate Thumbnail Images in Bulk
How to Generate Thumbnail Images in BulkHow to Generate Thumbnail Images in Bulk
How to Generate Thumbnail Images in Bulk
 
Google images
Google imagesGoogle images
Google images
 
Weebly
WeeblyWeebly
Weebly
 
Twitter intigrationmultiple
Twitter intigrationmultipleTwitter intigrationmultiple
Twitter intigrationmultiple
 
Online presentation
Online presentationOnline presentation
Online presentation
 
Customizing your timeline app cover
Customizing your timeline app coverCustomizing your timeline app cover
Customizing your timeline app cover
 
What have you learnt about technologies in the process of constructing this p...
What have you learnt about technologies in the process of constructing this p...What have you learnt about technologies in the process of constructing this p...
What have you learnt about technologies in the process of constructing this p...
 
Popplet how to slides
Popplet how to slidesPopplet how to slides
Popplet how to slides
 
Getting Started with Popplet
Getting Started with PoppletGetting Started with Popplet
Getting Started with Popplet
 
NCETC08 - Using Google Applications for Collaboration and Communication
NCETC08 - Using Google Applications for Collaboration and CommunicationNCETC08 - Using Google Applications for Collaboration and Communication
NCETC08 - Using Google Applications for Collaboration and Communication
 
Evaluation 1
Evaluation 1Evaluation 1
Evaluation 1
 
Unit 30 lo4
Unit 30 lo4Unit 30 lo4
Unit 30 lo4
 
Flickr
FlickrFlickr
Flickr
 
Drupal Gardens Tutorial 2 of 4
Drupal Gardens Tutorial 2 of 4Drupal Gardens Tutorial 2 of 4
Drupal Gardens Tutorial 2 of 4
 
Critical Evaluation
Critical EvaluationCritical Evaluation
Critical Evaluation
 

Viewers also liked

Presentation and discussion
Presentation and discussionPresentation and discussion
Presentation and discussion
pedroazevedosantos
 
Question 6
Question 6Question 6
Question 6
christianwatts
 
Tracking and coaching
Tracking and coachingTracking and coaching
Tracking and coaching
pedroazevedosantos
 
Questionnaire results
Questionnaire resultsQuestionnaire results
Questionnaire results
christianwatts
 
New Media: Assessment 2
New Media: Assessment 2New Media: Assessment 2
New Media: Assessment 2
Nybie
 
Team
TeamTeam
Women at Work
Women at WorkWomen at Work
Women at Work
D.j. Heckes
 
Secrets of the pop song - Breakthrough Single
Secrets of the pop song - Breakthrough SingleSecrets of the pop song - Breakthrough Single
Secrets of the pop song - Breakthrough Single
christianwatts
 
Question 1
Question 1Question 1
Question 1
christianwatts
 
Front Cover Screenshots
Front Cover ScreenshotsFront Cover Screenshots
Front Cover Screenshots
christianwatts
 
Training
TrainingTraining
Women at Work
Women at WorkWomen at Work
Women at Work
D.j. Heckes
 
Presentación1
Presentación1Presentación1
Using Social Media to Enhance Customer Relations
Using Social Media to Enhance Customer RelationsUsing Social Media to Enhance Customer Relations
Using Social Media to Enhance Customer Relations
D.j. Heckes
 
Villa universitria presentacion
Villa universitria presentacionVilla universitria presentacion
Villa universitria presentacionjhoneleoncaceres
 
Job description
Job descriptionJob description
Job description
pedroazevedosantos
 
Lessons for lean v1.0
Lessons for lean v1.0Lessons for lean v1.0
Lessons for lean v1.0
Mahesh Natarajan
 
Cuánta Energía Tienes - Energy is a Coin
Cuánta Energía Tienes - Energy is a CoinCuánta Energía Tienes - Energy is a Coin
Cuánta Energía Tienes - Energy is a Coin
pedroazevedosantos
 
Documentary Analysis
Documentary AnalysisDocumentary Analysis
Documentary Analysis
christianwatts
 

Viewers also liked (19)

Presentation and discussion
Presentation and discussionPresentation and discussion
Presentation and discussion
 
Question 6
Question 6Question 6
Question 6
 
Tracking and coaching
Tracking and coachingTracking and coaching
Tracking and coaching
 
Questionnaire results
Questionnaire resultsQuestionnaire results
Questionnaire results
 
New Media: Assessment 2
New Media: Assessment 2New Media: Assessment 2
New Media: Assessment 2
 
Team
TeamTeam
Team
 
Women at Work
Women at WorkWomen at Work
Women at Work
 
Secrets of the pop song - Breakthrough Single
Secrets of the pop song - Breakthrough SingleSecrets of the pop song - Breakthrough Single
Secrets of the pop song - Breakthrough Single
 
Question 1
Question 1Question 1
Question 1
 
Front Cover Screenshots
Front Cover ScreenshotsFront Cover Screenshots
Front Cover Screenshots
 
Training
TrainingTraining
Training
 
Women at Work
Women at WorkWomen at Work
Women at Work
 
Presentación1
Presentación1Presentación1
Presentación1
 
Using Social Media to Enhance Customer Relations
Using Social Media to Enhance Customer RelationsUsing Social Media to Enhance Customer Relations
Using Social Media to Enhance Customer Relations
 
Villa universitria presentacion
Villa universitria presentacionVilla universitria presentacion
Villa universitria presentacion
 
Job description
Job descriptionJob description
Job description
 
Lessons for lean v1.0
Lessons for lean v1.0Lessons for lean v1.0
Lessons for lean v1.0
 
Cuánta Energía Tienes - Energy is a Coin
Cuánta Energía Tienes - Energy is a CoinCuánta Energía Tienes - Energy is a Coin
Cuánta Energía Tienes - Energy is a Coin
 
Documentary Analysis
Documentary AnalysisDocumentary Analysis
Documentary Analysis
 

Similar to Presentation 1

Resnick webconversion2
Resnick webconversion2Resnick webconversion2
Resnick webconversion2
comedyjant
 
Question 6
Question 6Question 6
Question 6
Browner97
 
As media studies evaluation q6
As media studies evaluation q6As media studies evaluation q6
As media studies evaluation q6
Lauren Robinson
 
Question 6
Question 6Question 6
Question 6
kelseyclune
 
Web Design - Lesson 3
Web Design - Lesson 3Web Design - Lesson 3
Web Design - Lesson 3
Jamie Hutt
 
Expressit progress demonstration
Expressit progress demonstrationExpressit progress demonstration
Expressit progress demonstration
ashtyrrell
 
As media studies evaluation q6
As media studies evaluation q6As media studies evaluation q6
As media studies evaluation q6
Lauren Robinson
 
How to use projeqt--my final presentation
How to use projeqt--my final presentationHow to use projeqt--my final presentation
How to use projeqt--my final presentation
alliek5
 
.How to Use Projeqt--my final
.How to Use Projeqt--my final .How to Use Projeqt--my final
.How to Use Projeqt--my final
alliek5
 
Web Design Lesson 3
Web Design Lesson 3Web Design Lesson 3
Web Design Lesson 3
Jamie Hutt
 
Web Design Lesson 3
Web Design Lesson 3Web Design Lesson 3
Web Design Lesson 3
Jamie Hutt
 
Website Development
Website DevelopmentWebsite Development
Website Development
CallbackFilms
 
Dnn developer slider module user manual
Dnn developer slider module user manualDnn developer slider module user manual
Dnn developer slider module user manual
Dnn Developer
 
Technologies used
Technologies usedTechnologies used
Technologies used
Cara White
 
Lecture4
Lecture4Lecture4
Lecture4
hstryk
 
IE9 for developers
IE9 for developersIE9 for developers
IE9 for developers
Shaymaa
 
Canvas 101 packet
Canvas 101 packetCanvas 101 packet
BiancaAfonsoCV
BiancaAfonsoCVBiancaAfonsoCV
BiancaAfonsoCV
Bianca Afonso
 
أدوات لبناء صور جذابة لمواقع التواصل الاجتماعي
أدوات لبناء صور جذابة لمواقع التواصل الاجتماعيأدوات لبناء صور جذابة لمواقع التواصل الاجتماعي
أدوات لبناء صور جذابة لمواقع التواصل الاجتماعي
iClick Agency
 
3 Working With Templates And NVU.pdf
3 Working With Templates And NVU.pdf3 Working With Templates And NVU.pdf
3 Working With Templates And NVU.pdf
EyosyasWoldekidan2
 

Similar to Presentation 1 (20)

Resnick webconversion2
Resnick webconversion2Resnick webconversion2
Resnick webconversion2
 
Question 6
Question 6Question 6
Question 6
 
As media studies evaluation q6
As media studies evaluation q6As media studies evaluation q6
As media studies evaluation q6
 
Question 6
Question 6Question 6
Question 6
 
Web Design - Lesson 3
Web Design - Lesson 3Web Design - Lesson 3
Web Design - Lesson 3
 
Expressit progress demonstration
Expressit progress demonstrationExpressit progress demonstration
Expressit progress demonstration
 
As media studies evaluation q6
As media studies evaluation q6As media studies evaluation q6
As media studies evaluation q6
 
How to use projeqt--my final presentation
How to use projeqt--my final presentationHow to use projeqt--my final presentation
How to use projeqt--my final presentation
 
.How to Use Projeqt--my final
.How to Use Projeqt--my final .How to Use Projeqt--my final
.How to Use Projeqt--my final
 
Web Design Lesson 3
Web Design Lesson 3Web Design Lesson 3
Web Design Lesson 3
 
Web Design Lesson 3
Web Design Lesson 3Web Design Lesson 3
Web Design Lesson 3
 
Website Development
Website DevelopmentWebsite Development
Website Development
 
Dnn developer slider module user manual
Dnn developer slider module user manualDnn developer slider module user manual
Dnn developer slider module user manual
 
Technologies used
Technologies usedTechnologies used
Technologies used
 
Lecture4
Lecture4Lecture4
Lecture4
 
IE9 for developers
IE9 for developersIE9 for developers
IE9 for developers
 
Canvas 101 packet
Canvas 101 packetCanvas 101 packet
Canvas 101 packet
 
BiancaAfonsoCV
BiancaAfonsoCVBiancaAfonsoCV
BiancaAfonsoCV
 
أدوات لبناء صور جذابة لمواقع التواصل الاجتماعي
أدوات لبناء صور جذابة لمواقع التواصل الاجتماعيأدوات لبناء صور جذابة لمواقع التواصل الاجتماعي
أدوات لبناء صور جذابة لمواقع التواصل الاجتماعي
 
3 Working With Templates And NVU.pdf
3 Working With Templates And NVU.pdf3 Working With Templates And NVU.pdf
3 Working With Templates And NVU.pdf
 

Presentation 1

  • 3. My Aims: The aims for my project have changed as I've realised that everything I wanted to included was overly ambitious. What I plan to achieve now is: - Mouse over a display picture to bring up a drop down menu of recent tweets, and an option to view more/to view them by date. - Click on a tweet to to open it in a new menu, with various options available such as; “View Conversation” or “View Profile”. - A less cluttered homepage - Clicking on a person Picture will bring up their profile with all their tweets.
  • 4. What is being used: - Dreamweaver and Html/CSS to create the basic layout of the page, including background and links. - Jquery to create the drop down menu, which is activated when a mouse hovers over a display image. - Photoshop is being used to create/re-design the buttons for the Twitter site. This will be aided by the use of a graphics tablet. -A Sketchbook is being used to record step by step how the site is being developed, showing examples of all the different processes.
  • 5. What is being Learnt: - Jquery, and how to use it in conjunction with HTML/CSS. Making sure it integrates properly and works smoothly. - How to use a Graphics Tablet. - How the coding can be changed to make the site viewable on mobile devices.
  • 6. What I still Need to do: - I need to neaten up the code being used, remove anything that isn't needed/is overly complicated. -Centralise the main page, and add a background image. - Finish/upload/change the buttons. - Generally tidy up the layout.