




版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
DREAMWEVAERMX2004入門樓斌BBSID:lou生命科學學院2005.01.11DREAMWEVAERMX2004入門樓斌BB建議學習方式
先從最簡單的HTML網頁入手;
選擇Dreamweaver作為你的網頁制作工具;
選擇Photoshop作為你的網頁制作工具;
粗略地閱讀本站的Dreamweaver及Photoshop教程,了解這兩個軟件到底能做些什么;
初級階段:此時的你,已經掌握了Dreamweaver和Photoshop的基本操作;
策劃和制作你的第一個網站;
不斷為你的網站增加內容與功能(例如嘗試將一些JavaScript小程序添加到你的網頁中);
粗略閱讀本站HTML及CSS的語法書,并嘗試運用到你做的網頁中。
建議學習方式先從最簡單的HTML網頁入手;
進階階段:此時的你,已經具有一定的網頁制作經驗,并逐步形成了自己一套的對于網頁制作的理解,制作一般的網頁已經不在話下;
根據個人喜好及實際需要,網頁制作的方向,你可以向美術設計的方向發展,學習一些美術方面的知識;也可以向網絡編程的方向發展,學習ASP等編程語言;也可以向信息制作的方向發展,鍛煉自己在網站策劃及信息采輯的技能;
常識制作其他不同類型的網站,從模仿別人開始,都逐漸形成自己的設計風格;
熟練操作Dreamweaver及Photoshop兩個軟件,并至少能讀懂HTML及JavaScript。高手階段:此時的你,至少在美術設計、程序編寫、或信息制作方面有一定的造詣:建議學習方式
進階階段:此時的你,已經具有一定的網頁制作經驗,并逐步形成了網站制作流程
新建站點→站點文件命名→定義頁面屬性→插入表格→定義頁面大小→添加內容→插入導航條→添加鏈接→使用代碼片斷→定義及應用CSS→添加動態交互→鏈接站點各個頁面。
建立一個網站,首先要在本地機器上做好網站,再傳到網上的虛擬空間上。網站制作流程新建站點→站點文件命名→定義頁面屬在D盤新建一個文件夾,輸入你想要的站點名稱,這里輸入test,其實可以任意輸入名稱的,要注意的是,盡量不要用中文命名,以免出現意想不到的麻煩!在Dreamweaver中定義站點建立站點12在D盤新建一個文件夾,輸入你想要的站點名稱,接下來需要給站點起一個名字,可以起任意一個名字。這里起名為abc,按下一步
接下來需要給站點起一個名字,可以起任意一個名選擇是否使用服務器技術。因為實例建立的是一個靜態站點,就選擇“否,我不想使用服務器技術”。選擇是否使用服務器技術。因為實例建立的是一個知識管理的IT實現IBM知識管理解決方案知識管理的IT實現IBM知識管理解決方案一個站點就定義好了。一個站點就定義好了。
站點定義好之后,就要開始新建網頁文件和文件夾了,在站點中點擊右鍵,選擇新建文件。
站點定義好之后,就要開始新建網頁文件和文件夾了,在站點中知識管理的IT實現IBM知識管理解決方案選創建選創建窗口和面板窗口和面板代碼區所見即所得Body區,網頁主體Head區,主要設置字體編碼,網頁標題等代碼區所見即所得Body區,網頁主體Head區,主要設置字體在正式開始制作網頁前一個必不可少的工序。雙擊打開剛才新建的index.htm,就自動轉入編輯窗口。選擇“修改”>“頁面屬性”設置一些必要的頁面屬性。
①Title(標題):頁面的標題會直接顯示在瀏覽器的左上方,務必要養成為每一頁都設定一個標題的習慣,這既便于訪問者的瀏覽,也有助于你在網頁編輯的過程中區分不同的頁面。雖然標題并不是一個網頁必要的元素,但卻是體現著網頁制作者有否從細處為瀏覽者著想。
②BackgroundImage(背景圖片):點擊Browse按鈕,可以為網頁添加背景圖片。
③Background(背景顏色):默認為白色,可以選擇其他的顏色。
④Text(文字顏色):在這里將文字設置為黑色。要注意,假如不對背景及文字的顏色進行設置(此時RGB色值顯示為空),那么瀏覽器在顯示頁面的時候,就會采用系統的默認設置。但因為不同的系統的設置都可能會有所區別,這樣就回導致頁面的顯示效果也是千差萬別。因為,為了更好地讓頁面體現出你的設計思想,就千萬別忘記設定頁面的背景顏色及文字顏色。
⑤Link(鏈接顏色):設定超級鏈接的顏色,不設定則默認為藍色。
⑥Left和Top:設置左部及頂部的頁邊距,一般都設置為“0”以方便于網頁的編輯。確保頁面的設置正確后,點擊OK結束。
設置頁面屬性在正式開始制作網頁前一個必不可少的工序。雙擊表格詳解簡明步驟:打開一個頁面→插入表格→設置表格寬度現在有好幾種尺寸的顯示器,“14、15、17、19”英寸,網頁要在每個顯示器上顯示正常,就要設置恰當的參數,常用的是在頁面中插入表格放內容,采用象素和百分比兩種。使用百分比,可以在各種顯示器上有相同的效果,寬度設置為100%時,在各種顯示器上全屏顯示。素大小的表格設置,選擇像素為單位,值為768。可以在15英寸顯示器上全屏幕顯示,在17英寸顯示器上也有好的顯示效果。相對使用百分比制作網頁,采用像素比較簡單。大多是把表格設置為居中對齊。選中表格,在屬性面板選擇對齊方式為居中對齊。完全下載一個表格的內容,才能在IE中顯示出來。如果頁面文件小,可以只有一個表格放內容。如果頁面文件很大,可以在頁面中,從上到下放幾個寬度相同的表格,分別放不同的內容,這樣就會一個一個顯示表格里面的內容,不用等整個網頁的內容下載完。表格詳解簡明步驟:打開一個頁面→插入表格→設置表格寬度圖像描邊:增加圖片的美觀設置圖文混排給圖片增加提示:在IE中,當指向這個圖片時,就會出現文字提示創建圖像地圖:當點擊一個圖像的不同部分,可以鏈接到一個新的網頁。也可以在當前窗口打開。
簡明步驟:選中目標圖片→選擇屬性面板中的熱點工具→用熱工具在圖片中畫出熱點區域→在屬性面板中輸入鏈接地址,選擇目標窗口打開方式。設置圖像邊距:設置圖像邊距,可以使圖像和表格邊框產生一個邊距,也會和相鄰的文字或者其它圖片產生一個邊距。有時候設置邊距為一個非0的數值可以起到美觀的作用。但是有的時候輸入數值為0的邊距可以使用頁面緊湊。圖像詳解圖像描邊:增加圖片的美觀圖像詳解超級鏈接超級鏈接:指向文檔,圖象,多媒體文件或可下載軟件的超文本鏈接選中一個文件。會出現一個文件相對于“文檔”,“站點根目錄的選擇”。文檔相對路徑是最適合用于本地鏈接的路徑類型,適合絕大多數Web站點,推薦使用
超級鏈接超級鏈接:指向文檔,圖象,多媒體文件或可下載軟件的超根相對路徑:如果在一個使用多臺服務器的大型Web站點或一臺服務器上有多個站點的情況下工作,可能需要使用這種類型的路徑。很少用到這種路徑。如果沒有服務器的控制權限,不要使用這種方式!超級鏈接根相對路徑:如果在一個使用多臺服務器的大型Web站點或一臺服超級鏈接超級鏈接創建跳轉菜單,例如制作一個友情鏈接。超級鏈接創建跳轉菜單,例如制作一個友情鏈接。超級鏈接_blank在新的未命名的瀏覽器窗口中加載鏈接文檔_parent在父框架頁或包含該鏈接的框架窗口中加載鏈接文檔。如果包含鏈接的框架不是嵌套的,則鏈接文檔將加載到整個瀏覽器窗口中。_self將鏈接文檔加載到與鏈接相同的框架或窗口中,該目標是默認值,所以通常您不需要指定它。_top將在整個瀏覽器窗口中加載鏈接文件,同時移除所有框架。
(_top表示整頁窗口,_parent表示父窗口。實際使用中,它們沒有任何區別)超級鏈接目標窗口:_blank、_self和、_top、_parent的區別_blank在新的未命名的瀏覽器窗口中加載鏈接文檔超級鏈接HTML簡要介紹HTML(超文本標志語言HyperTextMarkupLanguage)。為什么叫它“超”文本,也就是說它是文本但又超過一般文本的功能,我們閱讀普通的文本(例如電子小說)時,只能從頭到尾一頁一頁的“翻閱”,而當你瀏覽網頁時卻可以點擊鏈接從一頁跳到另一頁而不必把整個頁面都看完。這就是“超”文本的真正含義。
HTML是由標志和屬性構成的,它們一起被用來告訴瀏覽器應該如何顯示一頁文檔。標志用來引用一段文字或是一幅圖片等文檔部件,屬性是標志的選項,在標志中修飾,如顏色,對齊方式,高度和寬度等。很多標志都成對出現,例如有<TITLE>就有</TITLE>前一個表示開始,后一個表示結束,內容放在兩者之間。HTML簡要介紹HTML(超文本標志語言HyperTextHTML四個重要的標簽
<HTML>
----------表示該文件為HTML文件
<HEAD>
----------包含文件的標題,使用的腳本,樣式定義等
<TITLE>HELLOWORLD!</TITLE>
-包含文件的標題,標題出現在瀏覽器標題欄中
</HEAD>
----------<HEAD>的結束標志
<BODY>
--------放置瀏覽器中顯示信息的所有標志和屬性,其中內容在瀏覽器中顯示
這是我的第一個網頁!
</BODY>
----------<BODY>的結束標志
</HTML>
----------<HTML>的結束標志HTML四個重要的標簽<HTML>
----其它主要標志
以下所有標志用在<BODY></BODY>中<AHREF="…"></A>
----------鏈接標志,“…”為鏈接的文件地址
<IMGSRC="…">
----------顯示圖片標志,“…”為圖片的地址
<BR>
----------換行標志
<P>
</P>
----------分段標志
<B></B>
----------采用黑體字
<I></I>
----------采用斜體字
<HR>
----------水平畫線
<TABLE></TABLE>
----------定義表格,HTML中重要的標志
<TR></TR>
----------定義表格的行,用在<TABLE></TABLE>中
<TD></TD>
----------表格單元,用在<TR></TR>中
<FONT></FONT>
----------字體樣式標志其它主要標志
以下所有標志用在<BODY></BODY>中常用屬性對齊屬性ALIGN=LEFT左對齊(缺省值)ALIGN=CENTER居中ALIGN=RIGHT右對齊范圍屬性WIDTH=象素值或百分比對象寬度HEIGHT=象素值或百分比對象高度色彩屬性COLOR=#RRGGBB前景色BGCOLOR=#RRGGBB背景色常用屬性對齊屬性HTML入門HTML入門制作網頁的基本要素:1.要有一定的美術功底、審美觀念。要多學會觀察,多欣賞一些中外優秀的作品,多欣賞廣告作品,這對你的創意都很有啟發。2.作圖軟件,PhotoShop和Fireworks都是網頁必備的,兩者各有長處。3.內容第一,要常更新。個人主頁中盡量多寫些原創的東西。如果轉載,一定要注明作者。4.要有頑強的毅力,勤于思考;勤于維護,特別是留言簿要常關注。5.時刻為瀏覽者著想,站在瀏覽者的立場,多想想瀏覽者的感受。
制作網頁的基本要素:1.要有一定的美術功底、審美觀念。要多學謝謝!謝謝!DREAMWEVAERMX2004入門樓斌BBSID:lou生命科學學院2005.01.11DREAMWEVAERMX2004入門樓斌BB建議學習方式
先從最簡單的HTML網頁入手;
選擇Dreamweaver作為你的網頁制作工具;
選擇Photoshop作為你的網頁制作工具;
粗略地閱讀本站的Dreamweaver及Photoshop教程,了解這兩個軟件到底能做些什么;
初級階段:此時的你,已經掌握了Dreamweaver和Photoshop的基本操作;
策劃和制作你的第一個網站;
不斷為你的網站增加內容與功能(例如嘗試將一些JavaScript小程序添加到你的網頁中);
粗略閱讀本站HTML及CSS的語法書,并嘗試運用到你做的網頁中。
建議學習方式先從最簡單的HTML網頁入手;
進階階段:此時的你,已經具有一定的網頁制作經驗,并逐步形成了自己一套的對于網頁制作的理解,制作一般的網頁已經不在話下;
根據個人喜好及實際需要,網頁制作的方向,你可以向美術設計的方向發展,學習一些美術方面的知識;也可以向網絡編程的方向發展,學習ASP等編程語言;也可以向信息制作的方向發展,鍛煉自己在網站策劃及信息采輯的技能;
常識制作其他不同類型的網站,從模仿別人開始,都逐漸形成自己的設計風格;
熟練操作Dreamweaver及Photoshop兩個軟件,并至少能讀懂HTML及JavaScript。高手階段:此時的你,至少在美術設計、程序編寫、或信息制作方面有一定的造詣:建議學習方式
進階階段:此時的你,已經具有一定的網頁制作經驗,并逐步形成了網站制作流程
新建站點→站點文件命名→定義頁面屬性→插入表格→定義頁面大小→添加內容→插入導航條→添加鏈接→使用代碼片斷→定義及應用CSS→添加動態交互→鏈接站點各個頁面。
建立一個網站,首先要在本地機器上做好網站,再傳到網上的虛擬空間上。網站制作流程新建站點→站點文件命名→定義頁面屬在D盤新建一個文件夾,輸入你想要的站點名稱,這里輸入test,其實可以任意輸入名稱的,要注意的是,盡量不要用中文命名,以免出現意想不到的麻煩!在Dreamweaver中定義站點建立站點12在D盤新建一個文件夾,輸入你想要的站點名稱,接下來需要給站點起一個名字,可以起任意一個名字。這里起名為abc,按下一步
接下來需要給站點起一個名字,可以起任意一個名選擇是否使用服務器技術。因為實例建立的是一個靜態站點,就選擇“否,我不想使用服務器技術”。選擇是否使用服務器技術。因為實例建立的是一個知識管理的IT實現IBM知識管理解決方案知識管理的IT實現IBM知識管理解決方案一個站點就定義好了。一個站點就定義好了。
站點定義好之后,就要開始新建網頁文件和文件夾了,在站點中點擊右鍵,選擇新建文件。
站點定義好之后,就要開始新建網頁文件和文件夾了,在站點中知識管理的IT實現IBM知識管理解決方案選創建選創建窗口和面板窗口和面板代碼區所見即所得Body區,網頁主體Head區,主要設置字體編碼,網頁標題等代碼區所見即所得Body區,網頁主體Head區,主要設置字體在正式開始制作網頁前一個必不可少的工序。雙擊打開剛才新建的index.htm,就自動轉入編輯窗口。選擇“修改”>“頁面屬性”設置一些必要的頁面屬性。
①Title(標題):頁面的標題會直接顯示在瀏覽器的左上方,務必要養成為每一頁都設定一個標題的習慣,這既便于訪問者的瀏覽,也有助于你在網頁編輯的過程中區分不同的頁面。雖然標題并不是一個網頁必要的元素,但卻是體現著網頁制作者有否從細處為瀏覽者著想。
②BackgroundImage(背景圖片):點擊Browse按鈕,可以為網頁添加背景圖片。
③Background(背景顏色):默認為白色,可以選擇其他的顏色。
④Text(文字顏色):在這里將文字設置為黑色。要注意,假如不對背景及文字的顏色進行設置(此時RGB色值顯示為空),那么瀏覽器在顯示頁面的時候,就會采用系統的默認設置。但因為不同的系統的設置都可能會有所區別,這樣就回導致頁面的顯示效果也是千差萬別。因為,為了更好地讓頁面體現出你的設計思想,就千萬別忘記設定頁面的背景顏色及文字顏色。
⑤Link(鏈接顏色):設定超級鏈接的顏色,不設定則默認為藍色。
⑥Left和Top:設置左部及頂部的頁邊距,一般都設置為“0”以方便于網頁的編輯。確保頁面的設置正確后,點擊OK結束。
設置頁面屬性在正式開始制作網頁前一個必不可少的工序。雙擊表格詳解簡明步驟:打開一個頁面→插入表格→設置表格寬度現在有好幾種尺寸的顯示器,“14、15、17、19”英寸,網頁要在每個顯示器上顯示正常,就要設置恰當的參數,常用的是在頁面中插入表格放內容,采用象素和百分比兩種。使用百分比,可以在各種顯示器上有相同的效果,寬度設置為100%時,在各種顯示器上全屏顯示。素大小的表格設置,選擇像素為單位,值為768。可以在15英寸顯示器上全屏幕顯示,在17英寸顯示器上也有好的顯示效果。相對使用百分比制作網頁,采用像素比較簡單。大多是把表格設置為居中對齊。選中表格,在屬性面板選擇對齊方式為居中對齊。完全下載一個表格的內容,才能在IE中顯示出來。如果頁面文件小,可以只有一個表格放內容。如果頁面文件很大,可以在頁面中,從上到下放幾個寬度相同的表格,分別放不同的內容,這樣就會一個一個顯示表格里面的內容,不用等整個網頁的內容下載完。表格詳解簡明步驟:打開一個頁面→插入表格→設置表格寬度圖像描邊:增加圖片的美觀設置圖文混排給圖片增加提示:在IE中,當指向這個圖片時,就會出現文字提示創建圖像地圖:當點擊一個圖像的不同部分,可以鏈接到一個新的網頁。也可以在當前窗口打開。
簡明步驟:選中目標圖片→選擇屬性面板中的熱點工具→用熱工具在圖片中畫出熱點區域→在屬性面板中輸入鏈接地址,選擇目標窗口打開方式。設置圖像邊距:設置圖像邊距,可以使圖像和表格邊框產生一個邊距,也會和相鄰的文字或者其它圖片產生一個邊距。有時候設置邊距為一個非0的數值可以起到美觀的作用。但是有的時候輸入數值為0的邊距可以使用頁面緊湊。圖像詳解圖像描邊:增加圖片的美觀圖像詳解超級鏈接超級鏈接:指向文檔,圖象,多媒體文件或可下載軟件的超文本鏈接選中一個文件。會出現一個文件相對于“文檔”,“站點根目錄的選擇”。文檔相對路徑是最適合用于本地鏈接的路徑類型,適合絕大多數Web站點,推薦使用
超級鏈接超級鏈接:指向文檔,圖象,多媒體文件或可下載軟件的超根相對路徑:如果在一個使用多臺服務器的大型Web站點或一臺服務器上有多個站點的情況下工作,可能需要使用這種類型的路徑。很少用到這種路徑。如果沒有服務器的控制權限,不要使用這種方式!超級鏈接根相對路徑:如果在一個使用多臺服務器的大型Web站點或一臺服超級鏈接超級鏈接創建跳轉菜單,例如制作一個友情鏈接。超級鏈接創建跳轉菜單,例如制作一個友情鏈接。超級鏈接_blank在新的未命名的瀏覽器窗口中加載鏈接文檔_parent在父框架頁或包含該鏈接的框架窗口中加載鏈接文檔。如果包含鏈接的框架不是嵌套的,則鏈接文檔將加載到整個瀏覽器窗口中。_self將鏈接文檔加載到與鏈接相同的框架或窗口中,該目標是默認值,所以通常您不需要指定它。_top將在整個瀏覽器窗口中加載鏈接文件,同時移除所有框架。
(_top表示整頁窗口,_parent表示父窗口。實際使用中,它們沒有任何區別)超級鏈接目標窗口:_blank、_self和、_top、_parent的區別_blank在新的未命名的瀏覽器窗口中加載鏈接文檔超級鏈接HTML簡要介紹HTML(超文本標志語言HyperTextMarkupLanguage)。為什么叫它“超”文本,也就是說它是文本但又超過一般文本的功能,我們閱讀普通的文本(例如電子小說)時,只能從頭到尾一頁一頁的“翻閱”,而當你瀏覽網頁時卻可以點擊鏈接從一頁跳到另一頁而不必把整個頁面都看完。這就是“超”文本的真正含義。
HTML是由標志和屬性構成的,它們一起被用來告訴瀏覽器應該如何顯示一頁文檔。標志用來引用一段文字或是一幅圖片等文檔部件,屬性是標志的選項,在標志中修飾,如顏色,對齊方式,高度和寬度等。很多標志都成對出現,例如有<TITLE>就有</TITLE>前一個表示開始,后一個表示結束,內容放在兩者之間。HTML簡要介紹HTML(超文本標志語言HyperTextHTML四個重要的標簽
<HTML>
----------表示該文件為HTML文件
<HEAD>
----------包含文件的標題,使用的腳本,樣式定義等
<TITLE>HELLOWORLD!</TITLE>
-包含文件的標題,標題出現在瀏覽器標題欄中
</HEAD>
----------<HEAD>的結束標志
<BODY>
--------放置瀏覽器中顯示信息的所有標志和屬性,其中內容在瀏覽器
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 探究與展望:公共資源交易中的合同管理制度
- 退休人士合作協議
- 初中數學認識三角形第2課時課件2024-2025學年北師大版七年級數學下冊
- 13美麗的冬天 公開課一等獎創新教學設計
- 東北秧歌的舞蹈風格特點
- 幼兒舞蹈的分類
- DERBY世界品牌箱包連鎖店項目運營實施要義
- 構成藝術概論課件
- 房地產項目合同融資協議書
- 信貸資金監管合同協議書樣本
- GB/T 16823.3-2010緊固件扭矩-夾緊力試驗
- FZ/T 81010-2018風衣
- 語言學-Chapter-4-Syntax復習進程
- 系統生物學-第三講-轉錄組學課件
- 2023年中荊投資控股集團有限公司招聘筆試模擬試題及答案解析
- 護士節趣味運動會主持詞
- -活出心花怒放的生命 課件 心理健康
- 2023年軟件正版化工作總結八篇
- 酒店報銷水單經典模板
- 給水泵檢修方案
- 《運營管理》第2版題庫與參考答案
評論
0/150
提交評論