Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
Download Create Web Site in Visual Studio and Publish to Microsoft
Document related concepts
Transcript
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/
