Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
2017.03.01 CreateWebSiteinVisualStudio andPublishtoMicrosoftAzure Hans-PetterHalvorsen Contents 1. 2. 3. 4. 5. CreateWebSitewithVisualStudio MicrosoftAzure MicrosoftAzureforStudent CreateAppServiceinMicrosoftAzure PublishyourWebSitetoMicrosoftAzure 1 CreateWebSite withVisualStudio Hans-PetterHalvorsen CreateaWebSitewithVisualStudio Note!MakesuretheSourceCode shouldbestoredinyourTeam ServicesProject CreateaWebSitewithVisualStudio YourStartPagecanbe named“index.htm” VisualStudioHTMLEditor Note!DuetothebrandnewHTMLeditorinVisualStudio,staticHTMLfilesno longerhastheDesign|Split|Source optionsenabledbydefault. • • • • That’sbecausethenewHTMLeditoristhedefaulteditorforallHTMLfiles withtheexceptionofASP.NETWebFormsfiles(.aspx,.ascx,.master). However,itisonlytheWebFormseditorthathassupportforthedesigner andsplitview. Soallwehavetodoistomapour.htmlor.htm filestousetheWebForms editorinsteadofthenewHTMLeditor. Simplyright-clickany.html/.htm fileinSolutionExplorerandselectOpen With… HTMLEditorinVisualStudio Createyour HTMLCodehere! CodeEditor Simple“WYSIWYG” Editor+Preview WearegoingtomakeaWebPagelikethis: <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> HTMLCode SimpleHTMLPage Example <p>My first paragraph.</p> </body> </html> WebBrowser: 10 TestinBrowser HitF5toRunIt OrSelect“ViewinBrowser” Createaproper Folderstructure,e.g.: Youshouldalwaysthink structurebeforeyoustartcoding MyWebSite /css ... /documents ... /html ... /images ... /js ... index.htm StartwithanemptyHTMLPage CreateTitle, HeaderandText CreateImages CreateHyperlinks Hyperlinkscanbeother webpages,documents,etc. CreateCSSFile Hereyouseeasimpleexample: CreateCSS Explore! FindColors,FontSizes, etc.thatfitsyoursystem 2 MicrosoftAzure Hans-PetterHalvorsen CloudComputingandHostingProviders TheyrentCloudbasedserviceslikeVirtualMachines(ComputerswithOSrunninginthe Cloud),WebServer,DatabaseSystemstoCustomersbasedonMonthlyFees MicrosoftAzure • MicrosoftAzureisacloudcomputingand hostingplatformfromMicrosoft • “WindowsrunningintheCloud” 3 MicrosoftAzureforStudents Hans-PetterHalvorsen MicrosoftAzureforStudents WithMicrosoftImagine,studentcangetfreeaccesstoMicrosoftAzure portal.azure.com 4 CreateAppServiceinAzure Hans-PetterHalvorsen CreateAppServiceinAzure CreateAppServiceinAzure CreateAppServiceinAzure Enteraproperandvalid NameforyourWebSite CreateAppServiceinAzure 5 PublishWebSite toMicrosoftAzure Hans-PetterHalvorsen PublishWebSite PublishWebSite PublishWebSite YouareFinished Hans-PetterHalvorsen,M.Sc. UniversityCollegeofSoutheastNorway www.usn.no E-mail:[email protected] Blog:http://home.hit.no/~hansha/