SlideShare uma empresa Scribd logo
1 de 3
Baixar para ler offline
NOTE: Today is a computer lab lesson. Please make sure you have signed up for the lab in advance.

TITLE OF LESSON
   English 2 Unit 3 Lesson 38 -- Dreamweaver Review (CSS)
   How do cascading style sheets help convey information?


TIME ESTIMATE FOR THIS LESSON
   One class period

ALIGNMENT WITH STANDARDS
   California – W1.8; W/O1.0-1.3; L/S1.0-1.2
   NETS for Students – 1, 2, 3, 4, 5, 6


MATERIALS
  Computer lab with Internet access
  Macromedia Dreamweaver
  Adobe Photoshop


LESSON OBJECTIVES
   • To gain knowledge in Dreamweaver, in order to exact more precise control over the design of a web page
   • To learn about cascading style sheets (CSS), a way to make web pages in a site have a uniform look and feel
   • To understand why cascading style sheets are useful
   • To learn the pros and cons of using Dreamweaver Page Designs


EXPLANATION OF LESSON
   In this lesson, students will learn about a new concept: cascading style sheets (CSS). This is an advanced concept
   that will allow them to have control over the look of a large number of pages, and to easily make changes to the
   look of those pages if necessary. They will also learn about the ready-made Page Designs and CSS that are built
   into Dreamweaver. With their new knowledge of CSS, students will be able to use these Page Designs to their
   fullest.


FOCUS AND MOTIVATE STUDENTS – WARM-UP ACTIVITY
   1) Computer Protocol – Remind students of appropriate computer lab behavior. Computer monitors should be
       turned off until the teacher says to turn them on.
   2) Daily Log – Copy Daily Log below.
   3) Mini - Lecture – Introduce the concept of CSS. Give the example of a large web site with a hundred pages.
       If you want to change the font used, or your color scheme, or the size of your headings, it would be a huge
       job—you would have to open every single page of the site and make the changes you want, right? This
       would take a long time. If you're using CSS, there's an easier way. CSS allow you to set rules for how
       certain elements of your page will look, everything from font size and bullet type to background color and
       borders. You put all this information in one file, and the HTML pages all get their formatting from this file.
       This makes updating very easy, because all you have to do is make a change in your CSS file, and all the
       pages that use it will be automatically updated. This also ensures that you won't accidentally forget to format
       something, which would take away from the cohesiveness of your site.




                                         © 2001 ESubjects Inc. All rights reserved.
Date     Journal          Lecture                            Activity                       Readings         Homework
                        Discussion
                      Pro/Cons of         1.      Individual Work:                                     Continue reading novels
                      using CSS                   Dreamweaver Tutorial
                                          2.      Mini Lecture: Page Designs
                                          3.      Teacher Demo
                                          4.      Discuss: Prox/Cons
                                          5.      Choosing a Page Design
                                          6.      Web Page Design and
                                                  Requirements


ACTIVITIES – INDIVIDUAL AND GROUP

1.   Individual Work – Students will now begin the CSS Tutorial in Dreamweaver (Help > Tutorials, click the next
     arrow until the What You Will Learn page, where you will click on Designing With Cascading Style Sheets
     Tutorial.) Students already defined their Tutorial site, so they can simply choose it in Dreamweaver to access
     the files they need. (Since students are working on their actual projects for this lesson, it is still wise to use the
     Tutorial files to learn the basics of CSS, so that none of their project pages gets accidentally messed up. After
     they understand the basics with the Tutorial files, students can move to their actual project pages and apply
     what they’ve learned.) Walk around the classroom as they are going through the tutorial to assist students if
     they get stuck. If it’s possible, try to have a computer lab tech person assist the students as well. If that’s not
     possible, just remind the students to go slowly and use each other as a resource.

2.   Mini Lecture: Page Designs – After students are done, introduce the idea of Dreamweaver Page Designs. Page
     Designs are pre-built HTML pages in a variety of formats. You choose a format, and Dreamweaver opens an
     HTML page in that format. You then replace the existing text with your own text, and the image placeholders
     with your own images. This allows you to quickly build a well-formatted page. Dreamweaver also contains
     ready-made cascading style sheets that can be applied to the page designs. Or, you can define your own CSS
     and apply it.

3.   Teacher Demo – Show the Page Designs and pre-built CSS to students, using a projector if possible, or just
     have students follow along with you on their own computers. (File > New, then look for Page Designs under
     Category.) Click on Page Designs, and a list of options appears to the right. Click once on each of the page
     designs to get a small preview of what it looks like in the window to the right. Many of these are meant for e-
     commerce websites, but the ones labeled Image or Text might be very useful for students. They can pick a pre-
     designed page template and combine it with a pre-designed CSS, to quickly create a page with clean, clear
     layout and design. But is this the best way to make a page?

4.   Discuss: Pros/Cons –Ask students what the pros and cons are for using this feature. Get as many responses as
     you can, and make a list on the board that students copy down. Pros would include increased speed when
     creating pages, the ability to create well-crafted pages with less technical knowledge, etc. Cons would include
     everyone’s page ending up looking the same, not really knowing how to change the formatting, etc.

5.   Choosing a Page Design – Using Page Designs can cut down on some of the time required to build the students’
     web site projects. Students can choose pre-designed stuff to quickly get the basics of the site down, which will
     allow them to spend more time on other aspects of the site: graphic design/images, charts/graphs, image maps,
     etc. The sites can still be very personalized and creative even with the Page Designs. Each student must
     choose either a Page Design or CSS template to use and make at least four changes to it. The best choice
     would probably be to choose a Page Design, then apply a custom CSS to it. This will give the page a clean
     layout, but also a unique look. Students will also find that there isn’t a Page Design that will fit every type of
     page they need to create. The homepage, for example, will probably need to be created by hand. Take into
     account the specifics of your class’s project so you can guide students and give them clear requirements.

6.   Web Page Design and Requirements – Now, using all they’ve learned in Dreamweaver, have students begin to
     work on the pages for their final project. Make sure they have the requirements, and make sure to alter/add any



                                               © 2001 ESubjects Inc. All rights reserved.
other requirements that are necessary to your class’s specific project. Give students any remaining class time to
    work on their pages.

HOMEWORK
  Continue reading novels.


GROUP ROLES
  None


DOCUMENTATION FOR PORTFOLIO
  Unit 1                                                            Unit 2
  Evaluation Essay #1                                               Essay 1: War
  Evaluation Essay #2                                               Essay 2: Communication
  Project 2                                                         Novel Evaluation 2
  Evaluation Essay #3                                               Project 1 – Letters to the Editor
  Project 3 – Planning Your First Image                             Evaluation Essay #5
  Project 4 – Planning Your Second Image                            Project 2 – Political Cartoons
  Novel Evaluation                                                  Project 3 – Editorials
  Project 5 – Planning Your Third Image                             Project 4 – CyberSpeech
  Evaluation Essay #4                                               Project 5 – Hard News Stories
  Final Project Image                                               Novel Evaluation 3
  English 2 Unit 1 Final Exam                                       Final Project – Online Newspaper
                                                                    English 2 Unit 2 Final Exam

   Unit 3                                                           Unit 4
   Memory Poem                                                      None
   Essay 1: Novel Evaluation
   Essay 2: Bless Me Ultima
   Essay 3: Novel Evaluation
   Research Project Essay




                                         © 2001 ESubjects Inc. All rights reserved.

Mais conteúdo relacionado

Destaque

Building Kick Ass Video Games for the Cloud
Building Kick Ass Video Games for the CloudBuilding Kick Ass Video Games for the Cloud
Building Kick Ass Video Games for the CloudChris Schalk
 
Google App Engine and Social Apps
Google App Engine and Social AppsGoogle App Engine and Social Apps
Google App Engine and Social AppsChris Schalk
 
Building Integrated Applications on Google's Cloud Technologies
Building Integrated Applications on Google's Cloud TechnologiesBuilding Integrated Applications on Google's Cloud Technologies
Building Integrated Applications on Google's Cloud TechnologiesChris Schalk
 
Building Integrated Applications on Google's Cloud Technologies
Building Integrated Applications on Google's Cloud TechnologiesBuilding Integrated Applications on Google's Cloud Technologies
Building Integrated Applications on Google's Cloud TechnologiesChris Schalk
 
Google App Engine Overview and Update
Google App Engine Overview and UpdateGoogle App Engine Overview and Update
Google App Engine Overview and UpdateChris Schalk
 
Devfest 09 Building Wave Robots
Devfest 09 Building Wave RobotsDevfest 09 Building Wave Robots
Devfest 09 Building Wave RobotsChris Schalk
 
TurboCAD%20Pro%20V15.2%20Heritage%20High%20Rise%20SAMPLE
TurboCAD%20Pro%20V15.2%20Heritage%20High%20Rise%20SAMPLETurboCAD%20Pro%20V15.2%20Heritage%20High%20Rise%20SAMPLE
TurboCAD%20Pro%20V15.2%20Heritage%20High%20Rise%20SAMPLEtutorialsruby
 
Social Media Empowering Students For Success Presentation
Social Media   Empowering Students For Success PresentationSocial Media   Empowering Students For Success Presentation
Social Media Empowering Students For Success PresentationTom Hackelman
 

Destaque (8)

Building Kick Ass Video Games for the Cloud
Building Kick Ass Video Games for the CloudBuilding Kick Ass Video Games for the Cloud
Building Kick Ass Video Games for the Cloud
 
Google App Engine and Social Apps
Google App Engine and Social AppsGoogle App Engine and Social Apps
Google App Engine and Social Apps
 
Building Integrated Applications on Google's Cloud Technologies
Building Integrated Applications on Google's Cloud TechnologiesBuilding Integrated Applications on Google's Cloud Technologies
Building Integrated Applications on Google's Cloud Technologies
 
Building Integrated Applications on Google's Cloud Technologies
Building Integrated Applications on Google's Cloud TechnologiesBuilding Integrated Applications on Google's Cloud Technologies
Building Integrated Applications on Google's Cloud Technologies
 
Google App Engine Overview and Update
Google App Engine Overview and UpdateGoogle App Engine Overview and Update
Google App Engine Overview and Update
 
Devfest 09 Building Wave Robots
Devfest 09 Building Wave RobotsDevfest 09 Building Wave Robots
Devfest 09 Building Wave Robots
 
TurboCAD%20Pro%20V15.2%20Heritage%20High%20Rise%20SAMPLE
TurboCAD%20Pro%20V15.2%20Heritage%20High%20Rise%20SAMPLETurboCAD%20Pro%20V15.2%20Heritage%20High%20Rise%20SAMPLE
TurboCAD%20Pro%20V15.2%20Heritage%20High%20Rise%20SAMPLE
 
Social Media Empowering Students For Success Presentation
Social Media   Empowering Students For Success PresentationSocial Media   Empowering Students For Success Presentation
Social Media Empowering Students For Success Presentation
 

Semelhante a eng2u3less38

Going Green The Digital Way
Going Green The Digital WayGoing Green The Digital Way
Going Green The Digital Waychrisrobin06
 
WEB DESIGN!
WEB DESIGN!WEB DESIGN!
WEB DESIGN!butest
 
MC435: Web Design
MC435: Web DesignMC435: Web Design
MC435: Web Designbutest
 
CS142 Course Information.pdf
CS142 Course Information.pdfCS142 Course Information.pdf
CS142 Course Information.pdfstephanedjeukam1
 
Lab 1 Creating a Database Design Due Week 3 and worth 75 points.docx
Lab 1 Creating a Database Design Due Week 3 and worth 75 points.docxLab 1 Creating a Database Design Due Week 3 and worth 75 points.docx
Lab 1 Creating a Database Design Due Week 3 and worth 75 points.docxsmile790243
 
schedule_SPRING_dm77
schedule_SPRING_dm77schedule_SPRING_dm77
schedule_SPRING_dm77tutorialsruby
 
schedule_SPRING_dm77
schedule_SPRING_dm77schedule_SPRING_dm77
schedule_SPRING_dm77tutorialsruby
 
WEB240 Version 1 1 Course Syllabus College o.docx
 WEB240 Version 1 1 Course Syllabus College o.docx WEB240 Version 1 1 Course Syllabus College o.docx
WEB240 Version 1 1 Course Syllabus College o.docxMARRY7
 
Daily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web pageDaily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web pageAngela Edel
 
Programming and the web for beginners
Programming and the web for beginnersProgramming and the web for beginners
Programming and the web for beginnersSon Nguyen
 
Syllabus 512 fall 10
Syllabus  512 fall 10Syllabus  512 fall 10
Syllabus 512 fall 10loraevanouski
 
Web Design Syllabus.doc
Web Design Syllabus.docWeb Design Syllabus.doc
Web Design Syllabus.docbutest
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshopPatrick McNeil
 
Visual Rhetoric, Monday March 10, 2014
Visual Rhetoric, Monday March 10, 2014Visual Rhetoric, Monday March 10, 2014
Visual Rhetoric, Monday March 10, 2014Miami University
 
CE_2423_Photoshop_Seabo
CE_2423_Photoshop_SeaboCE_2423_Photoshop_Seabo
CE_2423_Photoshop_SeaboBancroft
 
Cis 111 Success Begins / snaptutorial.com
Cis 111 Success Begins / snaptutorial.comCis 111 Success Begins / snaptutorial.com
Cis 111 Success Begins / snaptutorial.comRobinson066
 
School of Business and Tourism Web Development I (IS.docx
School of Business and Tourism Web Development I (IS.docxSchool of Business and Tourism Web Development I (IS.docx
School of Business and Tourism Web Development I (IS.docxanhlodge
 

Semelhante a eng2u3less38 (20)

Going Green The Digital Way
Going Green The Digital WayGoing Green The Digital Way
Going Green The Digital Way
 
WEB DESIGN!
WEB DESIGN!WEB DESIGN!
WEB DESIGN!
 
MC435: Web Design
MC435: Web DesignMC435: Web Design
MC435: Web Design
 
CS142 Course Information.pdf
CS142 Course Information.pdfCS142 Course Information.pdf
CS142 Course Information.pdf
 
Assignment n 3
Assignment n 3Assignment n 3
Assignment n 3
 
Lab 1 Creating a Database Design Due Week 3 and worth 75 points.docx
Lab 1 Creating a Database Design Due Week 3 and worth 75 points.docxLab 1 Creating a Database Design Due Week 3 and worth 75 points.docx
Lab 1 Creating a Database Design Due Week 3 and worth 75 points.docx
 
schedule_SPRING_dm77
schedule_SPRING_dm77schedule_SPRING_dm77
schedule_SPRING_dm77
 
schedule_SPRING_dm77
schedule_SPRING_dm77schedule_SPRING_dm77
schedule_SPRING_dm77
 
WEB240 Version 1 1 Course Syllabus College o.docx
 WEB240 Version 1 1 Course Syllabus College o.docx WEB240 Version 1 1 Course Syllabus College o.docx
WEB240 Version 1 1 Course Syllabus College o.docx
 
Daily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web pageDaily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web page
 
Programming and the web for beginners
Programming and the web for beginnersProgramming and the web for beginners
Programming and the web for beginners
 
Syllabus 512 fall 10
Syllabus  512 fall 10Syllabus  512 fall 10
Syllabus 512 fall 10
 
Business 1
 Business 1 Business 1
Business 1
 
Dream weaver ppt
Dream weaver pptDream weaver ppt
Dream weaver ppt
 
Web Design Syllabus.doc
Web Design Syllabus.docWeb Design Syllabus.doc
Web Design Syllabus.doc
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshop
 
Visual Rhetoric, Monday March 10, 2014
Visual Rhetoric, Monday March 10, 2014Visual Rhetoric, Monday March 10, 2014
Visual Rhetoric, Monday March 10, 2014
 
CE_2423_Photoshop_Seabo
CE_2423_Photoshop_SeaboCE_2423_Photoshop_Seabo
CE_2423_Photoshop_Seabo
 
Cis 111 Success Begins / snaptutorial.com
Cis 111 Success Begins / snaptutorial.comCis 111 Success Begins / snaptutorial.com
Cis 111 Success Begins / snaptutorial.com
 
School of Business and Tourism Web Development I (IS.docx
School of Business and Tourism Web Development I (IS.docxSchool of Business and Tourism Web Development I (IS.docx
School of Business and Tourism Web Development I (IS.docx
 

Mais de tutorialsruby

<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />tutorialsruby
 
TopStyle Help & <b>Tutorial</b>
TopStyle Help & <b>Tutorial</b>TopStyle Help & <b>Tutorial</b>
TopStyle Help & <b>Tutorial</b>tutorialsruby
 
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>tutorialsruby
 
<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />tutorialsruby
 
<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />tutorialsruby
 
Standardization and Knowledge Transfer – INS0
Standardization and Knowledge Transfer – INS0Standardization and Knowledge Transfer – INS0
Standardization and Knowledge Transfer – INS0tutorialsruby
 
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa0602690047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269tutorialsruby
 
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa0602690047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269tutorialsruby
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008tutorialsruby
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008tutorialsruby
 
cascadingstylesheets
cascadingstylesheetscascadingstylesheets
cascadingstylesheetstutorialsruby
 
cascadingstylesheets
cascadingstylesheetscascadingstylesheets
cascadingstylesheetstutorialsruby
 

Mais de tutorialsruby (20)

<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />
 
TopStyle Help & <b>Tutorial</b>
TopStyle Help & <b>Tutorial</b>TopStyle Help & <b>Tutorial</b>
TopStyle Help & <b>Tutorial</b>
 
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>
 
<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />
 
<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />
 
Standardization and Knowledge Transfer – INS0
Standardization and Knowledge Transfer – INS0Standardization and Knowledge Transfer – INS0
Standardization and Knowledge Transfer – INS0
 
xhtml_basics
xhtml_basicsxhtml_basics
xhtml_basics
 
xhtml_basics
xhtml_basicsxhtml_basics
xhtml_basics
 
xhtml-documentation
xhtml-documentationxhtml-documentation
xhtml-documentation
 
xhtml-documentation
xhtml-documentationxhtml-documentation
xhtml-documentation
 
CSS
CSSCSS
CSS
 
CSS
CSSCSS
CSS
 
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa0602690047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
 
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa0602690047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
 
HowTo_CSS
HowTo_CSSHowTo_CSS
HowTo_CSS
 
HowTo_CSS
HowTo_CSSHowTo_CSS
HowTo_CSS
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008
 
cascadingstylesheets
cascadingstylesheetscascadingstylesheets
cascadingstylesheets
 
cascadingstylesheets
cascadingstylesheetscascadingstylesheets
cascadingstylesheets
 

Último

Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 

Último (20)

Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 

eng2u3less38

  • 1. NOTE: Today is a computer lab lesson. Please make sure you have signed up for the lab in advance. TITLE OF LESSON English 2 Unit 3 Lesson 38 -- Dreamweaver Review (CSS) How do cascading style sheets help convey information? TIME ESTIMATE FOR THIS LESSON One class period ALIGNMENT WITH STANDARDS California – W1.8; W/O1.0-1.3; L/S1.0-1.2 NETS for Students – 1, 2, 3, 4, 5, 6 MATERIALS Computer lab with Internet access Macromedia Dreamweaver Adobe Photoshop LESSON OBJECTIVES • To gain knowledge in Dreamweaver, in order to exact more precise control over the design of a web page • To learn about cascading style sheets (CSS), a way to make web pages in a site have a uniform look and feel • To understand why cascading style sheets are useful • To learn the pros and cons of using Dreamweaver Page Designs EXPLANATION OF LESSON In this lesson, students will learn about a new concept: cascading style sheets (CSS). This is an advanced concept that will allow them to have control over the look of a large number of pages, and to easily make changes to the look of those pages if necessary. They will also learn about the ready-made Page Designs and CSS that are built into Dreamweaver. With their new knowledge of CSS, students will be able to use these Page Designs to their fullest. FOCUS AND MOTIVATE STUDENTS – WARM-UP ACTIVITY 1) Computer Protocol – Remind students of appropriate computer lab behavior. Computer monitors should be turned off until the teacher says to turn them on. 2) Daily Log – Copy Daily Log below. 3) Mini - Lecture – Introduce the concept of CSS. Give the example of a large web site with a hundred pages. If you want to change the font used, or your color scheme, or the size of your headings, it would be a huge job—you would have to open every single page of the site and make the changes you want, right? This would take a long time. If you're using CSS, there's an easier way. CSS allow you to set rules for how certain elements of your page will look, everything from font size and bullet type to background color and borders. You put all this information in one file, and the HTML pages all get their formatting from this file. This makes updating very easy, because all you have to do is make a change in your CSS file, and all the pages that use it will be automatically updated. This also ensures that you won't accidentally forget to format something, which would take away from the cohesiveness of your site. © 2001 ESubjects Inc. All rights reserved.
  • 2. Date Journal Lecture Activity Readings Homework Discussion Pro/Cons of 1. Individual Work: Continue reading novels using CSS Dreamweaver Tutorial 2. Mini Lecture: Page Designs 3. Teacher Demo 4. Discuss: Prox/Cons 5. Choosing a Page Design 6. Web Page Design and Requirements ACTIVITIES – INDIVIDUAL AND GROUP 1. Individual Work – Students will now begin the CSS Tutorial in Dreamweaver (Help > Tutorials, click the next arrow until the What You Will Learn page, where you will click on Designing With Cascading Style Sheets Tutorial.) Students already defined their Tutorial site, so they can simply choose it in Dreamweaver to access the files they need. (Since students are working on their actual projects for this lesson, it is still wise to use the Tutorial files to learn the basics of CSS, so that none of their project pages gets accidentally messed up. After they understand the basics with the Tutorial files, students can move to their actual project pages and apply what they’ve learned.) Walk around the classroom as they are going through the tutorial to assist students if they get stuck. If it’s possible, try to have a computer lab tech person assist the students as well. If that’s not possible, just remind the students to go slowly and use each other as a resource. 2. Mini Lecture: Page Designs – After students are done, introduce the idea of Dreamweaver Page Designs. Page Designs are pre-built HTML pages in a variety of formats. You choose a format, and Dreamweaver opens an HTML page in that format. You then replace the existing text with your own text, and the image placeholders with your own images. This allows you to quickly build a well-formatted page. Dreamweaver also contains ready-made cascading style sheets that can be applied to the page designs. Or, you can define your own CSS and apply it. 3. Teacher Demo – Show the Page Designs and pre-built CSS to students, using a projector if possible, or just have students follow along with you on their own computers. (File > New, then look for Page Designs under Category.) Click on Page Designs, and a list of options appears to the right. Click once on each of the page designs to get a small preview of what it looks like in the window to the right. Many of these are meant for e- commerce websites, but the ones labeled Image or Text might be very useful for students. They can pick a pre- designed page template and combine it with a pre-designed CSS, to quickly create a page with clean, clear layout and design. But is this the best way to make a page? 4. Discuss: Pros/Cons –Ask students what the pros and cons are for using this feature. Get as many responses as you can, and make a list on the board that students copy down. Pros would include increased speed when creating pages, the ability to create well-crafted pages with less technical knowledge, etc. Cons would include everyone’s page ending up looking the same, not really knowing how to change the formatting, etc. 5. Choosing a Page Design – Using Page Designs can cut down on some of the time required to build the students’ web site projects. Students can choose pre-designed stuff to quickly get the basics of the site down, which will allow them to spend more time on other aspects of the site: graphic design/images, charts/graphs, image maps, etc. The sites can still be very personalized and creative even with the Page Designs. Each student must choose either a Page Design or CSS template to use and make at least four changes to it. The best choice would probably be to choose a Page Design, then apply a custom CSS to it. This will give the page a clean layout, but also a unique look. Students will also find that there isn’t a Page Design that will fit every type of page they need to create. The homepage, for example, will probably need to be created by hand. Take into account the specifics of your class’s project so you can guide students and give them clear requirements. 6. Web Page Design and Requirements – Now, using all they’ve learned in Dreamweaver, have students begin to work on the pages for their final project. Make sure they have the requirements, and make sure to alter/add any © 2001 ESubjects Inc. All rights reserved.
  • 3. other requirements that are necessary to your class’s specific project. Give students any remaining class time to work on their pages. HOMEWORK Continue reading novels. GROUP ROLES None DOCUMENTATION FOR PORTFOLIO Unit 1 Unit 2 Evaluation Essay #1 Essay 1: War Evaluation Essay #2 Essay 2: Communication Project 2 Novel Evaluation 2 Evaluation Essay #3 Project 1 – Letters to the Editor Project 3 – Planning Your First Image Evaluation Essay #5 Project 4 – Planning Your Second Image Project 2 – Political Cartoons Novel Evaluation Project 3 – Editorials Project 5 – Planning Your Third Image Project 4 – CyberSpeech Evaluation Essay #4 Project 5 – Hard News Stories Final Project Image Novel Evaluation 3 English 2 Unit 1 Final Exam Final Project – Online Newspaper English 2 Unit 2 Final Exam Unit 3 Unit 4 Memory Poem None Essay 1: Novel Evaluation Essay 2: Bless Me Ultima Essay 3: Novel Evaluation Research Project Essay © 2001 ESubjects Inc. All rights reserved.