原创 基於Dreamweaver的網頁製作學習5----框架

定義:一個網頁裏面有很多網頁,像這樣的框架網頁一般出現在後臺;像這樣,你點擊上面和左邊只會是右下角這個頁面在不斷刷新而已。                                  做法1: a)、 選擇插入->HTML->框架-

原创 基於Dreamweaver的網頁製作學習3----超鏈接

1、網頁與網頁之間的連接:   就是建兩個html網頁。   用文檔進行鏈接:可以寫兩個標誌文字,選中後點擊html,在下面的鏈接那欄裏面輸入你要鏈接的對象---6-1.html,它會變成藍顏色和下劃線。      還有另一種方法:同樣先

原创 網頁製作學習3----實現連綴功能

        沿用我們上一次的Base對象,連綴功能就像下面這樣調用,用一個對象連續利用各個方法,避免代碼冗餘: Base.getId('box').css('color','red').html('標題').click(functio

原创 網頁製作學習2----實現對象的傳遞

現在大家做網絡開發大都用JavaScript庫,JavaScript庫就是把一般常用的代碼組成一個js文件,像前面說的一樣引用就可以。             現在我們來試着寫一個庫。         1、 首先在.html文件裏面定義一

原创 基於Dreamweaver的網頁製作學習4----表單

表單:比如說你要用戶填寫註冊信息的那些表單,然後將用戶填寫的東西上傳到服務器上。      由兩部分組成,一是HTML代碼,二是處理信息的服務器應用程序客戶端腳本,如ASP等。      我們這裏先了解一下第一部分,關於表單的創建和修改。

原创 基於Dreamweaver的網頁製作學習2----站點規劃及圖片的插入

 1、該按鈕可以新建站點和管理站點。  2、然後可以起個站點名字,但是那個網址無所謂,因爲是本地,隨便輸一個或者不輸都可以。 下一步,點擊不使用服務器技術。 下一步,選擇在本地編輯完成後再上傳到服務器這一選項。選一個合適的文件路徑,最

原创 網頁製作學習1----初步認識javascript和html

先借助Dreamweaver 來生成主體代碼: 1、首先點擊新建,可以在右下角選擇文檔類型,然後點創建就可以了。 2、然後它自己會生成一堆代碼,是基本格式,要注意它的編碼格式是什麼,可能是UTF-8。可以點擊編輯下的首選參數,然後點擊新建

原创 基於Dreamweaver的網頁製作學習1----簡單入門

.創建網頁          a) 第一次啓動DreamweaverCS4的時候,會讓你選擇“ 編碼區”和“ 設計區”,這裏我們選擇“設計區” 。          b) 點擊新建一個HTML,但最好是按Ctrl+N,這樣可以多很多選擇

原创 d3.js學習1----json文件格式

1. JSON 格式JSON(JavaScript Object Notation)就是javascript對象表示法, 是一種輕量級的數據交換語言,以文字爲基礎,且易於讓人閱讀。儘管 JSON 是 Javascript 的一個子集,但

原创 d3.js學習3----選擇、插入、刪除元素

本文介紹在 D3 中選擇、插入、刪除元素的方法。1. 選擇元素 在【入門 – 第 2.0 章】中,已經講解了 select 和 selectAll,以及選擇集的概念。本節具體講解這兩個函數的用法。 假設在

原创 d3.js學習7----交互

         與圖表的交互,指在圖形元素上設置一個或多個監聽器,當事件發生時,做出相應的反應。   1. 什麼是交互   交互,指的是用戶輸入了某種指令,程序接受到指令之後必須做出某種響應。對可視化圖表來說,交互能使圖表更加生動,能表

原创 d3.js學習2----一些基本文本操作

D3.JS總的來說,D3是這樣一個特殊的JavaScript庫,它利用現有的Web標準,通過更簡單的(數據驅動)方式來製作炫目的可視化效果。先來看一下helloworld的實現----從HTML到javascript到d3.js的改進:

原创 echarts學習1----格式整理以及地圖入門

首先,Echarts是結合html/ javascript一起運用的,可以在線也可以離線使用。下面是一個.html文件的代碼及解析: <!DOCTYPE html> <head>  <meta http-equiv="Content-Ty

原创 基於Dreamweaver的網頁製作學習6----模版和層疊樣式表

模版 1、創建自定義模版:文件->新建->空模版->HTML模版->無;保存後後綴是dwt,而且會自動創建一個文件夾;或者點擊資源面板,點擊資源面板,點擊倒數第二個文件,右鍵創建。 2、選中一個區域,插入->模版對象->可編輯區域,然後

原创 網頁製作學習4----博客前端之下拉菜單

效果:鼠標放上去會出現一個下拉的菜單。 首先文件有index.css,index.js,index.html  base.js   先把界面做出來。 1、在index.html裏面添加 <body> <div id=”header”> <