网页开发——从接触到编写输出一个DIV
步驟一:網頁開發所需工具
編輯器:sublime ?notepad++ (選一個即可推薦使用sublime)
游覽器:Firefox(火狐游覽器)chrome(谷歌游覽器)
?
?
步驟二:裝載開發環境(軟件的下載與安裝)
軟件可以到網上下載,可以在我的主頁下載!這里需要講的是安裝完sublime桌面可能沒有快捷方式,就需要在你安裝的目錄里,找到應用程序右擊發送到 ? 桌面快捷方式!
步驟三:新建一個空白網頁
為了以后便于網頁的保存,可以建立一個文件夾,在文件夾里新建空白網頁!
現在文件家里新建一個文本文檔
然后把文本文檔的名字加上后綴名改成index.html
改完之后就會顯示成網頁了,如果電腦沒有顯示后綴名需要需要在文件查看里設置,系統不同設置也會不同!Windwos7需要把“隱藏文件擴展名”勾選掉!
?
步驟四:設置網頁的打開方式
新建的網頁圖標可能會變成空白,這個時候就需要設置打開方式了!方法是右擊空白網頁——打開方式——選擇firfox即可!
步驟五:開啟網頁開發之旅
1,先把你安裝的sublime打開!
2,然后可以直接把文件拖拽到sublime里,或者點擊 file——openfile——找到你建的網頁打開就行!
?3,打開之后上面會顯示sublime,接下來就可以編寫代碼了,
首先寫出基本框架,以后無論怎么編寫代碼,基本框架是不變的!
?4,建立一個div 并設立 寬,高,顏色,邊框,內容在<body> </body>中間寫,標題在<title></title>編寫,樣式在<head></head>命令中的<style ></style>中間編寫!
5,編寫完記得ctrl+s保存!打開你新建的網頁就可以看到效果了!
到這里,就了解網頁開發的基礎流程,想要學好貴在堅持!
?
轉載于:https://blog.51cto.com/wwwlyl/1918526
總結
以上是生活随笔為你收集整理的网页开发——从接触到编写输出一个DIV的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 数据库SQL Server2012笔记(
- 下一篇: 前台服务(在通知栏显示服务)