Webedit User Manual
Contents
1. B External Link Fa E tail Link qs Upload a File Link Text want thistexttobe link Select a Page aia Assets caer Articles Qnmm gt Select a page me Articles dhtml E Testidhtml To a page outside of the website to an e mail address continue to page 8 To a document continue to page 9 Direct questions comments to support webedit gmail com 8 Revised April 18 2008 To a Page Outside of the Website e Click on the External Link Tab e Inthe URL box enter the website you would like to link to o Tip You can open the page you want to link to in another browser tab copy it s address with CTRL C and then paste it into the URL box with CTRL V e Click on Insert aaa External Link i p Link toa Page Link Text want this text to bea link Hawt Enter the site s address here fed E mail Link ip Upload a File To an E Mail Address e Click on the E Mail Link tab e Enter the desired e mail address into the E Mail box e Click on Insert Direct questions comments to support webedit gmail com Revised April 18 2008 To a Document Picture Data File of Some Sort e If the file has already been uploaded skip to the next black bullet point If it has not yet been uploaded do so now o Click on the Upload a File tab Click on Select Select the file you would like to upload Click on Open Click on Upload O O 0O O LLS 4 Page2. yet publishing won t do anything To get your site live talk to Logan Smith support webedit gmail com or Ken Millard ken_millard byu edu Every page when selected also has a PrevleW button in the top right corner If you hit this it will give you a better idea of what your site will look like on the actual web NOTE some functionality does not work in the preview The site must be published to view accurately Uploading Files e Click on the Blue Upload Files Arrow iP Upload files e Click on This opens a File Upload window e Select the file from your computer you would like to upload e Click O __A i Allows you to upload up to 10 files at once o You can select a ZIP file and check the H E tract z1P files box to upload multiple files at once Ea Uploads the selected files to the Assets folder Direct questions comments to support webedit gmail com 3 Revised April 18 2008 To Create a New Folder in a Folder e Right click on the folder you wish to add a sub folder to e Click on Add a Folder 4A 8 l Assets Properties Rename If you accidentally create the new folder outside of the desired old folder then you simply need to drag and drop it into the correct place But once it has been deemed a sub folder there is no going back without deleting it and starting over To Create a New Page in a Folder e Right click on the folder e Click on Add a Page trill Assets
3. If you want to edit the menu click on any page and then click edit on the menu bar L This Edit Button gt First Tier a Edit lt Not this one either Not this one There are two options on top of the menu a blue box and a set of chain links The Blue Box This option is used when you want something to go underneath such as a second or third tier As such most first tier menu items are blue boxes e The Links This one is used when nothing is going underneath the menu option Creating a Menu Option e Click on either the Blue Box or the Links This will bring up an Add an Item display e The Text Box is what will show up on the Menu i e First Tier above Then you have two options Link to a page within the site or Link to an external page Add an Item Text Menu Text ie First Tier or Home e Select the Radio Button for which you want Link to a page in the site or Link to an external page Direct questions comments to support webedit gmail com 19 Revised April 18 2008 o IF you selected Link to a page in this site Highlight the page or Asset you want to link to It will show up onthe Text x menu as Page 1 Link optional Make sure the proper P ka y Link to a page in this site radio button 1s selected H Assets E demo dhtml Select the page or Asset you z a want to link to Click Skip the next bullet points to the You o IF you se
4. Right Click gt Properties Rename If you have a page outside of a folder that you would like IN a folder just drag and drop the page into the desired folder e A Word of Caution There is no way to de folderize a page once it is in a folder It can move from folder to folder but will never again be free This really affects nothing other than the organization in this menu and the url Direct questions comments to support webedit gmail com 4 Revised April 18 2008 Editing Pages Select the page you would like to edit from the menu bar on the left ee eet Ll Assets rar Articles Home dhtral Select a page Articles dhtml Click the Edit button on the top of the center box 4 Main Page Fee C Est gt lt This one Related Links Edit This takes you to a new page with a toolbar across the top This page will henceforth be referred to as Page Edit Basics if you use computer writing documents these should be familiar e 7 Spellchecker checks the spelling e Copy makes a copy of whatever text or items are selected e 2 Paste inserts into the body of text whatever was previously cut or copied e Undo undoes the previous actions e _ Redo if you undo something you didn t want to hit this one and it will undo the undo E Bold makes the selected font Bold Or if the selected font is already bold will make it nor
5. amp External Link gh E mail Link A giz Upload a File J e The file will be in the Assets folder under the Link to a Page tab so go there and select the desired file Select an Image Open the Assets gt folder 4 Choose your S Garden_2 ipg document picture data ff Toco Toucan jpg file Kenobi jpg m kenobi jpg ff grass jpg e Click on Insert Edit AT T ER EEEE Yay You I want this text to be a link But not this text have a link Direct questions comments to support webedit gmail com 10 Revised April 18 2008 Removing a Link e Select the text image with the link that you would like to remove e Hit the Remove Link icon Edit Select I don t int the text Direct questions comments to support webedit gmail com Revised April 18 2008 and lick the button sIla Creating a Table e Click on the Insert Table button which opens a drop down menu Insert Table Button gt Cancel Table Wizard e Move your mouse over the white boxes to choose how many rows and columns you want Blue boxes show what you ve selected 4 x 4 Table Italso tells you Table Wizard your dimensions t 4 F zal Fa e Click and the table will be inserted for your filling pleasure The cells will expand _ The cells automatically expand as they are filled a a a ea o O Oo Direct questions comments to support webedit gmail com
6. Select the page you want to link to or enter the complete url for an external page Links Link to a page in this site AL Assets Choose A pape j H D Articles in the site E Home chem Articles dhtml Test dhtml or out of it Make sure the proper radio ae button is selected Link ta an external page Enter the full url it s easiest to copy and paste cik Edit w Add a Link Test Link Edit Oelete q You now have a link Test Link Direct questions comments to support webedit gmail com 16 Revised April 18 2008 What s New Today At the bottom of the Home Page there is a What s New Today bar which is handy for posting news of interest announcing upcoming events or other little blurbs as you deem fit Once created the items can be edited at any time and are easily removed Adding an Item e Click on the Edit button CA Edt gt e Click Add a What s New Item Edit aP dd a What s New Ite e Enter a headline choose a picture if desired and then enter the synopsis which should be a SHORT little blurb about the item Headline l Click Browse to find a picture of the Enter a headline appropriate size 130x85 on your lt computer select and click Open Image The final image will be resized to 130 pixels wide and 65 pixels high File name Selected image is entered here k q ien D Files of type All Files we Cancel Synopsis E Ent
7. the page will show up as in the left navigation bar and the url It will be automatically filled in with the first word of the Title Create anew page Title File name Pagel idhtml lt This is filled automatically Don t use spaces or punctuation if you change it This is what will show up in the url so keep it simple and Template make sure it s correct Use the default Default ye i for your page Title goes here __y Cancel _ o See Editing Pages below for how to add content to your page Direct questions comments to support webedit gmail com 2 Revised April 18 2008 i 4 Upload files allows you to choose documents from your computer to upload to the site They all go to the Assets folder These are very o Assets are all the pictures documents etc that have been uploaded and important to are used somehow 1n the site note and I o Do not use spaces or punctuation in the file name cannot stress how much O All pictures pdf files word documents etc linked to from used in the site MUST be uploaded to the assets folder in order to work properly pion iid o Just because a picture document works in the editor or preview koi when it is copied and pasted from another location does NOT mean it will work when the page goes live Upload the file and replace it P Rii Makes the pages changes available on the actual world wide web when you are finished o If your page is not live
8. 12 Revised April 18 2008 Making Changes When you have a cell selected there will be a circle with an X in it above the cell This circle deletes the entire column The triangles insert a column to the respective sides The circle on the left side of the cell deletes the entire row with the triangles inserting rows to the respective sides You can also make changes to the table by clicking the Insert Table button with the buttons below the Table Wizard ee ee eee D Circles and 3 the ME IIs autornaticall r Eana nd ob triangles for i adding or deleting rows columns Da er a ae ee ee a These can be used to change your table and are also accessible by right clicking on a cell Table Wizard within the table e Table design o Choose how many columns and rows you want in your table with the Plus and Minus buttons next to Columns and rows o Also lets you merge cells and rows as you desire with the Column Row Span buttons o You can select different cells by clicking in the graph Merge the selected cell with the one directly to the right or divide them again Change the number of rows You can select different cells by clicking on them Merge the selected cell with the one directly below or divide them again Direct questions comments to support webedit gmail com 13 Revised April 18 2008 e Table Properties fre RN o Dime
9. The Webedit User Manual Contents 1 Getting Started a Creating a New Page b Uploading Files c Creating a New Folder 2 Editing a Page Giving it content a Basics b Adding an Image i Editing an Image Adding a Flash File d Adding a Link i To Another Page Within the Website i Toa Page Outside of the Website i To an E Mail Address iv To a Document Picture Data File of Some Sort v Finishing Adding a Link e Removing a Link f Creating a Table 1 Making Changes to the Table i Table Wizard 3 Related Links 4 What s New Today 5 The Menu a Creating a Menu Option b Creating a Second Tier c Creating a Third Tier T Direct questions comments to support webedit gmail com Revised April 18 2008 NMANWWN WN Sign in at webedit byu edu with your net ID and password There is a menu on the left for all the folders and pages that have been created so far Site Home Top Menu G B a A lll B D Assets PONER B E Articles l Home dhtml Pages gt E Articles dhtmi w Test dhtml Along the top of this menu are four options add a folder add a page upload files and publish the site o Di Add a folder Creates a new folder for easy organizing o The organization of pages within the folders has no effect whatsoever on how they are organized within the actual website o See page 4 for more information on folders Bi Add anew padt Creates a new page o File name is what
10. but leave it blank Then follow the directions for creating the second tier options above but move it down a level Make sure the proper i iei i Link to an external page radio button is Leave this Blank selected 1 la 2 Follow the directions E First Tier for creating a menu option E First Tier H znd Tier ae is Menu Option 2 H E 2nd Tier as found above ia Menu Option 2 shes ma F 3rd Tier Pull Gown SB 3rd Tier Option Select the Option l You have a Tier 3 First Tier Going to the Preview will let you see your 3rd Tier Option handiwork 4 Hain Page z viai eee rd Tier Pull Down Direct questions comments to support webedit gmail com 21 Revised April 18 2008
11. e Click on the InsertFlash button in the toolbar Looks Hke this e IF the Flash file has already been uploaded to the system o Open the Assets Folder o Select the Flash file you would like to enter Select an Image Open Assets folder __ Select a flash E file swf file gt p Mesoamerica swf Lo fE Southwest swf E Articles e IF it has not yet been uploaded do so now o Click Select Find the flash file you would like to upload and click on it Click Open Click Upload The file will automatically be added to the assets folder and opened for you all you have to hit is the Insert button O O O O Step 2 Upload a New Image C lt _ Step 1 i lt i Files of type All Files we Step 3 Direct questions comments to support webedit gmail com 7 Revised April 18 2008 Adding a Link e Select the text or image or enter the text or image that you would like to link to something or somewhere else Edit _vaa ie c ae ol Textis if want this text tacks a link selected But not this text e Click on the Custom Link Manager button in the toolbar Edit 7 aaga e aA A The midde MI want this text to be a link But not this text one To Another Page Within the Website e Under the Link to a Page tab the default select the page you would like to link to e Click on Insert Ac ie es es is aie akg g i d Add al nk m p A fap LinktoaPage
12. er a SHORT blurb in this box optional links E 7 Uje a can be added w in the text if wanted 1 e more or Click here leads to the full story See Adding a Link above pages 7 9 to add links to the text e Choose where you want the Item to link to for the full story or a more in depth description of the item whether it s a page within the site or from a different site The link will be created in the headline Direct questions comments to support webedit gmail com 17 Revised April 18 2008 Link Choose a page E Articles in the site HoE Home dhtml B Articles dhtml B Test dhtml or out of it Make sure the proper D Link to an external page button is selected Enter the full url it s easiest to copy and paste Add ttem e Click cic SE You have a finished product Test This is only a test Direct questions comments to support webedit gmail com Revised April 18 2008 18 The Menu The menu is capable of three tiers for options The first tier is the light blue line where Home is normally located The second tier is the dark blue line underneath where sub categories under the first tier go Second tier options will either change the page or open to the third tier The third tier 1s made up of sub categories under a second tier option and appears as a box First Tier Here s a little 2nd Tier eMenu Option 2 example menu rd Tier
13. image allows you to choose a picture to use as the background of your table o Border lets you add borders As well as choosing the color and thickness e Cell Properties o Each selection Alignment Background Dimensions etc applies only to the cell selected in the grey grid Look under Table Properties for directions they re the same except Cell Properties applies the changes ONLY to the selected cells instead of the whole table o Heading Row allows you to add a title to your table o Heading Column does something like put the title underneath the table when there is no Heading Row o Caption Alignment affects where the caption goes in relation to the table either floating above or sitting right on top o Caption This is the title of your table Summary No idea what this does o Associate cells with headers means the size of the caption is affected by the table O Direct questions comments to support webedit gmail com Revised April 18 2008 _15 Related Links On the left side of the page is a box called Related Links This is where you can put handy links that you want accessible from every page Click the edit button to open the Link Manager Note The links will appear in the order you enter them Clicks this leadet6 Edit something like this add a Link There are no links yet so let s add one set e Click Add a Link e Text is what will show up on the side as the link e
14. lected Link to an external page Enter the full url for the page you want to link to Make sure the proper Link to an external page radio button is aa oi oe Full url with http selected Click You have now created a new Menu option Click Save and it will show up on Tier 1 Ta da Tier 1 Menu Option Like this gt First Tier Page 1 Creating a Second Tier To create the second tier you can either drag amp drop or you can create it as a second tier option from the start First the drag and drop with Page 1 we just created 1 E e 2 a amp 3 E e Bl cet 7 Drag it up ears El 7 First Tier m E First ie l The cursor will Ejs First Tier H E znd Tier ms GAS be a hand and il end Tier ane Menu Option 2 i ml Menu Option T the First Tier piri m Menu Option Z i E lt Select the i E underlined u E Option Release the It is now Tier 2 mouse button Direct questions comments to support webedit gmail com 20 Revised April 18 2008 OR you can create it as a Tier 2 from the start 1 E 2 Follow the directions 3 E nA RF i t ie Select the for creating a menu option E W First Tier as found above h E 2nd Tier Option es E Menu Option 2 i il It is automatically created as a Tier 2 Creating a Third Tier When creating the second tier that will be the pull down for the third tier select Link to an external page
15. mal Also if you click it before typing will make all new text bold until being deselected o J UA Italics Underline and Strikethrough same rules as Bold but will italicize underline or strikethrough the text respectively Alignments change how the content is aligned within the page Left center right align respectively Justify spaces everything out to the margins Advanced At the bottom left of the page are two symbols These change the way you view the content ae Let s you view the html of the content It is not needed to create the content and is meant for the rare occasion Takes you back to the default view of the content from the html view Direct questions comments to support webedit gmail com 5 Revised April 18 2008 Adding an Image i TEER 2a lt 4 Looks like thi e Click on the Image Editor icon in the toolbar a Eee tiene er e IF the Image has already been uploaded to the system o Open the Assets Folder o Select the Picture you would like to enter Select an Image Open Assets folder __ Select a picture _ lt lt Toco Toucan here will have problems because of the space in the name jm Garden _3 jpg e IF it has not yet been uploaded do so now o Click Select o Find the image you would like to upload and click on it Make sure there are no spaces in the file name o Click Open o Click Upload o The picture will automatically be added to the asse
16. nsions sets how large you want your table to be if you want it to be a fixed size Just entering a number sets how many pixels it will be Adding a will set what percent of the page it will take up This table will be 346 aidh 346 ox pixels wide and will be a _ tenth of the page high cog ia o Layout Background lets you choose a color for your table to be Alignment t ae ae Choosing a color fills in Cell Padding the whole table The i white box with an X means No Fill Alignment refers to where the table will sit on the page Aligns Left El Aligns Center E Aligns Right Cell Spacing is the space between cells the larger the number the further apart they ll be with spacing with spacing with spacing with spacing Neither Spacing nor Padding adds the borders that was just to make it easier to see the effects Borders are discussed below no spacing ne spacing are further apart than no spacing no spacing the cells in this table Direct questions comments to support webedit gmail com 14 Revised April 18 2008 Cell Padding is the space between what s inside the cell and the cell wall so the larger the number the further apart from the wall the text will be with padding with padding with padding with padding no padding no padding no padding no padding Cell Id is a way to name the cell sort of like a title o Background
17. ts folder and opened for you Upload a New Image Step 2 Ca lt _ Step 1 Files of type All Files we Step 3 e Changing the Alignment will change where the image sits on the page o Normal sits it within the text wherever the text cursor happens to be o Left floats it to the left so the text will be worked around the image o Right is the same as Left except the image is on the Right side of the page o Alignment can also be changed later with the alignment buttons in the toolbar across the top See Basics above e Textual Description is what will show up when you mouse over the picture or will show up if the picture doesn t Direct questions comments to support webedit gmail com 6 Revised April 18 2008 Editing an Image Note this is only accessible before inserting the photo Clicking on the Edit Picture button will open a new screen in which you can do all sorts of fun and crazy things 1 Change the Size of the picture by clicking on it and then moving your mouse around until you achieve the size you want it to be 2 Crop the Picture by selecting the Crop Picture icon in the top left a Cover the part of the picture you want to use with the blue box 3 Rotate the Picture to the Left or to the Right will turn the picture on its side or even upside down When your picture is all uploaded edited and ready to go click on Finish if needed and then click Insert Adding a Flash File i i lt _ 1 1
Download Pdf Manuals
Related Search