Web Design Work for Hire - PowerPoint

Document Sample
Web Design Work for Hire - PowerPoint Powered By Docstoc
					1   Web Basics
    YOU WILL LEARN TO…



    Section 1.1
       • Compare the Internet and the Web
       • Compare Web sites and Web pages
       • Identify Web browser components
       • Describe types of Web sites


    Section 1.2
       • Identify elements of a Web page
       • Summarize the importance of hyperlinks
       • Navigate using a Web browser
1   Web Basics
    YOU WILL LEARN TO…



    Section 1.3
       •   Describe Web site development steps
       •   Identify the three categories of Web site design
       •   Identify Web design careers


    Section 1.4
       •   Identify parts of the Dreamweaver interface
       •   View Web pages with Dreamweaver
                                                         pp.   6-10
Section 1.1   Introduction to the Web
              Focus on Reading

              Main Ideas                Key Terms

              The Internet is a         Internet
              worldwide network of      World Wide Web
              hardware. The World       file
              Wide Web is part of the
              Internet. Web sites are   Web browser
              divided into categories   Web site
              that meet particular      Web page
              needs.                    home page
                                                                    pp.   6-10
Section 1.1   Introduction to the Web
              The Internet and the World Wide Web

              The Internet and the          Internet Hardware, such as
              World Wide Web are not        computers, cables, and
                                            telephone wires, that is
              the same things. The          connected to create a
              Internet provides access      massive worldwide network.
              to the World Wide Web.        (p. 6)

                                            World Wide Web Software
              The information on the        that sends information that is
              Web is stored in individual   stored in files along the
              files.                        Internet’s hardware. (p. 6)

                                            file Contains information,
                                            such as text, graphics, video,
                                            or animation, that is stored
                                            on computer hardware. (p. 6)
                                                                 pp.   6-10
Section 1.1   Introduction to the Web
              How the Web Works

              A Web browser displays     Web browser Software
              Web sites.                 application that interprets
                                         files to display Web pages
                                         on the user’s computer.
              A Web site is made up of   (p. 7)
              Web pages.
                                         Web site A group of related
              Hypertext Markup           files organized around a
              Language (HTML) is the     common topic. (p. 7)
              code used to create Web
              pages.                     Web page A single file
                                         within a Web site that has a
                                         unique name. (p. 7)
                                                                   pp.   6-10
Section 1.1   Introduction to the Web
              How the Web Works

              A home page is generally     home page The main page
              the first page a user sees   on a Web site that contains
              when visiting a site.        general information about
                                           the site, such as an
                                           introduction and a list of
                                           other available pages. (p. 7)
                                                                     pp.   6-10
Section 1.1    Introduction to the Web
               How the Web Works

               A Web browser translates the text-based HTML into a
               graphical Web page.
                                             Title Bar

              Menu


          Navigation
          Buttons                                            Web
                                                             Address

              Viewing
              Area
                                                         pp.   6-10
Section 1.1   Introduction to the Web
              Types of Web Sites

              • Commercial sites
                      E-commerce sites

                      Corporate presence sites

              • Portal sites
              • Informational sites
                      News sites

                      Government sites

                      Public interest sites

              • Educational sites
                      School and university sites

                      Tutorials and distance learning

                      Museums and other institutions

              • Personal sites
                                                             pp.   6-10
Section 1.1   Introduction to the Web
                             Section Assessment
              True/False The Internet   False. The Internet is a
              and the World Wide Web    worldwide network
              are the same thing.       made up of hardware,
                                        such as computers,
                                        cables, and telephone
                                        wires. The World Wide
                                        Web is software that
                                        sends and stores
                                        information on the
                                        Internet.
                                                         pp.   11-14
Section 1.2   Elements of a Web Page
              Focus on Reading

              Main Ideas                    Key Terms

              Web pages can be              text
              composed of many              graphics
              different elements: text,     multimedia
              graphics, multimedia, and
              hyperlinks. Hyperlinks link   audio
              Web pages together and        video
              help a user navigate          animation
              through a Web site.           hyperlink
                                                                  pp.   11-14
Section 1.2   Elements of a Web Page
              Text and Graphics

              Web designers use text        text Consists of words,
              and graphics to add           letters, numbers, and other
              interest to a Web site. The   symbols. (p. 12)
              combination of text and
              graphics are the basics of    graphic A drawing, chart,
              a Web site.                   diagram, painting, or
                                            photograph stored in a
                                            digital format. (p. 12)
                                                                pp.   11-14
Section 1.2   Elements of a Web Page
              Multimedia

              Many Web sites have        multimedia The integration
              multimedia elements,       of elements such as
              such as graphics, text,    graphics, text, audio, video,
                                         animation, and interactivity
              audio, video, animation,
                                         by means of computer
              and interactivity.
                                         technology. (p. 12)

                                         audio Live, streamed, or
                                         recorded sound. (p. 12)

                                         video Live or recorded
                                         moving images. (p. 12)

                                         animation The movement of
                                         text and graphics. (p. 12)
                                                              pp.   11-14
Section 1.2   Elements of a Web Page
              Hyperlinks

              Hyperlinks can be a         hyperlink A way to link Web
              word, phrase, or graphic.   pages together and allow
                                          users to move from one
                                          online location to another.
              There are three types of    (p. 13)
              hyperlinks:
                  • Internal
                  • External
                  • Intrapage
                                                                         pp.   11-14
Section 1.2   Elements of a Web Page




              • Activity 1A – View a Web Site in a Web Browser (p. 13)
                                                             pp.   11-14
Section 1.2   Elements of a Web Page
                               Section Assessment
              Identify What two            A. text and graphics
              elements do Web
              designers use to add
              interest to a Web site?
              A. text and graphics
              B. graphics and hyperlinks
              C. text and portals
              D. text and numbers
                                                                  pp.   15-19
Section 1.3   Web Site Development
              Focus on Reading

              Main Ideas                    Key Terms

              The Web site development      interaction design
              process has five basic        information design
              steps. There are three        presentation design
              categories of Web site
              design. Specific skills are   Web author
              needed to develop and         Web designer
              design Web sites.             Web developer
                                            Webmaster
                                                                         pp.   15-19
Section 1.3   Web Site Development
              The Web Site Development Process

              Step 1: Determine Purpose and Goals

              • What are the site’s purpose and goals?
              •What tools do you need to reach your goals?
              • Who is your primary (target) audience?
              • What kinds of hardware and software are visitors likely to use?
                                                                 pp.   15-19
Section 1.3   Web Site Development
              The Web Site Development Process

              Step 2: Design and       interaction design Part of the
                                       Web site design process in
              Develop a Web Site       which you determine how the
                                       user is likely to navigate through
                                       the site. (p. 16)
              The design process can
              be divided into three    information design Part of
              categories:              Web site design process in
                                       which you determine the
              • Interaction design     content that will appear on each
              • Information design     page. (p. 16)

              • Presentation design    presentation design Part of
                                       Web site design process in
                                       which you determine the
                                       physical appearance of the
                                       site’s pages. (p. 16)
                                                                          pp.   15-19
Section 1.3   Web Site Development
              The Web Site Development Process

              Step 3: Evaluate and Test a Web Site
              • Make sure your hyperlinks work correctly.
              • Use various browsers and different computers to view your site.


              Step 4: Implement a Web Site
              • Publishing a Web site means copying it to a Web server.
              • This process is often referred to as “going live.”


              Step 5: Maintain the Site
              • Add, delete, and update content and pages.
              • Check that links continue to work properly.
                                                                    pp.   15-19
Section 1.3   Web Site Development
              Web Site Development Careers and Skills

              Developing a Web site requires:
              • Writing skills
              • Design skills
              • Programming skills

              In most companies, professionals with different abilities
              work together to create Web sites.
                                                               pp.   15-19
Section 1.3   Web Site Development
              Web Site Development Careers

              Here are some careers in   Web author Person who
              Web site development:      writes the text that will
                                         appear on each Web page.
                                         (p. 18)
              • Web author
              • Web designer             Web designer Person who
              • Web developer            focuses on the look and feel
                                         of the Web site. (p. 18)
              • Webmaster
                                         Web developer Person who
                                         uses programming skills to
                                         develop Web sites. (p. 18)

                                         Webmaster Person who
                                         manages and maintains
                                         Web sites. (p. 19)
                                                            pp.   15-19
Section 1.3   Web Site Development
                              Section Assessment
              True/False The first step   False. The first step of
              of the Web site design      the Web site design
              process is to implement a   process is to determine
              Web site.                   the site’s purpose and
                                          goals.
                                                     pp.   21-26
Section 1.4   An Introduction to Dreamweaver
              Focus on Reading

              Main Ideas                 Key Terms

              Dreamweaver is similar     interface
              to other application       panel
              programs. Dreamweaver      inspector
              provides many features,
              such as toolbars, menu
              bars, and different page
              views that simplify
              creating a Web site.
                                                                pp.   21-26
Section 1.4   An Introduction to Dreamweaver
              The Dreamweaver Interface

              Dreamweaver is a Web site development tool that is
              sometimes referred to as a visual or WYSIWYG editor.

              WYSIWYG stands for What You See Is What You Get.
                                                              pp.   21-26
Section 1.4   An Introduction to Dreamweaver
              Main Dreamweaver Interface Elements

              Dreamweaver has an          interface Means by which a
              easy-to-use interface.      user interacts with a
                                          computer or a computer
                                          program. (p. 22)
              Many of its features are
              similar to other software
              applications you have
              used.
                                                            pp.   21-26
Section 1.4   An Introduction to Dreamweaver
              Main Dreamweaver Interface Elements

              There are seven major    panel Element of
              elements in the          Dreamweaver interface that
              Dreamweaver interface:   contains tools and
                                       commands that users can
              1. Title bar
                                       use to manipulate their
              2. Menu bar              workspace. (p. 22)
              3. Toolbar
              4. Document window       inspector Dreamweaver
              5. Status bar            interface element that
              6. Panel                 provides information about
                                       Web page items. (p. 22)
              7. Inspector
                                                                   pp.   21-26
Section 1.4   An Introduction to Dreamweaver




               • Activity 1B – Open a Web Site in Dreamweaver (p. 23)
               • Activity 1C – Use Different Views and Close Dreamweaver
                            (p. 25)
                                                         pp.   21-26
Section 1.4   An Introduction to Dreamweaver
                              Section Assessment
              Examine Which of the       C. HTML frame
              following is NOT a major
              element in the
              Dreamweaver interface?
              A. Toolbar
              B. Inspector
              C. HTML frame
              D. Panel
1   Web Basics
    Chapter Review


       Identify ________ is   D. HTML
       the code used to
       create Web pages.
       A.   WYSIWYG
       B.   WWW
       C.   Interface
       D.   HTML
1   Web Basics
    Chapter Review


      Evaluate Why would a      Web site development
      company hire a team of    requires many varied
      professionals to create   skills. A person who is
      a Web site, rather than   good at writing may
      just one person?          not be a strong
                                programmer or
                                designer. Also, with
                                more people involved,
                                the project may move
                                more quickly.
1   Web Basics
    Chapter Resources

    For more resources on this chapter, go to the Introduction
    to Web Design Using Dreamweaver Web site at
    WebDesignDW.glencoe.com.

				
DOCUMENT INFO
Description: Web Design Work for Hire document sample