-
1 # 相易局
-
2 # 小嶶設計
一步一步來…
1.HTML 超文字標籤語言，包含標籤、屬性、顏色、實體等！學好這個就可以寫簡單網頁！
2.CSS 層疊樣式表，能夠對網頁中元，素位置的排版進行精確控制，字型字號樣式，擁有對網頁物件和模型樣式編輯的能力！學做這裡就可以做個簡單整潔的網頁了！
3. JavaScript 最流行的指令碼語言。基於物件和事件驅動的指令碼。透過嵌入HTML中來實現自身的功能，用來給HTML網頁增加動態效果等！
4.網頁編輯器，簡單易用的Notepad++，整體架構網站的用Dreamweaver。
就這樣吧，總之越學越深入…真正成為碼農！
-
3 # Python樂園
最近因為要做一個小型的網站，需求很簡單有點像公司內部的管理網站，和室友一起倒騰，發現了一些坑。我自己之前沒有接觸過python 但是發現真的非常好上手。
我們沒人會前端，所以最怕修改網頁，一開始選擇了Flask框架，我搞了半天遇到各種坑(還要修改css 麻煩)，中介軟體也不好用，勸大家用django，資料多,非常好用。
那麼開始說重點，需要做的哪些東西。
http://python.usyiyi.cn/ 是主要的資料，裡面是中文的資料建議一點點看下去。
1-專案環境搭建。
1.1第三方庫準備
開發環境是mac os 和ubantu 推薦大家下載一個第三方的軟體叫 "Anaconda" ,安裝非常簡單，直接執行指令碼就好。
安裝完了，可以到命令列執行 pip list。可以看到已經安裝的python第三方庫 。
此時我們是沒有django的庫的。
1.2IDE的安裝
IDE 使用eclipse，講一個工具Pydev,安裝自行百度,點點就行。
然後 到Eclipse了 New->Project->Pydev->Pydev Django Project,一路next 。發現eclipse 找不到Django 環境，回來點選 click here to configure an interpreter 然後把python interpreter 中的名為python的刪掉，那是系統預設的，改成anaconda目錄 下 bin/裡面的python。預設是2.7.11吧。忘記安裝目錄？一個命令 sudo find / -name anacon* 搞定~。找到以後加進去，到了圖一這一步就結束。
(圖1)
2-資料庫配置和使用
2.1資料庫連線檔案配置
我選了mysql，當然在這之前mysql的帳號密碼應該自己確定了吧。mysql配置應該簡單。但是如果要支援遠端訪問，比如你把資料庫放到雲上，別人機器上，畢竟開發不是一個人的事，我自己遇到的坑是"關於 mysql 配置檔案中的 bind-address"，自行百度，解決方案是刪除就好。(推薦幾個mysql 連線的桌面軟體，用Navicat ，或者mysql workbench 都是不錯的)。（後來發現這裡輸入密碼和帳號沒什麼用還是要去修改在與專案同名的app裡面的setting）。現在在mysql自己建立一個database 取名隨便。我叫test,其他欄位應該不用解釋瞭如圖2。
(圖2)
2.2建立APP（模組）
然後我們在工程里根目錄右擊->Django->Create App->輸入名字就好。因為網頁主要是MVC模式，創兩個吧。一個叫db 專用於管理資料庫(models 層) 第二個專用於後臺邏輯。名字隨便取因為可能要對應多個模組。django裡面增加一個app 就需要在與專案同名的那個app的setting中Installed_app裡面加入app名(如圖4)。我們加入以後目錄結構(如圖3.)
(圖3)
(圖4)
2.3用django模型層建表
資料庫正式開發，資料庫建立，在db的models.py中 對應資料庫中每個表寫class，就是定義好欄位，因為Django的目標是要程式設計師完全脫離資料庫的操作。那麼我們先不建表，cd 到你的工程目錄去，用命令列 用打入 manage.py migrate 命令。效果如圖5。
(圖5)
如果你的配置是沒錯的，此時django 已經在你的資料庫中建了很多表，都是django自帶的，我也沒有用起來，唯一用的是django自帶的資料庫管理介面，類似於Navicat，還支援搜尋功能，自己去文件裡 http://python.usyiyi.cn/django_182/intro/tutorial02.html 學吧。
然後在db的models裡寫一個表的程式碼。然後效果如圖6 還是用了Manage 指令碼。
from __future__ import unicode_literalsfrom django.db import models# Create your db here.class Message(models.Model): user_id = models.BigIntegerField(blank=True, null=True)(圖6)
到這裡表都結束了，實際開發中，我資料庫都是先建好的，那我全部都要寫每個類是不是很麻煩，有沒有偷懶的辦法呢？
答案是用./manage.py inspectdb
用了就知道，他會反向生成表的程式碼， 然後直接複製進models裡面就好了。
3-url 解析
3.1url匹配處理函式
在Django中 一般url解析分為兩層。
第一層負責解析APP的名，像我在test 裡urls.py裡寫的(如圖7)。第一個引數表示響應的url，第二個引數表示處理的模組。
（圖7）
第二層是解析到具體的模組中的某個函式來響應對應的url。
比如在view app 中的urls.py（需要自己建立） 寫的（圖8）url(函式中第一個引數為匹配路徑，後一個是對應函式名)裡面的home對應view app中的views.py 裡的函式home
（圖9）
3.2靜態網頁配置
其實到這個時候已經可以實現響應了。（到這裡還要解決一個問題 "Index/home.html"）在哪裡呢？我們此時創一個資料夾叫templates html都應該放在這裡，Index 是一個模組的名字。你可以在templates下面建很多個資料夾，對應很多的APP模組。（html就不屬於本文範疇了）此時目錄結構為
（圖10）
搞定了後別忘記在test的setting 里加上一句程式碼
（圖11）
"就是DIRS"裡面.想想也是，不然 Django怎麼知道我們的html放在這裡呢。
4-邏輯層(也就是最後一步了，怎麼樣把資料庫的東西查出來，放到html中。)
4.1資料庫中的資料
往表裡插兩條資料
（圖12）
4.2動態顯示資料
看下程式碼：html部分
（圖13）
裡面的{%%}是django 自帶標籤的自己看文件學一下就會。
（圖14）
裡面的Message.objects.all() 表示從Message表中取出所有資料。還有什麼複雜查詢自己看文件，一般都是filter exclude，django 還支援sql語句直接寫，函式名叫raw().
context就是返回給頁面的一個物件裡面放了很多值。在python裡叫字典（dict）
4.3啟動伺服器
最後我們用命令列來到我們的目錄，敲./manage.py runserver （要支援所有埠 和網路訪問加0.0.0.0）。然後出現
（圖15）
4.4檢視網頁
再到瀏覽器敲127.0.0.1：8000 django預設埠 （圖16）
4.5實際開發中問題
結果出來了。遇到具體問題就是查一些文件和stackoverflow。發現一個時區問題，建議和我改成一樣。把test裡面setting中的時區部分改成這樣。否則你會有八個小時的時差，
（圖17）
介面日誌介面
管理介面
使用的技術
python、JavaScript、CSS、htmlMySQL 資料庫jinja2 模板引擎Vue.js 介面框架Nginx Web伺服器gunicorn WSGI伺服器Supervisor 監控服務程序工具Fabric 自動部署工具學習過程
-
4 # 微思格
靜態網頁的話就學：
1.HTML超文字標記語言 2. CSS 層疊樣式表（學完這兩個就可寫出一個簡單的網頁） 3.JAVASCRIPT js指令碼語言 4.Ajax 這幾種語言就夠你寫出一個網頁了
動態網頁的話就學（以上都需要，再加上以下幾門語言）：
1.PHP 2.MYSQL（資料庫） 3..NET 4.ASP
順便送上幾個開發工具：
1.sublime_test3（最漂亮高擴充套件性的編輯器） 2.Dreamweaver （新手實用上手工具）3.jetbrain_intelliJ_idea 4.jetbrain_phpstorm 5.jetbrain_webstorm（jetbrain暴擊三連 手動滑稽） 6.其他編輯器（不多介紹）
當然了，如果你不想學這些東西，那麼你可以選擇以下方法：
1.網上搜 一鍵建站套餐，網上有很多建站網站，直接套模板，侷限性較大 2.網上有很多開原始碼，做影片站、部落格、論壇、微商店、問答社群等等都有相應的優秀原始碼 3.花錢叫別人幫你們寫網頁
雖然方法很多，要學的看起來也很多，但是既然是自己要做，那麼就應該要有決心去學習這些知識。
-
5 # warmin
新手有java基礎就用jsp+bootstrap就能寫個美觀的介面加後臺的小型網站，只要弄一個數據庫連線池或者也可以不用直接從網上copy一份連線程式碼以及java連線mysql的jar包就能直接在jsp上連線資料庫以及相關的程式碼編寫，相當簡單。bootstrap有中文官網，想要什麼樣式直接複製網站上寫的demo。jsp哪怕沒學過只需要一天不到的學習時間我覺得基本可以動手了。
回覆列表
我們先來分析自己的課題組需要展示的內容，一般課題組，就是發問題，解決問題，出成果等。
如果做成網站，我們第一步就要先學會設計網頁版面，這你應該要學會我們常用的PHOTOSHOP軟體，要先設計出課題級網頁的首頁展示頁，接著設計好分類展示類，然後設計詳情展示頁，多個頁面可以重複使用，只更換內容。
前期學習階段，我們要學會參考別人的網頁，最好先參照同行的網站開始，模仿開始，當然如果你有天賦有創意有時間可以自已完成。
學會PS設計版面後，我們緊接著也要學會製作網站的dreamweaver軟體，一開始你們可以用table排版方式，如果有老師教，可以從DIV排版開始。學會用PS切出自己設計網頁的圖，然後用DW排版靜態的頁面後，你就已經完成了一半。
但是，課題組的網頁，要用到資料庫，還要具備後臺操作及會員操作方面。那我們就要學會資料庫及程式語言的知識去開發才行。
開發動態網站前提，我們要先搭建一個自己要開發型別語言的本地伺服器。其實也並沒有你想想的那麼難，大多是在DW軟體上面執行操作就可以，前面你可以先用ACCESS資料，及VB語言去編寫動態網站與後臺開發。
如果覺得要跟上目前網站的進度還有想運用開源程式，可以學習PHP+Mysql組合開發。
以上開發，是具有一定的時間與牢固知識，前期希望有一個熟練的老師指導或在網路上多學習測試。網站開發完成後，我們緊接著就是本地全功能測試。一般不會一次開發網站程式都沒錯誤，我們都是一邊測試一邊修改，達到每一個重點程式沒有出錯。
網站程式測試完成，我們就要正式上傳到網路伺服器上面執行，這裡我們需要一個域名（網址），一個虛擬主機（空間）就可以。一般我們要選擇大的服務商購買，購買時要看主機引數支不支援我們程式語言執行就可以，接著用FTP連線上傳。
總之：給自己課題組做一個網頁，我們要學的就是PS軟體，DW軟體，一個數據庫的運用，FTP上傳工具的操作。
可能回答的不夠詳細，但希望可以幫到大家，更希望大家能學到更多製作網站的知識。