Enviar pesquisa
Carregar
eng2u3less38
•
0 gostou
•
587 visualizações
T
tutorialsruby
Seguir
Tecnologia
Educação
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 3
Baixar agora
Baixar para ler offline
Recomendados
It presentation
It presentation
shaikhaalmidfa
GCD.263.doc
GCD.263.doc
butest
6. What have you learnt about technologies from the process of constructing t...
6. What have you learnt about technologies from the process of constructing t...
Lauren6789
Production Process Double Page Spread
Production Process Double Page Spread
chantaldavies
Question 6
Question 6
Angeliagjonas
Question 6
Question 6
Angeliagjonas
web design course description.doc
web design course description.doc
butest
6
6
Zaralucille
Mais conteúdo relacionado
Destaque
Building Kick Ass Video Games for the Cloud
Building Kick Ass Video Games for the Cloud
Chris Schalk
Google App Engine and Social Apps
Google App Engine and Social Apps
Chris Schalk
Building Integrated Applications on Google's Cloud Technologies
Building Integrated Applications on Google's Cloud Technologies
Chris Schalk
Building Integrated Applications on Google's Cloud Technologies
Building Integrated Applications on Google's Cloud Technologies
Chris Schalk
Google App Engine Overview and Update
Google App Engine Overview and Update
Chris Schalk
Devfest 09 Building Wave Robots
Devfest 09 Building Wave Robots
Chris Schalk
TurboCAD%20Pro%20V15.2%20Heritage%20High%20Rise%20SAMPLE
TurboCAD%20Pro%20V15.2%20Heritage%20High%20Rise%20SAMPLE
tutorialsruby
Social Media Empowering Students For Success Presentation
Social Media Empowering Students For Success Presentation
Tom Hackelman
Destaque
(8)
Building 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 Apps
Building 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 Technologies
Google App Engine Overview and Update
Google App Engine Overview and Update
Devfest 09 Building Wave Robots
Devfest 09 Building Wave Robots
TurboCAD%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 Presentation
Semelhante a eng2u3less38
Going Green The Digital Way
Going Green The Digital Way
chrisrobin06
WEB DESIGN!
WEB DESIGN!
butest
MC435: Web Design
MC435: Web Design
butest
CS142 Course Information.pdf
CS142 Course Information.pdf
stephanedjeukam1
Assignment n 3
Assignment n 3
Paula Ledesma
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.docx
smile790243
schedule_SPRING_dm77
schedule_SPRING_dm77
tutorialsruby
schedule_SPRING_dm77
schedule_SPRING_dm77
tutorialsruby
WEB240 Version 1 1 Course Syllabus College o.docx
WEB240 Version 1 1 Course Syllabus College o.docx
MARRY7
Daily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web page
Angela Edel
Programming and the web for beginners
Programming and the web for beginners
Son Nguyen
Syllabus 512 fall 10
Syllabus 512 fall 10
loraevanouski
Business 1
Business 1
chamberssidney
Dream weaver ppt
Dream weaver ppt
vinothini1996
Web Design Syllabus.doc
Web Design Syllabus.doc
butest
User centered design workshop
User centered design workshop
Patrick McNeil
Visual Rhetoric, Monday March 10, 2014
Visual Rhetoric, Monday March 10, 2014
Miami University
CE_2423_Photoshop_Seabo
CE_2423_Photoshop_Seabo
Bancroft
Cis 111 Success Begins / snaptutorial.com
Cis 111 Success Begins / snaptutorial.com
Robinson066
School of Business and Tourism Web Development I (IS.docx
School of Business and Tourism Web Development I (IS.docx
anhlodge
Semelhante a eng2u3less38
(20)
Going Green The Digital Way
Going Green The Digital Way
WEB DESIGN!
WEB DESIGN!
MC435: Web Design
MC435: Web Design
CS142 Course Information.pdf
CS142 Course Information.pdf
Assignment 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.docx
schedule_SPRING_dm77
schedule_SPRING_dm77
schedule_SPRING_dm77
schedule_SPRING_dm77
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 page
Programming and the web for beginners
Programming and the web for beginners
Syllabus 512 fall 10
Syllabus 512 fall 10
Business 1
Business 1
Dream weaver ppt
Dream weaver ppt
Web Design Syllabus.doc
Web Design Syllabus.doc
User centered design workshop
User centered design workshop
Visual Rhetoric, Monday March 10, 2014
Visual Rhetoric, Monday March 10, 2014
CE_2423_Photoshop_Seabo
CE_2423_Photoshop_Seabo
Cis 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.docx
Mais de tutorialsruby
<img src="../i/r_14.png" />
<img src="../i/r_14.png" />
tutorialsruby
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>
tutorialsruby
<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" />
tutorialsruby
Standardization and Knowledge Transfer – INS0
Standardization and Knowledge Transfer – INS0
tutorialsruby
xhtml_basics
xhtml_basics
tutorialsruby
xhtml_basics
xhtml_basics
tutorialsruby
xhtml-documentation
xhtml-documentation
tutorialsruby
xhtml-documentation
xhtml-documentation
tutorialsruby
CSS
CSS
tutorialsruby
CSS
CSS
tutorialsruby
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
tutorialsruby
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
tutorialsruby
HowTo_CSS
HowTo_CSS
tutorialsruby
HowTo_CSS
HowTo_CSS
tutorialsruby
BloggingWithStyle_2008
BloggingWithStyle_2008
tutorialsruby
BloggingWithStyle_2008
BloggingWithStyle_2008
tutorialsruby
cascadingstylesheets
cascadingstylesheets
tutorialsruby
cascadingstylesheets
cascadingstylesheets
tutorialsruby
Mais de tutorialsruby
(20)
<img src="../i/r_14.png" />
<img src="../i/r_14.png" />
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>
<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 – INS0
xhtml_basics
xhtml_basics
xhtml_basics
xhtml_basics
xhtml-documentation
xhtml-documentation
xhtml-documentation
xhtml-documentation
CSS
CSS
CSS
CSS
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
HowTo_CSS
HowTo_CSS
HowTo_CSS
HowTo_CSS
BloggingWithStyle_2008
BloggingWithStyle_2008
BloggingWithStyle_2008
BloggingWithStyle_2008
cascadingstylesheets
cascadingstylesheets
cascadingstylesheets
cascadingstylesheets
Último
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
Mahmoud Rabie
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 Ontologies
David Newbury
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
shyamraj55
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
Jamie (Taka) Wang
20230104 - machine vision
20230104 - machine vision
Jamie (Taka) Wang
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
Md Hossain Ali
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
Precisely
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Safe Software
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
Udaiappa Ramachandran
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
SkyPlanner
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 Workshop
Bachir Benyammi
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
DianaGray10
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 Istio
Christian Posta
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
DianaGray10
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UbiTrack UK
20150722 - AGV
20150722 - AGV
Jamie (Taka) Wang
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 Blueprint
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 Ontologies
Anypoint 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-py
20230104 - machine vision
20230104 - machine vision
AI 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 Webinar
Igniting 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.pptx
Salesforce 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.
NIST 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.pdf
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 Istio
UiPath 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...
20150722 - AGV
20150722 - AGV
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.
Baixar agora