導航:首頁 > 萬維百科 > 網頁設計基礎

網頁設計基礎

發布時間:2020-08-14 01:13:57

1、網頁設計基礎教程

http://tech.163.com/special/w/000915SQ/webmediatech.html
菜鳥教程,懂點電腦就可以看懂

2、網頁製作需要什麼當基礎

學習網頁製作大概包括:

Html語言:這是構成網頁的基本元素。

CSS樣式表:可以使網頁更漂亮,控制文字、對齊位置等很多屬性,

Javascript:這是大名鼎鼎的腳本編程語言,可以用它在客戶端實現很多效果,比較容易入門。

Dreamware:這是大名鼎鼎的網頁設計工具。

ASP/ASP.NET/JSP/PHP:這些是動態網頁技術,分別有各自的設計語言和技術架構。

資料庫:動態網站一般都需要資料庫支持,通常使用的資料庫有Access,Mysql,SQL server, Orcal。

網站/Web應用系統:這是兩個方向,有人用網頁作網站,有人用網頁作應用系統。

3、網頁設計基礎問題。。

我了個去啊,您這是一點不會吧?你確定這樣你要做個人網站。。。還不如直接找個人幫你做掉算了,真是,,,,讓我想到的是考試答卷啊。您這個╮(╯▽╰)╭


1、試描述建設個人網站的基本步驟。


    前期准備工作,你要有一個域名和域名空間,好了不要問我什麼是域名,域名空間就是你文件的存放地。

    之後,設計-網頁基礎排版和圖像處理;靜態頁面-html+css靜態頁面編輯;程序-把做好的靜態頁面嵌套到程序裡面,你就可以通過後台進行管理了。

    最後調試,測試網站鏈接等無問題後上傳網站到空間,正式發布運行。


2為什麼製作網頁時要遵循使用標准字體、標准色彩的原則?


    首先網站是不支持除標准字體之外的字體的,除非你使用的字體恰好瀏覽者的字體庫也有這種字體否則都會變成「宋體」,所以使用標准字體之外的字體也就毫無意義了。

    當然有一種叫做@font-face的字體,可以 將外部字體載入到網頁,但是他有一個致命的缺陷——針對中文字體相當的不完善。而且使用這種方法你要將字體轉換成.eot、.svg、.ttf、.woff四種格式字體,並在樣式中定義字比如:

@font-face {
    font-family: '953-cai978regular';
    src: url('../font/953-cai978-webfont.eot');
    src: url('../font/953-cai978-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/953-cai978-webfont.woff2') format('woff2'),
         url('../font/953-cai978-webfont.woff') format('woff'),
         url('../font/953-cai978-webfont.ttf') format('truetype'),
         url('../font/953-cai978-webfont.svg#953-cai978regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

    至於顏色,你可以查下相關web安全色的問題,我就不多給你解釋了。


3使用表格和框架布局網頁有什麼不同之處?試描述二者結合布局網頁的優勢


    表格和框架的話,我不想說太多了,這個根本是本質上的區別,沒啥好解釋的,就簡單說下方便你理解就算了。

     表格的話你可以理解為Excel差不多,就是在html頁面上建立一個table表格,把需要的內容放在相應的單元格就可以,不過html中的表格可以做布局用(現在很少有人用了)。

    框架的話,不建議你去研究,這個基本上在網頁製作中很時候用到了,不過像現成的QQ客服代碼和API地圖代碼插入就是框架結構。

    這個兩個你都不需要知道他們的優勢,因為基本不用這兩種進行布局。現在大多數是採用div+css的布局,而且現在html5+css3的技術很強大了。

    另外框架有個致命缺點就是會出現內部滾動條,你要是不明白我說的是什麼意思,你自己做一個頁面只用框架並且把高度和寬度撐開你就知道了,太影響美觀了有木有啊o(>﹏<)o


4回答關於文本和圖像的使用的下列問題:
(1)如何輸入無行距回車和連續多個空格?


    不是很清楚你說的無行距回車是啥,如果是像word一樣的換行的話只要一個<br />就搞定了,單個空格是 &nbsp; 多個空格我們基本不用,大多數採用 margin/padding 直接控制幾個像素的距離。


(2)什麼是替換文本,替換文本在圖片正常瀏覽和非正常瀏覽時如何表現?


    替換文本就是字面的意思,比如我在當前位置插入一個圖片,但是由於不明原因它不能顯示了(360急速模式下默認是一個裂圖,你懂的),現在替換文本就會顯示出來了。也就是說我設置了替換文本是「你看不到我」,那麼當圖片不顯示的時候你就看到這句話了(前面說了360顯示裂圖,IE是這樣的,你要是一定要顯示這句話就要牽扯到瀏覽器默認格式的問題了,現在先不和你說有點小復雜)。

    如果圖片正常情況下 你是看不到替換文本。

    值得注意的是替換文本是屬性是alt ,瀏覽器本身具有糾錯性很多人用alt顯示提示信息,其實這個不是title才是,alt的作用是替換文本。不過現行的主流瀏覽器都默認支持這種錯誤。


5按照鏈接源端,網頁中的超鏈接可以劃分為哪幾種?按照鏈接目的端又可以分為哪幾
種?


    額~這個問題我也不是很清楚,我不明白你說的源端是什麼。

    你可以自己在w3c school上關於a標簽這節內容上看看。

    http://www.w3school.com.cn/html/html_links.asp

    (你要是想系統的學html也可以上w3c school 上學,挺全面的)


6什麼是圖像熱點?如何創建圖像熱點鏈接?


    熱的就是。。。專業解釋是啥我也忘了。就你能聽懂的方法說吧,網頁上的文字和圖形都可以創建鏈接,問題來了,網頁上的圖形不管你做成啥樣也就只能是正方形或是矩形(flash做的不算),那如果我想要一個菱形或是圓形的鏈接怎麼辦?熱點就有用了。

    你要是不用軟體想自己創建一個熱點鏈接就算了,省省力氣吧,語法倒是不難。

<map name="mymap">
<area href=URL1 shape=rect coords="x1,y1,x2,y2">
<area href=URL2 shape=circle coords="x,y,r">
<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">
</map>
<img src=image_url usemap=#mymap>

    但是,你看那x1、y1的了嗎,算坐標算死了,還不一定找的准。使用軟體直接操作,語法也不用你寫,很方便的。


7使用CSS樣式有哪些優勢


    css樣式就是把定義文本、圖像、布局等一系列的代碼全部放在一個統一的「附加樣式表」里,這樣整個html文檔看起來會很乾凈。

    而且,有些樣式是重復調用的,如果有一個統一的樣式表只要該一個class即可,就不需要去找每一行的內嵌樣式,省時省力。

    所以css優勢就是:增強代碼可讀性、便於修改。



8什麼是內部樣式表,什麼是外部樣式表?試舉例說明如何使用外部樣式


    好吧,這個其實和上面是一樣的,看下面代碼,插入css樣式的三種方式:

<link href="CSS/document.css" rel="stylesheet" type="text/css">
<!--調用外部樣式表,單獨一個.css文件-->
<style type="text/css">
html{
width:100%;
background:#c8e5ee;
}
</style>
<!--內部樣式,直接寫在html文檔的頭部里-->
<p style="color:red; padding-left:50px;">我是紅色字體哦~</p>
<!--內嵌樣式,直接跟著他要作用於的標簽里-->


9行為是由事件和動作組成的。什麼是事件?什麼是動作?它們之間有什麼關系?試以一個行為為例說明


    這個不想理你,你想知知道的太寬了,現在和你說了你也 理解不了。

    這個事件的問題你還是放在以後有時間在考慮了解吧,太簡單的沒用,難的你現在也做不到。以後你要是想學JS的時候用到的會比較多。

    不過現在JS很多開源代碼給你抄,你不會也沒關系,也可以做出你想要的效果。


不要一下想把所以的東西都學會這是不科學的,o(╯□╰)o    我也是學了有1年不到才開始不會出現兼容問題的。

4、網頁設計需要學習哪些課程

這是網頁設計的全部課程,要是感興趣的話可以了解一下:
計算機基礎
Office辦公自動化
Dreamweaver網頁設計
SQL server2008
JavaScript
HTML5+CSS3
動態網頁設計PHP+MYSQL

5、網頁製作基礎知識

1萬維網World Wide Web:www),又稱環球網
2網頁實際是一個文件,他存放在世界謀個角落的的某一台計算機中,而這台計算機必須是與互聯網相連的。網頁經由網址(URL)來識別與存取,當我們在瀏覽器輸入網址後,經過一段復雜而又快速的程序(詳見「域名系統」),網頁文件會被傳送到你的計算機,然後再通過瀏覽器解釋網頁的內容,再展示到你的眼前。
3HTML語言是編寫網頁的語言。又稱高級傳輸標識語言。
4.URL是全球資源定位符。
5.網站是一個特殊的全球資源定位群。包括一個站點所有資源。
6超文本鏈接是一個指向資源的鏈接,通過它可以訪問到指定的字源。
7瀏覽器是一種解釋HTML語言的軟體。
8 相對路徑是指相對當前使用目錄的位置。

與網頁設計基礎相關的知識