實驗07 網頁製作

2022-12-29 00:45:05 字數 1256 閱讀 8504

《計算機應用基礎》實驗報告

班級學號姓名實驗時間課時數:4課時

一、實驗目的

掌握網頁製作工具的基本使用方法,能使用網頁編輯軟體建立個人**。

二、實驗要求

1.理解網頁基本概念,包括網頁、**以及網頁中包含的元素;

2.掌握html語言基本標記的使用;

3.掌握網頁介面設計、布局,網頁元素的建立、超連結設定等基本方法;

4.了解網頁特效(j**ascript)的使用方法;

5.了解網頁的發布方法;

三、實驗環境

作業系統:windows xp中文版

網頁製作軟體:frontpage 2003、記事本

四、實驗內容及過程(過程以截圖和文字方式說明)

一、在c盤中建立乙個以自己學號命名的空站點。

二、 將c盤「**收藏」資料夾中的所有**中匯入到該站點的images資料夾中。

三、在以自己學號命名的站點中使用**庫網頁模板,新建乙個網頁「使用顯示幻燈片樣式顯示images資料夾中的**,效果如圖一所示。

四、在以自己學號命名的站點中新增網頁「網頁大小為760*420,網頁中標題文字的格式設定為標題1,華文彩雲,紅色。水平線寬度為100%,高度2,黃色,正文行距大小為1.5倍,網頁背景色為銀白,效果如圖二所示。

五、開啟網頁「將水平線改為鵝卵石狀,插入**大小為50%,環繞方式為左對齊,距正文水平間距15,邊框粗細為1,替代文字為「六月荷花」;使用**作為網頁背景,加入交替顯示的紫底白字的字幕「歡迎瀏覽我的網頁」,按要求修改後以儲存。效果圖三所示。

六、 開啟網頁「在**上建立2個圓形熱點超級鏈結,單擊熱點,可以分別在另一視窗中開啟資料夾images中的**和在文末新增文字「與我聯絡」,單擊該文字可給傳送電子郵件;新增文字「我喜歡的**」,單擊該文字可以鏈結到新增文字「回卷首」,單擊該文字可以回到本網頁的起始位置。設定超連結文字的顏色為:初始時紅色,滑鼠指向文字時白色,訪問過後紫色。

按要求修改後以原檔名儲存。

七、在以自己學號命名的站點中新增表單網頁,文字框控制項的寬度為10,資料型別為文字;下拉框控制項的選項為學生、教師、職員、自由職業;標題字型為隸書、36磅;網頁背景為銀白色,效果如圖四所示。以儲存。

八、在以自己學號命名的站點中新增效果如圖五所示的布局**網頁,**邊框紅色,背景水綠色。以儲存。

九、利用框架網頁模板製作如圖六所示網頁,當滑鼠單擊相應按鈕時,在網頁的同一位置顯示對應的網頁或**。將框架上方區域的網頁儲存為右下方區域的網頁儲存為整個框架集儲存為

五、實驗總結(是否完成實驗、實驗過程中的問題以及解決方法分析等)

實習一網頁設計

一 實習題目 實習1 3 網頁設計 二 實習過程 實習一實習一主要包括以下六個實習內容 1.學習editplus文字編輯器的使用 開啟editplus新建乙個頁面。2.使用editplus製作一行文字的網頁 使用editplus新建乙個空白網頁 將標記中的文字該為 單行文字 在標記之間新增文字存檔並...

2 網頁設計試卷B

一 單選題 每小題 2 分,共 40 分 1 按下 d 鍵,可以啟動瀏覽器預覽網頁。a f9 b f10 c f11 d f12 2 在 管理站點 對話方塊中不能實現的功能是 d a 新建站點 b 編輯站點 c 刪除站點 d 上傳站點 3 文件的頭部元素包括meta c 說明 重新整理 基礎和鏈結6...

6 2《網頁製作》 第3課時 教學設計

課題 6.2 網頁製作 課時 第3課時設計者 黃瑩瑩 一 學情分析 從教材方面看,本課選自浙教版 資訊科技基礎 必修模組第六章第二小節,屬於本章的重點內容,可分為3個課時進行學習,今天所講的是第3課時的內容。根據 高中資訊科技課程標準 對第六章的要求,學生必須通過具體的實踐體驗掌握網頁製作的基本方法...