您現在的位置是:電腦技術吧?>? 編程技術 ??>??頁面制作,gpp2頁面制作??>??正文詳情

頁面制作,gpp2頁面制作

燕溫韋2019-11-14 09:31:14 人圍觀
簡介微頁面制作現在,以下面的簡單網頁為例來描述生產過程。簡單的web頁面如下圖所示:在開始生產之前,讓我們分析一下這個頁面。看看這個頁面使用的標題在頁面頂部我的主頁是一段

現在,以下邊的簡單網頁為例,敘述一下制作過程。

簡單網頁如下圖:

  在開始制作之前,我們先對這個頁面進行一下分析。

看看這個頁面用到了那些東西。

  □網頁頂端的標題我的主頁是一段文字。

  □網頁中間是一幅圖片。

  □最下端的歡迎詞是一段文字。

  □網頁背景是一深紫紅顏色。

  知道了這個網頁的結構以后我們就來可以制作了。

  首先啟動Dreamweaver MX 2004,確保你已經用站點管理器建立好了一個網站(根目錄)。

  為了制作方便,請您事先打開資源管理器,把要使用的圖片收集到網站目錄images文件夾內。

  【插入標題文字】  進入頁面編輯設計視圖狀態。

在一般情況下,編輯器默認左對齊,光標在左上角閃爍,光標位置就是插入點的位置。

如果要想讓文字居中插入,點屬性面板居中按鈕即可。

啟動中文輸入法輸入我的主頁四個字。

字小不要緊,我們可以對它進行設置。

  【設置文字的格式】 選中文字,在上圖屬性面板中將字體格式設置成默認字體,大小可任意更改字號。

并選中B將字體變粗。

  【設置文字的顏色】首先選中文字,在屬性面板中,單擊顏色選擇圖標,在彈出的顏色選擇器中用滴管選取顏色即可。

  【設置網頁的標題和背景顏色】  點擊修改菜單選頁面屬性。

系統彈出頁面屬性對話框(如下圖)

  請在標題輸入框填入標題我的主頁。

  設置背景顏色:網頁背景可以是圖片,也可以是顏色。

此例是顏色。

如上圖打開背景顏色選擇器進行選取。

如果背景要設為圖片,點擊背景圖象瀏覽按鈕,系統彈出圖片選擇對話框,選中背景圖片文件,點擊確定按鈕。

  設計視圖狀態,在標題我的主頁右邊空白處單擊鼠標,回車換一行,按照以下的步驟插入一幅畫圖片,并使這張圖片居中。

您也可以通過屬性面板中的左對齊按鈕讓其居左安放。

  【插入圖像】選擇以下任意一種方法:  (1)使用插入菜單:在插入菜單選圖像,彈出選擇圖像源文件對話框,選中該圖像文件,單擊確定。

如下圖:

  (2)使用插入欄(如下圖):單擊插入欄對象按鈕選

  按鈕,彈出選擇圖像源文件對話框,其余操作同上。

  (3)使用面板組資源面板(如下圖):點

  按鈕,展開根目錄的圖片文件夾,選定該文件,用鼠標拖動至工作區合適位置。

  注:為了管理方便,我們把圖片放在images文件夾內。

如果圖片少,您也可以放在站點根目錄下。

注意文件名要用英文或用拼音文字命名而且使用小寫,不能用中文,否則要出現一些麻煩。

  一個圖片就插入完畢了。

(插入*.swf動畫文件,選擇插入菜單媒體Flash)。

  【輸入歡迎文字】  在圖片右邊空白處單擊,回車換行。

仍然按照上述方法,輸入文字歡迎您然后,利用屬性面板對文字進行設置。

  保存頁面。

  一個簡單的頁面就這樣編輯完畢了。

  【預覽網頁】在頁面編輯器中按F12預覽網頁效果。

網站中的第一頁,也就是首頁,我們通常在存盤時取名為index.htm。

  【小結】在今天的教程中我們制作了一個簡單的網頁。

  內容有四:  ①圖片插入和對齊設置;  ②文字的格式、顏色和加粗等設置;  ③背景顏色的設置;  ④預覽網頁,查看實際效果。

  不僅要掌握還要舉一反三反復練習。

版權聲明:本文由 燕溫韋 整理編輯。

原標題:html頁面制作,php頁面制作

轉載注明出處:http://www.dn9ww09s.icu/program/12117.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 主板電池沒電怎么辦,主板電池沒電了會怎么樣

    主板電池沒電怎么辦,主板電池沒電了會怎么樣 相關圖片配置一臺電腦主機當電腦主板上的電池沒電時會發生什么?事實上,作者在電腦維護之初就考慮過這個問題,但他沒有一個好主意去問老師。他后來才在書房里明白。所以對于很多電腦...

  • html嵌套規則,嵌套

    html嵌套規則,嵌套 相關圖片if嵌套下面是在HTML 4 strict和XHTML 1.0 strict中必須遵循的規則列表。例如,不能在a中嵌入另一個a。注意:為了方便讀者,本文中的標記是大寫的if怎么嵌套...

  • 筆記本電腦做系統教程,電腦系統安裝教程

    筆記本電腦做系統教程,電腦系統安裝教程 相關圖片win7系統設置定時關機一般來說,我們每天上班時都需要手動打開電腦。有沒有辦法讓電腦定時開機?答案是肯定的,電腦計時的設定方法是什么?下面的編輯器將介紹以下設置計算機自...

  • 筆記本電腦做系統教程,電腦怎么共享文件

    筆記本電腦做系統教程,電腦怎么共享文件 相關圖片win7電腦共享文件共享文件需要在兩臺計算機上設置才能實現。大多數用戶不會設置共享文件。共享文件需要以一些麻煩的方式設置。如果需要在LAN中共享文件,但不知道如何在兩臺計算...

  • 選擇合適的方式離開,如何選擇合適的方式進行表達

    選擇合適的方式離開,如何選擇合適的方式進行表達 相關圖片選擇哪種方式還款合適本文列舉了移動終端中常用的幾種導航方法,并列舉了其優缺點。希望您在制作產品時能有所參考和考慮。在不同的環境和情況下選擇正確的導航方法。使產品更...

  • 瀏覽歷史刪除,清空歷史打開

    瀏覽歷史刪除,清空歷史打開 相關圖片瀏覽器怎么刪除歷史百度貼吧在瀏覽手機版貼吧時會自動記錄瀏覽歷史。如果您不想讓其他人看到您輸入了哪個貼吧,可以使用清理功能來清理痕跡。怎么做?如何清除瀏覽歷史記錄?...

  • 聯想怎么進入bios,聯想筆記本怎么進去bios系統

    聯想怎么進入bios,聯想筆記本怎么進去bios系統 相關圖片聯想臺式機bios設置u盤啟動BIOS是一種特殊的軟件,它的內存只有2米,是一種可以在國內外使用的軟件,所以該軟件的語言有中文和英文兩種。那么,我們使用的聯想電腦如何進入BIOS系統...

  • 符合標準,符合國六標準的

    符合標準,符合國六標準的 相關圖片哪些車符合國六標準語義可以轉化為語義,語義是HTML/XHTML是否真正符合標準的重要組成部分。喬魯是來和你討論他自己的一些觀點的。如果有什么問題,請改正。在西方,為什么那么多...

  • 電腦無法關機怎么辦,電腦無法進入系統

    電腦無法關機怎么辦,電腦無法進入系統 相關圖片電腦關機后無法開機今天的生活水平比不上幾年前。大多數家庭都有電腦。電腦不是一直都出問題的東西。相反,很容易出現一些大大小小的問題。例如,如果電腦不能關機,我們該怎...

  • 石頭的素材,石頭素材圖片大全

    石頭的素材,石頭素材圖片大全 相關圖片石頭與山頭作文素材本文介紹了利用焰火將兩塊材料巧妙地合成成石字的特殊效果。教程如下。材質:爛墻1張,膠卷2張。在焰火中創建一個新的500*350畫布并插入背景圖片。然后調整亮...

熱評文章

  • 華碩bios怎么刷,華碩bios刷

    華碩bios怎么刷,華碩bios刷 相關圖片華碩老主板刷bios最近,華碩主板上出現了新的模式,所以對于一些新手來說,有很多人不知道如何操作華碩BIOS。這是不可能的設置。現在我給你方法。看看這個教程,華碩將刷BIOS。非...

  • 制作網站模板,制作模板

    制作網站模板,制作模板 相關圖片個人網頁模板網站建設的難點在于更新和修改,尤其是大規模更新。如果我們不使用CMS系統,手工工作很繁重讓我告訴你一個秘密。事實上,只要我們使用好模板工具,我們就能很好地...

  • 向日葵遠程控制軟件怎么使用,向日葵遠程控制軟件

    向日葵遠程控制軟件怎么使用,向日葵遠程控制軟件 相關圖片向日葵遠程控制被控端向日葵遙控軟件操作簡單。我們想用手機遠程控制其他地方的電腦。建議使用葵花遙控軟件,穩定、自由、快捷。很多小伙伴都想了解向日葵遙控軟件,以便更好...

  • Flash教程,Flash動畫實例教程

    Flash教程,Flash動畫實例教程 相關圖片Flash動畫設計首先,讓我們來欣賞最終的效果:使用材質的效果預覽制作:材質制作步驟1。創建一個大小為330*330的新文件,背景色為黑色,其他值為默認值,如下圖1所示。2。將材Flas...

  • 遠程工具teamviewer13,遠程工具teamviewer12

    遠程工具teamviewer13,遠程工具teamviewer12 相關圖片team viewer 14TeamViewer遠程工具在我們的生活中非常常見。它們使用簡單方便。為了使用TeamViewer遠程工具,今天推薦的TeamViewer遠程工具操作簡單,適合teamviewer連接不上...

  • 什么的光澤,臉色無光澤

    什么的光澤,臉色無光澤 相關圖片光澤暗淡昨天,一種新型膠囊被研制出來。這種膠囊可以增強人們在拍攝FW照片時的光感能力。這不是欺騙。如果你不相信的話可以試試,首先我們需要考慮透視問題,但是這個膠囊比上...

  • 電腦多次裝系統,電腦頻繁裝系統好嗎

    電腦多次裝系統,電腦頻繁裝系統好嗎 相關圖片電腦需要經常重裝嗎電腦總是重新安裝系統,好嗎?我們都知道,當電腦出現問題時,可以很容易地重新安裝,哪個好?很多人問我,其實一般的重裝系統都是在系統出現問題的時候才...

  • office 2010激活工具,office激活工具

    office 2010激活工具,office激活工具 相關圖片怎么激活office已安裝的Office 2010都是非活動試用版。使用一段時間后,密碼將過期或產品激活失敗。但是,有些人不知道Office 2010的密鑰是什么,所以他們不能使用2013office激活工具...

  • 表格設計,做表格

    表格設計,做表格 相關圖片ExceL如何做表格表格設計是現代網頁制作的重要組成部分。表之所以重要,是因為它可以實現網頁的精確布局和定位。本教程分為兩個步驟。首先看一個表操作的例子。接下來讓我們看一...

  • 更改ip地址,ip設置地址配置

    更改ip地址,ip設置地址配置 相關圖片電腦ip設置一個是設置靜態IP地址,另一個是自動獲取IP地址。許多人使用計算機,但他們不知道如何設置IP地址。有時,當網絡出現故障時,我們需要使用設置計算機IP地址的操作。網絡...

關注微信

变脸官网查询