Syllabusul CSS
Tradus de
ScribdTranslationsSyllabusul CSS
Tradus de
ScribdTranslationsL T P/S SW/FW TOTAL
CREDIT
UNITĂȚI
2 2 - 3
Course Title: CSS Framework
Codul cursului: urmează să fie decis mai târziu
Credit Units: 3
Course Level: UG
Course Type:
# Course Title
1 Course Objectives:
Obiectivul cursului este să:
Descrie cum este folosit CSS pentru a controla
stilul de prezentare al unei pagini web.
Descrie elementele ș i funcț ionarea CSS.
Contura ț i principalele proprietă ț i ș i selecătoare CSS
Competenț e
Foloseste stiluri inline simple pentru a controla pagina web
aparentă
Includeț i stiluri CSS interne într-o pagină web
Implementaț i foi de stil externe ș i importate
pe un site web Atitudine
Dobândiț i încredere în utilizarea CSS. 8. Exprimaț i un
preferin ț ă pentru stilul website-ului bazat pe CSS
specificaț ie
2 Cerin ț e preliminare:
HTML
3 Student Learning Outcomes:
Înț elegeț i conceptele de bază ale Internetului
Scrie un script pentru a proiecta pagini web.
Foloseș te cadrul CSS pentru a crea web dinamic
pagini
Înț elegeț i tehnicile de design pentru
informaț ie ș i divertisment
Conț inutul cursului / Silaba:
4 Modulul I: Proiectarea unei pagini web de bază 15%
Weightage
Designul ș i dezvoltarea web astăzi, Introducere
ș i o prezentare generală, Istoria Web-ului, Cum funcț ionează Web-ul
lucrări, autorie web ș i publicare, unelte
Browsere, editore, unelte de autori ș i publicare
5 Modulul II: Introducere în un cadru CSS 15%
Weightage
HTML-simplu, etichete HTML-formulare-cadre-tabele listă-
DHTML-Introducere-folie de stil-folie de stil în cascade
fragmente de foaie,font MS,editor de pagină frontală-various
formulare-normale, menu-uri HTML-previzualizare-crearea web
pagini cu ș abloane editor de fonturi - folosind font page
componente-formulare creând pagini cadru cu font
pagini, O pagină HTML de bază Elevii vor proiecta
(cu CSS minim). ,Operaț iuni WW, standarde web,
HTML - concept ș i versiune; Schema de numire pentru
Documente HTML; editor HTML; Explicaț ia despre
structura paginii de start; Elemente în HTML
documente; Limbaj de foi de stil, Sfaturi pentru proiectare
pagini web
6 Modulul IIIDesign Web de Bază - HTML 20%
Greutate
Designul unei pagini HTML de bază (cu CSS minim).
7 Modulul IV: Design Web de Bază - CSS 25%
Pondere
Validarea W3C, separarea între prezentare ș i
content; templates; good and bad design
Legarea cu eticheta ancoră incluzând linkuri interne,
referinț e absolute ș i relative ale resurselor web
graniț e & margini, imagini, fonturi Unicode, div &
etichete span, etichete tabel HTML, etichete formular HTML
poziț ionare ș i flotare, Introducere în CSS:
tipografie, consistenț ă, tipuri de stiluri, specificare
clasă în documentul html
8 Modulul IVCSS Framework 10%
Introducere în Framework, De ce folosim framework-uri CSS
Tipuri de framework-uri CSS (frontend, backend)
Clasificarea cadrelor. Cadru simplu, receptiv
cadru.
9 Modulul V: Cadru Bootstrap CSS 15%
Greutate
Introduction to Bootstarp,Why use Bootstrap,Basic of
Bootstrap Framework, Bootstrap Basic Structure,
Bootstrap CSS, Bootstrap
Componente de layout ș i plugin-uri Bootstrap
10 Pedagogie pentru Livrarea Cursurilor:
Prin demonstrând CSS într-un cadru de clasă. Identificând
probleme, ilustrând designul, crearea ș i
implementarea scripturilor prin exemple. Definirea
probleme noi ș i perpetuarea studen ț ilor pentru a învă ț a ș i
reț ine informaț ii folosind o abordare practică. Prin crearea
o structură pentru studen ț i care va încuraja interac ț iunea între colegi
sprijini ș i ilustrezi pe baza cunoș tinț elor din surse externe
11 Lista de Experimente:
1 Schimbă pagina ta web de CV creată în Tema 2 pentru a folosi
following CSS properties:
• textul de bază este Tahoma sau Trebuchet MS sau fără serif
• Folosiț i text de 9 puncte al paginii web.
• Culoarea de fundal este #ffff80
• Oferiț i următoarele culori pentru hyperlink-uri:
o link nevizitat #00c
Am vizitat linkul #c0c
peste link #f60
link activ #fc0
2 Creaț i o pagină web simplă cu un fundal căptuș it
imagine folosind un fiș ier de stil extern. Asiguraț i-vă că tipul documentului
declaraț ia este inserată corect.
3. Creează un tabel într-o pagină web ș i ata ș ează un nedefinit
imagine de fundal repetată la acest tabel folosind un
fiș ier de stil extern. Asiguraț i-vă că declaraț ia doctype este
inserat corect
4. Creează un document în care paragrafele sunt grupate
sub elemente, apoi foloseș te atributul id pentru a asigna unic
culoare de fundal pentru fiecare Poț i împrumuta text dintr-un
document preexistent, cum ar fi un raport.
5. Creaț i un document HTML care implementează două
foaia de stil externă în care una este folosită pentru a controla stilul
când documentul este vizualizat pe un ecran de computer în timp ce
celălalt controlează apariț ia atunci când documentul este
tipărit
Scrieț i cod CSS pentru a insera o imagine numită „[Link]”
ca o imagine de fundal centrată pe o pagină web.
Creează un document HTML care implementează două
foi de stil externe unde una este folosită pentru a controla stilul
când documentul este vizualizat pe un ecran de computer în timp ce
celălalt controlează apariț ia atunci când documentul este
tipărit
Care este efectul inserării următorului CSS inline
proprietate într-un paragraf:
Specificaț ia de fundal poate
poate fi destul de complicat, dar are trei proprietăț i cheie: culoare,
imagine de fundal ș i dacă imaginea este repetată sau
nu repetat. Exemplul următor ilustrează utilizarea
proprietăț ile de fundal </p>
9 Scrie CSS inline pentru a crea o margine gri în jurul unui
paragraf de text
10 Care este efectul adăugării următoarelor stiluri la
fiș ierul tău de stil presupunând că fiș ierul de stil controlează
stilul întregului document:
a:link {culoare: albastru}
a:active {culoare: roș u; greutate-font: îndrăzneț }
a:vizitat {culoare: verde}
a:hoover { culoare: galben}
12 Schema de Evaluare/ Examen
Evaluarea teoretică (L&T):
Teorie Lab/Practical/Studio (%) End Term
L/T (%) Examen
66,67 33,33 100
Evaluarea teoriei
Continuu Termendefinalizare
Evaluare/Intern Examinare
Evaluare
Componente
(Deschide în jos ) CT HA V A
Greutate 70
(%) 10 10 5 5
Evaluare de laborator/ Practică/ Studiou
Continuu End Term
Evaluare/Intern Examen
Evaluare
Componente Experiment Viva
(Derulare în jos) LR CT PR V A
Greutate 40 20
(%)
10 10 10 5 5
Manuale
Harvey M. Deitel ș i Paul J. Deitel (2007). Internet ș i World Wide Web: Cum să
Program (ediț ia a 4-a). Prentice Hall (ISBN-10: 0131752421, ISBN-13: 978-
0131752429
Referinț e:
Learning Web Design, Jennifer Niederst Robbins, 2007, 3rd Edition, O’Reilly,
ISBN-10: 0-596-52752-7 ISBN-13: 978-0-596-52752-5[C]
Proiectarea web pe scurt (Referinț ă rapidă pentru desktop), Jennifer Niederst
Robbins, O’Reilly ISBN: 1-56592-515-7 [M]
Proiectarea navigaț iei web, James Kalbach, 2007, publicaț ie O’Reilly, IS BN-
10: 0-596- 52810-8 este ISBN-13: 978-0-596-52810-2[L]
E-Books de Design Web
Web Design: [Link]
Ghid de Stil Web: [Link]
Observaț ii ș i sugestii: