Interface. Menu Document Insert Panel Management.
-
Upload
barnard-dixon -
Category
Documents
-
view
213 -
download
1
Transcript of Interface. Menu Document Insert Panel Management.
WorkspaceInterface
Menu Document Insert Panel Management
Bars and Panels
Open Classwork site Open practice.htm
Menu Bar
Save all Close all Share my screen Save as template Preview in browser Device central
File…some options
Create a new page named ImportWord.htm
Preferences Paste Special
◦ Create Word2007 document◦ Mess with fonts, styles,…◦ Select, copy all◦ Close Word◦ Paste special into ImportWord.htm page◦ Why? May have existing content as Word docs
Edit
Practice to importword.htm Importword.htm to practice.htm
Review Linking
Rulers We often limit the width of a page, not
height Picture elements Common width is 1024 pixels What is width of our monitors?
◦ Personalize◦ Don’t design width to be 1024, or 800
Chrome Use 780 width for assumed 800 x 600 resolution
View Menu Option
Page Properties◦ Make background of picture.htm be yellow◦ Assign a name
Modify Menu Item
Serif vs. sans serif Verdana, Georgia common Indent/outdent options Spell check Headings 1-6
Text
Document toolbar
Files CSS Behaviors Management
Panels
Select your HelloWorld image 72 pixels/inch Make it 300 pixels wide
◦ Ps button◦ File>Save when done resizing◦ Units: Pixels
Aspect ratio stayed the same
Property Panel:Images
Property Panel:Text
Insert Toolbar
Another way to link pages Open practice page Type “Home” Select it Click anchor tool Target options
◦ _blank …page opens in new window◦ _self …page replaces current one
Hyperlink tool
Use Word to create a new pdf document Save in Classwork/Images Close Word On practice.htm page, type View pdf Link the words to your pdf Linking to a graphic
◦ Don’t!!◦ Add the graphic to a page and link to the page
Linking to pdfs, images
To present tabular data For layout Practice page
◦ 2 columns, 5 rows◦ 80% of page◦ Border 5 pixels◦ Cell padding and cell spacing 2 pixels each◦ Browser defaults are padding, border=1, spacing
=2◦ Make BG be a light blue◦ Select a cell and change the font to Comic Sans
Inserting Tables
That’s it for the workspace/Interface Let’s do something a bit more elaborate
next
End