Exercises For Web Design Dreamweaver Cs5-Books Pdf

Exercises for Web Design Dreamweaver CS5
08 Dec 2019 | 37 views | 0 downloads | 19 Pages | 1.36 MB

Share Pdf : Exercises For Web Design Dreamweaver Cs5

Download and Preview : Exercises For Web Design Dreamweaver Cs5


Report CopyRight/DMCA Form For : Exercises For Web Design Dreamweaver Cs5



Transcription

IKT Advanced Multimedia Group,Oktober 2010,MUDI COB og RUF. Getting started 4,Adding Images 5,Exercises how to use Dreamweaver 6. Exercise 1 Creating and uploading a new Website 6,The Structure of Websites 7. Upload the Website to a Web Server 8, Exercise 2 How to use the Layout Table and the embedded Table 9. Exercise 3 Creating a Website and structuring the Front Page 11. How to use embedded Tables 12,Creating a Template 14.
How to use the Template 15,How to add or change the Template 15. Attach the Template to existing Pages 16,How to insert Images with Mouse over Effects 17. Another Behavior Open in a new Browser 18,Margit Gr nborg 2. ASB Media Aarhus School of Business,University of Aarhus. IKT Advanced Multimedia Group,Oktober 2010,MUDI COB og RUF.
In this course you will learn the basic skills to establish and maintain a simple website using Adobe. Dreamweaver which is a standard web authoring tool. Because the internet is,The largest media on earth. The fastest growing media on earth,The most dynamic media on earth. The cheapest media on earth, All web pages are based on code such as HTML PHP and ASP Making web pages directly in HTML. code is rather time consuming and ineffective and therefore a variety of web editors are offered by. various software companies e g Adobe Dreamweaver,The way to make a website. 1 Edit the pages on your own computer, 2 Upload the pages to a web hotel This is done by software called FTP File Transport Protocol FTP.
is built into Adobe Dreamweaver The web hotel will make the website accessible to all internet. Margit Gr nborg 3,ASB Media Aarhus School of Business. University of Aarhus,IKT Advanced Multimedia Group. Oktober 2010,MUDI COB og RUF,Getting started, When you open Dreamweaver you will get the following picture on your screen. Press HTML to open a new page in the editor and you will get the following picture. Note that this is how you create a single,webpage later on you will learn how to. create a website structured around more,than just one page.
Margit Gr nborg 4,ASB Media Aarhus School of Business. University of Aarhus,IKT Advanced Multimedia Group. Oktober 2010,MUDI COB og RUF, On the right hand side you will see the local files of the websites which means the files stored on. your computer So far it is empty because we have not made any files yet. Adding Images, In order for Dreamweaver to handle images you need to copy all the images to the root folder of. your site Create a subfolder called images and put all your images in there You create a subfolder in. Dreamweaver by right clicking on the pane on the,right hand side and select New folder GRAPHICS.
Stick to the following rules for the best result, Now you can add images by drag and drop from the 1 All graphics in web pages should be. either gif or jpg format,pane and into the editing window When you do this. 2 Use gif for graphic images line, a box will appear where you can add alternate text drawings images with few colours. Please notice that you do not have to name your logos etc. picture RELAX like in the picture below Name the 3 Use jpg for Photographic images. picture anything you want to, If your background colour is not white you will see that the image has an unwanted white border. You can remove this by using the cropping tool to adjust the frame. Margit Gr nborg 5,ASB Media Aarhus School of Business.
University of Aarhus,IKT Advanced Multimedia Group. Oktober 2010,MUDI COB og RUF, If you want to resize the image you have put onto your webpage this is done by dragging one of the. corner handles to constrain the proportions hold down the Shift key while dragging Please notice. that all minor size adjustments should be done in this way as image quality deteriorates. Exercises how to use Dreamweaver, In the following you will be given some exercises which should give you some experience in using. Dreamweaver for web design,Exercise 1 Creating and uploading a new Website. 1 Open Dreamweaver and create a new website, Choose Create New Dreamweaver site like shown above.
2 A guide will start and will ask you to name the site e g mywebsite Do not type in any http. address Name it and select a location for the site to be saved. 3 Click save,Margit Gr nborg 6,ASB Media Aarhus School of Business. University of Aarhus,IKT Advanced Multimedia Group. Oktober 2010,MUDI COB og RUF, You have now created a website but as this point the website only works in Dreamweaver This. means that all renaming and deleting of files should always be done in Dreamweaver Otherwise the. hyperlinks will not work anymore, You can see the website and the files you will put into it later in the pane in the right hand side of. Dreamweaver, 4 Choose Create New HTML to create a new page which is going to be the front page of your.
5 Save the page in your local web folder on the M drive TIPS. the front page must be named either index html or When an asterisk is shown. after the filename it means that,default html,there are unsaved changes to the. 6 In Properties in the bottom of the screen click on the. page After saving the asterisk, button Page Properties Here you can change the will disappear. background colour font and type size and in Press F12 for preview of the. Title Encoding you can insert the title of the page webpage. which will be shown in the title line of the browser. You are now ready to write on the front page on your new website. The Structure of Websites Rules for file names for web pages. It is a good idea to take some time to plan your website 1 The first page should always be. named index htm or default htm The, The following three questions are useful to consider. browser will always look for one of, Who is the audience these files when directed to a web. How does that affect design and functionality address. What structure do you want 2 File extensions can be htm or html. 3 Only lowercase letters should be used,and only letters from a z and.
You should now create a website about yourself containing. numbers from 0 9 Never use special,the following characters or symbols in filenames. The Danish characters and are,considered as special characters as. well as space etc Underscore,Margit Gr nborg 7,ASB Media Aarhus School of Business. University of Aarhus,IKT Advanced Multimedia Group. Oktober 2010,MUDI COB og RUF, 1 The index page front page should contain an introduction in which you describe yourself Insert.
an image of yourself if you have one You should also make links to the other pages in the website. 2 The hobby page should contain a short description of three of your hobbies or interests Insert. some fitting pictures, 3 The hyperlink page should contain external links to three of your favourite web pages. 4 In the study page you should write about your education. Save the files in your local web folder and check that you pictures also appear in the website folder in. the Files pane,Upload the Website to a Web Server, You are now going to upload your site to your web folder so that the pages can be seen on the. 1 In the file pane choose the icon Connect to remote host. 2 In the display window that appears click the small plus sign. Margit Gr nborg 8,ASB Media Aarhus School of Business. University of Aarhus,IKT Advanced Multimedia Group. Oktober 2010,MUDI COB og RUF, 3 Another dialog box pops up and under the Basic tab drag down the list arrow next to Connect.
Using and choose Local Network Click the folder icon next to Server Folder and select the W. 4 Click Save and then Save again, 5 Click OK in the dialog box The cache will now be recreated. 6 A connection should now be established to the web server and all you need to do is move the. website Click on Put file s, Exercise 2 How to use the Layout Table and the embedded Table. Your assignment is to create a fan page for Robbie Williams which should look somewhat like this. Margit Gr nborg 9,ASB Media Aarhus School of Business. University of Aarhus,IKT Advanced Multimedia Group. Oktober 2010,MUDI COB og RUF, Create a table with one column and a fitting Cells in tables can be merged by selecting two or more cells.
number of rows In the row where the, and clicking on the button in the lower left corner of. image should be placed create an the screen, embedded table with two columns and a Tables can be nested which means that you can have a table. number of rows The cells can be merged if within a cell of another table. needed The column width or row height of a table can be adjusted by. typing in H values and W values in the Properties box in the. current column or row,Find a fitting background pattern the button. and an image of RW on CampusNet You can copy and insert the text below. Robert Peter Williams more commonly known as Robbie Williams born 13 February 1974. Stoke on Trent Staffordshire England is a Grammy Award nominated and multi BRIT. Award winning English singer songwriter His career started at the age of 15 as a dancer. and singer of the pop band Take That in 1989 which he left in 1995 to launch his solo. career He was raised in Stoke on Trent with a sister Sally by Peter and Janet Williams. their parents He attended Mill Hill Primary School and St Margaret Ward s Roman Catholic. School Tunstall As a solo artist he has sold more albums in the U K than any other. British solo artist in history and has won more BRIT Awards than any other artist to date. Margit Gr nborg 10,ASB Media Aarhus School of Business. University of Aarhus,IKT Advanced Multimedia Group.
Oktober 2010,MUDI COB og RUF, His album sales stands at over 55 million worldwide Williams entered in The Guinness. Book of World Records when he announced his World Tour for 2006 selling 1 6 million. tickets in one single day He has been the recipient of many awards including ten BRIT and. six ECHO awards In 2004 he was inducted into the UK Music Hall of Fame after being. voted as the Greatest artist of the 1990s He appears in the list of the all time Top 100. biggest selling albums in the United Kingdom six times It is also estimated he is currently. the best selling non Latin artist in Latin America at the moment with over 3 million sold. Remember to insert paragraphs and change the font and colour. Insert a button in the bottom of the page with a link to the official Robbie Williams website. http www robbiewilliams com, Remember to change the title of the page under Page Properties Save the page and preview it by. using the F12 button, Exercise 3 Creating a Website and structuring the Front Page. Most websites are created by the same table structure. because this makes it easy to control the layout LINKS. Your assignment is to create a website for the wrestling There are three basic types of links. Internal links links that makes a jump, club B Strong with the same structure as shown above. within the same page,Local links links that jump to another page.
Margit Gr nborg within the same website 11, ASB Media Aarhus School of Business External links Links that open a page form a. University of Aarhus,website outside your own, You can use a string of text or an image as a link. IKT Advanced Multimedia Group,Oktober 2010,MUDI COB og RUF. In order to make it a bit easier for you you can leave out the division between the menus on the left. hand side and the main text You can put all text into one cell in the table Below is shown an example. of how the website might look like,How to use embedded Tables. 1 Create a new local web folder on the M drive called B Strong and then create a new website in. Dreamweaver with the same name see exercise 1 Open a new html page and save it as. index html, 2 Define text hyperlink and background colour and define font size title etc in Page Properties.
3 Create a table with four rows and one column The table should be 760 pixels wide. Margit Gr nborg 12,ASB Media Aarhus School of Business. University of Aarhus,IKT Advanced Multimedia Group. Oktober 2010,MUDI COB og RUF,4 Centre the table see picture below. 5 In the first row of the table you should insert a banner If you have created and saved your banner. from Photoshop image processing module in the last semester can be inserted here perhaps. after a change to the text of B Strong and regulation of banks Otherwise you can use the file. banner from Campusnet You might change the background color of the cell to match the colors in. the selected banner Center the picture, 6 In the second row you should make an embedded table with one row and the number of columns. equivalent with the number of subtitles you want e g five. 7 Write one of the following link texts in each cell About Contact Members Pictures and News. Margit Gr nborg 13,ASB Media Aarhus School of Business.
University of Aarhus,IKT Advanced Multimedia Group. Oktober 2010,MUDI COB og RUF, 8 Write a short welcome text in the third row Insert paragraphs where it fits It could be useful to. create an embedded table with one column and one row to control the placing of the contents. 9 In row four you should fill in information about the club Name address telephone number and. email address,10 Save the page and preview it by pressing F12. Save the files in your local web folder and check that you pictures also appear in the website folder in the Files pane Upload the Website to a Web Server You are now going to upload your site to your web folder so that the pages can be seen on the internet 1 In the file pane choose the icon Connect to remote host 2 In the display window

Related Books

SafetyLit is a free service of the

SafetyLit is a free service of the

SafetyLit Weekly Literature Update Bulletin A longitudinal analysis of the relationships among daytime dysfunction fatigue and depression in college students Shim EJ Noh HL Yoon J Sol Mun H Hahm BJ J Am Coll Health 2018 ePub ePub ePub

Devil Winston Clippings traildriver

Devil Winston Clippings traildriver

Devil Winston clippings compiled and transcribed by Steve Green Paducah Daily Sun December 12 1896 THE GRAND JURY Will Be in Session Another Week Some of the Indictments Have Been Returned several entries not copied except this one George Winston and Viny Stubblefield for breaking into a shanty boat of N F Roberts and stealing the furniture Paducah Daily Sun December 19 1896 Th

Communication Participants practice effective

Communication Participants practice effective

communication participants practice different forms of communication SUMMARY OF THE ISSUE Communication is what we do to give and get understanding it is the process of sending and receiving messages Successful communication occurs when there is understanding Communication can be verbal using oral language to convey a message or non

Work Health and Safety Essentials for Nurses and Midwives

Work Health and Safety Essentials for Nurses and Midwives

Welcome to the 2nd Edition of OHS Essentials for Nurses now called WHS Essentials for Nurses and Midwives This revised publication coincides with the introduction of new work health and safety WHS legislation which came into effect in NSW on 1 January 2012 The legislation introduces a number of new considerations terminology standards and penalties as well as providing ways for

Health in prisons World Health Organization

Health in prisons World Health Organization

Mental health promotion in prisons a checklist 141 References 144 12 Dental health in prisons Amit Bose and Tony Jenner 147 Introduction 147 Dental health needs in prisons 148 Challenges in providing dental care to prisoners 148 Oral health promotion 149 Organization of prison dental services 150 Models of good practice 151 Conclusion 155

MULTIPLE CHOICE QUESTION EXAMINATION SPECIFICATIONS

MULTIPLE CHOICE QUESTION EXAMINATION SPECIFICATIONS

The MCQ examination is a test of the principles and practice of medicine in the fields of Adult Health Medicine Adult Health Surgery Womens Health Obstetrics amp Gynaecology Child Health Mental Health and Population Health amp Ethics The majority of the multiple choice questions reflect common clinical conditions in the Australian

POPULATION FOCUSED NURSE PRACTITIONER COMPETENCIES

POPULATION FOCUSED NURSE PRACTITIONER COMPETENCIES

The Essentials of Master s Education in Nursing AACN 2011 The Essentials of Doctoral Education for Advanced Practice Nursing AACN 2006 Oral Health Core Clinical Competencies for non Dental Providers to be released 2013 How to Use This Document The following pages include five sets of population focused competencies Each set is presented in a table format to emphasize the

Promoting Oral Health in Young Children

Promoting Oral Health in Young Children

practice good oral hygiene and ensuring that they receive appropriate care in case of dental emergencies The National Maternal and Child Oral Health Resource Center OHRC developed this publica tion Promoting Oral Health in Young Children A Resource Guide to provide information to health professionals program administrators educators policymakers and others working in states and

Oral Health Care During Pregnancy

Oral Health Care During Pregnancy

Futures in Practice Oral Health supported by the Maternal and Child Health Bureau to promote and improve the health and well being of pregnant women infants chil dren and adolescents e American Academy of Pediatric Dentistry the American Academy of Pediatrics the Amer ican Academy of Periodontology the American College of Obstetricians and Gynecologists and the American Dental

Oral Health An Essential Component of Primary Care

Oral Health An Essential Component of Primary Care

Qualis Health Oral Health An Essential Component of Primary Care White Paper 2 Foreword Strengthening the primary care delivery system investing in prevention and reducing unnecessary costs are national healthcare priorities As the leaders of organizations committed to advancing oral health we see a clear

Honda CBF600S SA N NA

Honda CBF600S SA N NA

Este manual ha de considerarse como parte permanente de la motocicleta y deber permanecer con ella si el usuario vende la motocicleta INFORMACI N IMPORTANTE Honda CBF600S SA N NA MANUAL DEL PROPIETARIO Toda la informaci n de esta publicaci n se basa en la informaci n m s reciente del producto disponible en el momento de aprobarse la impresi n Honda Italia Industriale S p A se