SlideShare ist ein Scribd-Unternehmen logo
1 von 13
What is Web Design?
• Creating content for other users to see on the
Internet via a browser such as Firefox, IE or
Safari. Or, put simply, building a website. It
incorporates many different skills, including
technical know‐how, writing, graphic design,
photography, search engine optimization and
marketing
Why Learn Web Design?
• Increasingly, media and public relations companies expect
new hires to know the latest technologies and computer
skills, including web design. Almost all media outlets have a
strong web presence these days. Having a website is useful,
even if you don’t plan to become a journalist. Recent
surveys shows that many employers now do Internet
searches on prospective employees. If you build your own
website, you control what’s on it. So, you can use your
website as a positive marketing tool. And, if you do work in
the media, many editors will ask you to e‐mail your
application with links to your work samples. By posting links
to your blog and news videos on your website, you’ll have
your application materials readily accessible in one place.
The Process
• Just as with making a news video, you can’t
just start making your website. You need to do
research and plan ahead. It’s a process
consisting of many steps.
Steps
• First, come up with an idea for your website. Look
around the web at other people’s websites.
• Decide what kind of content you want to include:
what information, what photos, links, etc.
• Next draw blueprint; sketch your concept on a
sheet of paper.
• Then assemble your content: write your text,
gather photos, etc.
• Finally, you’re ready to begin creating your
website.
What Content to Include?
• What content should you include on your
website? First decide whether you want your
website to be a personal website, a
professional website or a website for an
organization you’re involved with.
Types of Websites
• A personal webpage highlights your interests
and/or hobbies.
• A professional webpage focuses on your
prospective career, be it journalist, dancer, real
estate broker or something else. If you’re an
aspiring journalist for example, you might include
a bio, resume, links to work samples, etc.
• Your third option is to do a website about an
organization (such as your fraternity) or activity
(such as a movie) you’re involved with.
Assignment Requirements
• Regardless of which option you choose, your
website should contain at least four separate
webpages , including a biographical page (with at
least a 125‐word description of you or the
organization/activity) and a contact page. Other
pages could be a photo gallery, a resume, a page
dedicated to your passion or hobby, a page
featuring work sample or assignments you did for
class, etc. Of course, you may have more than
four webpages. Students who want to earn a
good grade will do more than the minimum
required.
The Tools
• For this assignment, you will need a computer
with Internet access, of course. You also may
purchase a domain name, if you want to. And
you will use Weebly.com to construct the
website. You may also require the use of
PhotoShop or Fireworks to edit photos or
create graphics/art.
Sample Websites
• Community organization ...
http://www.suffolkexplorerspost410.com
• Student organization ... http://adelphirsa.com
• Student's website ... http://victoriachiesa.com
• Business website ... http://www.bowlsinc.com
• Professor’s website …
http://markgrabowski.com
Assignment Requirements
• First, you must make your website using Weebly.
Do not use another service or software.
• Second, your website must have at least four
separate webpages.
• Third, meet the deadline: you will present your
website to your professor and classmates during
our final class. Your website must be up and
accessible on the World Wide Web by 1 p.m. on
May 15 or you will receive a zero for the
assignment.
Grading Rubric
Questions?
• Email Prof. Mark Grabowski at
mgrabowski@adelphi.edu

Weitere ähnliche Inhalte

Was ist angesagt?

Ppt of web development
Ppt of web developmentPpt of web development
Ppt of web development
bethanygfair
 

Was ist angesagt? (20)

Internship presentation
Internship presentationInternship presentation
Internship presentation
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
 
ppt of web development for diploma student
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student
 
Setting up your development environment
Setting up your development environmentSetting up your development environment
Setting up your development environment
 
Web hosting Introduction- MilesWeb
Web hosting  Introduction- MilesWebWeb hosting  Introduction- MilesWeb
Web hosting Introduction- MilesWeb
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web Development
 
PPT on web development & SEO
PPT on web development & SEOPPT on web development & SEO
PPT on web development & SEO
 
Intro to front end development Basic
Intro to front end development BasicIntro to front end development Basic
Intro to front end development Basic
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
 
Html
HtmlHtml
Html
 
HTML CSS & Javascript
HTML CSS & JavascriptHTML CSS & Javascript
HTML CSS & Javascript
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
 
Introduction to Web Design
Introduction to Web DesignIntroduction to Web Design
Introduction to Web Design
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web Development
 
Web design 3
Web design 3Web design 3
Web design 3
 
Ppt of web development
Ppt of web developmentPpt of web development
Ppt of web development
 

Ähnlich wie Web Design

finalproj.doc
finalproj.docfinalproj.doc
finalproj.doc
butest
 
KindsofSites
KindsofSitesKindsofSites
KindsofSites
learnt
 

Ähnlich wie Web Design (20)

Web design for journalists
Web design for journalistsWeb design for journalists
Web design for journalists
 
How to Design Your Own Website.pptx
How to Design Your Own Website.pptxHow to Design Your Own Website.pptx
How to Design Your Own Website.pptx
 
lexture 8 computer.pptx
lexture 8 computer.pptxlexture 8 computer.pptx
lexture 8 computer.pptx
 
finalproj.doc
finalproj.docfinalproj.doc
finalproj.doc
 
Webinar presentation2
Webinar presentation2Webinar presentation2
Webinar presentation2
 
Using weebly
Using  weeblyUsing  weebly
Using weebly
 
Positive People - Self Employment - Website Design (Torquay, 06/09/2018)
Positive People - Self Employment - Website Design (Torquay, 06/09/2018)Positive People - Self Employment - Website Design (Torquay, 06/09/2018)
Positive People - Self Employment - Website Design (Torquay, 06/09/2018)
 
PATACS_WPCOM_Slides_March16_2024_FINAL_Z.pptx
PATACS_WPCOM_Slides_March16_2024_FINAL_Z.pptxPATACS_WPCOM_Slides_March16_2024_FINAL_Z.pptx
PATACS_WPCOM_Slides_March16_2024_FINAL_Z.pptx
 
Positive People - Self Employment - Website Design (Honiton, 20/09/2018)
Positive People - Self Employment - Website Design (Honiton, 20/09/2018)Positive People - Self Employment - Website Design (Honiton, 20/09/2018)
Positive People - Self Employment - Website Design (Honiton, 20/09/2018)
 
Social media marketing_for_artists
Social media marketing_for_artistsSocial media marketing_for_artists
Social media marketing_for_artists
 
Web Design
Web DesignWeb Design
Web Design
 
Creating Your Own Website 11-13-2016
Creating Your Own Website 11-13-2016Creating Your Own Website 11-13-2016
Creating Your Own Website 11-13-2016
 
40 plus wp.com_slides_final
40 plus wp.com_slides_final40 plus wp.com_slides_final
40 plus wp.com_slides_final
 
Web Environment Project
Web Environment ProjectWeb Environment Project
Web Environment Project
 
Website design
Website designWebsite design
Website design
 
Monetizing your Blog
Monetizing your BlogMonetizing your Blog
Monetizing your Blog
 
KindsofSites
KindsofSitesKindsofSites
KindsofSites
 
Web Designing Kit
Web Designing KitWeb Designing Kit
Web Designing Kit
 
Optimising Business Websites
Optimising Business WebsitesOptimising Business Websites
Optimising Business Websites
 
How to start your career after graduation?
How to start your career after graduation?How to start your career after graduation?
How to start your career after graduation?
 

Mehr von CubReporters.org

Mehr von CubReporters.org (20)

Experience Adelphi: Emerging legal issues in an online world
Experience Adelphi: Emerging legal issues in an online worldExperience Adelphi: Emerging legal issues in an online world
Experience Adelphi: Emerging legal issues in an online world
 
More Journalism Writing Tips
More Journalism Writing TipsMore Journalism Writing Tips
More Journalism Writing Tips
 
Associated Press Style
Associated Press StyleAssociated Press Style
Associated Press Style
 
Podcasting101
Podcasting101Podcasting101
Podcasting101
 
Journalism ethics
Journalism ethicsJournalism ethics
Journalism ethics
 
Op ed assignment
Op ed assignmentOp ed assignment
Op ed assignment
 
Newspaper sidebar
Newspaper sidebarNewspaper sidebar
Newspaper sidebar
 
Viewpoint diversity in higher education
Viewpoint diversity in higher educationViewpoint diversity in higher education
Viewpoint diversity in higher education
 
Blogging Assignment
Blogging AssignmentBlogging Assignment
Blogging Assignment
 
Profile story assignment
Profile story assignmentProfile story assignment
Profile story assignment
 
Advertising law-ethics
Advertising law-ethicsAdvertising law-ethics
Advertising law-ethics
 
What is newswriting
What is newswritingWhat is newswriting
What is newswriting
 
Copyright law
Copyright lawCopyright law
Copyright law
 
Internet law
Internet lawInternet law
Internet law
 
Public Relations Law & Ethics
Public Relations Law & EthicsPublic Relations Law & Ethics
Public Relations Law & Ethics
 
Broadcast law
Broadcast lawBroadcast law
Broadcast law
 
Privacy law
Privacy lawPrivacy law
Privacy law
 
Journalism Ethics
Journalism EthicsJournalism Ethics
Journalism Ethics
 
Defamation
DefamationDefamation
Defamation
 
First Amendment
First AmendmentFirst Amendment
First Amendment
 

Kürzlich hochgeladen

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 

Kürzlich hochgeladen (20)

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 

Web Design

  • 1.
  • 2. What is Web Design? • Creating content for other users to see on the Internet via a browser such as Firefox, IE or Safari. Or, put simply, building a website. It incorporates many different skills, including technical know‐how, writing, graphic design, photography, search engine optimization and marketing
  • 3. Why Learn Web Design? • Increasingly, media and public relations companies expect new hires to know the latest technologies and computer skills, including web design. Almost all media outlets have a strong web presence these days. Having a website is useful, even if you don’t plan to become a journalist. Recent surveys shows that many employers now do Internet searches on prospective employees. If you build your own website, you control what’s on it. So, you can use your website as a positive marketing tool. And, if you do work in the media, many editors will ask you to e‐mail your application with links to your work samples. By posting links to your blog and news videos on your website, you’ll have your application materials readily accessible in one place.
  • 4. The Process • Just as with making a news video, you can’t just start making your website. You need to do research and plan ahead. It’s a process consisting of many steps.
  • 5. Steps • First, come up with an idea for your website. Look around the web at other people’s websites. • Decide what kind of content you want to include: what information, what photos, links, etc. • Next draw blueprint; sketch your concept on a sheet of paper. • Then assemble your content: write your text, gather photos, etc. • Finally, you’re ready to begin creating your website.
  • 6. What Content to Include? • What content should you include on your website? First decide whether you want your website to be a personal website, a professional website or a website for an organization you’re involved with.
  • 7. Types of Websites • A personal webpage highlights your interests and/or hobbies. • A professional webpage focuses on your prospective career, be it journalist, dancer, real estate broker or something else. If you’re an aspiring journalist for example, you might include a bio, resume, links to work samples, etc. • Your third option is to do a website about an organization (such as your fraternity) or activity (such as a movie) you’re involved with.
  • 8. Assignment Requirements • Regardless of which option you choose, your website should contain at least four separate webpages , including a biographical page (with at least a 125‐word description of you or the organization/activity) and a contact page. Other pages could be a photo gallery, a resume, a page dedicated to your passion or hobby, a page featuring work sample or assignments you did for class, etc. Of course, you may have more than four webpages. Students who want to earn a good grade will do more than the minimum required.
  • 9. The Tools • For this assignment, you will need a computer with Internet access, of course. You also may purchase a domain name, if you want to. And you will use Weebly.com to construct the website. You may also require the use of PhotoShop or Fireworks to edit photos or create graphics/art.
  • 10. Sample Websites • Community organization ... http://www.suffolkexplorerspost410.com • Student organization ... http://adelphirsa.com • Student's website ... http://victoriachiesa.com • Business website ... http://www.bowlsinc.com • Professor’s website … http://markgrabowski.com
  • 11. Assignment Requirements • First, you must make your website using Weebly. Do not use another service or software. • Second, your website must have at least four separate webpages. • Third, meet the deadline: you will present your website to your professor and classmates during our final class. Your website must be up and accessible on the World Wide Web by 1 p.m. on May 15 or you will receive a zero for the assignment.
  • 13. Questions? • Email Prof. Mark Grabowski at mgrabowski@adelphi.edu