Web page design

WEB PAGE DESIGN ,,; • ff " Amodern Them~ brDesigners •" ~·"1'·•-$,-nr,,•~1"11;'ocurne~ ~Foli:kr; D ., ~ I[iia MobkStƠtcts ~P; _,_(CllN) JQuôyM:::ibitO-oc.el) )Quety v,llJihftltO,.OQI) I -o~ ' FudGl'ldL~ SIOIICI T~ c t CJ s ,_ I UStf ~IQQttdcn •'otl'l'IOCt stt\ftt -·~· I t10b l~"'~- =-:3 ~~ Figure 8.2: New Document Using Starter Template Enable the Follow Links Continuously (View ➔ Live View Options), and switch to Live View For testing the working of the application, use the navigation components Select Insert ➔ jQuery Mobile You can see th e com ponents that you can add to the Web application Place the cursor at the location where you want to insert the component in the Design view and select the required component in the Insert Panel You can customize the components using the options in the dialog box QOuery Mobile - Local) The j Query Mobile files are copied to a folder in the HTML file location when you save the HTML file 8.3.4 Creating Web Application for Mobile Devices from a New Page The Page component acts as the container for all the other j Query Mobile components Before proceeding to insert other components, you must add the Page component Select File ➔ New Select Blank Page ➔ HTML Some of the jQuery Mobile components use HTML5-specific attributes To ensure HTML5 compli ance during valid ation, ensure that you select HTML5 as your Doc Type Select Insert ➔ jQuery Mobile Select the Page component from the Insert panel to Design view (Refer to Figure 8.3) jQue-ry Mobile file:: "' ~ - I CSS~: o si:,lt(SC"UCb~Mdl'heM) L MN'~ c.ui I He\> =i jQue'yl.hry Scutt: ile /JIC:l,'Progam F,les (x86YAdobe/Adobe Orearrrweave, CC/Conf»gu Iii jQu«y Mobk l.w~t: 1QUery-moblelJqUery moble-1 Omar ,s J()J,try- Mobk C:SS: J(1Jery-moble!Jqlle tag You can modify your _ _ file for displaying the page as intended in both these orientations a HTML b css C Ratio (w/h) d CSS Designer Until you save the _ file to your computer, the JavaScript and CSS files are copied to a local temp directory a HTML b Media query C jQuery Mobile d Local After unlinking an asset, any changes to the source file on Creative Cloud will not be reflected in the _ in your Web page a Output File b Image C Video d GIF Answers to Exercise Media query css HTML Image Answers to Quick Test Quick Test 8.1 False True Quick Test 8.2 True True TECHnD-WISE THE TECHNOLOGIES OF TOMORROW ... Dynamic Websites Server Models in Dreamweaver Setting up Dreamweaver Creating Dynamic Web Pages Live View in Dreamweaver Displaying XML Data in Web Pages Password Protection for Web Pages Making a Website... the page properti es for each Web page, the Page Properties dialog box (Refer to Figure 1.21) is used To open the Page Properti es dialog box, on the Modify menu, dick Page Properties The Page. .. aspects of a page design New page properties can be assigned for each new page and modify those for existing pages Changes made in the Page Properties dialog box apply to the entire page - -