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