資源簡介 (共16張PPT)第三單元第7課網頁制作”課堂實踐登陸網址https://www./activities/,思考以下問題:①該網頁包含了哪些元素?它們是如何整齊有序地分布在網頁中的?你能從中得到哪些信息,是否能很好表達主題思想?②點擊網頁中的圖片或文字,會發生什么變化?課堂實踐導航欄搜索欄圖片與文字內含超鏈接查看網頁源代碼的方法疑問:網頁代碼是否有規律可循?網頁的構成元素01一般情況下,網頁中最多的內容是文本,可以根據需要對其字體、大小、顏色、底紋、邊框等屬性進行設置。文字02豐富多彩的圖像是美化網頁必不可少的元素,用于網頁上的圖像一般為JPG格式和GIF格式。用于介紹、宣傳廣告等多種形式。圖像網頁的基本元素超級鏈接:Web網頁的主要特色,是指從一個網頁指向另一個目的端的鏈接。這個“目的端”通常是另一個網頁,也可以是下列情況之一:相同網頁上的不同位置、一個下載的文件、一副圖片、一個E-mail地址等。超級鏈接可以是文本、按鈕或圖片,鼠標指針指向超級鏈接位置時,會變成小手形狀。1導航欄:網站的“地圖”,沒有它,瀏覽者就會“迷路”。導航欄一般由多個按鈕或者多個文本超級鏈接組成。2HTML語言結構根標簽,頁面中最大的標簽,只能有一個;01頭部標簽,里面的內容主要給瀏覽器看,標簽中必須包含標簽,讓網頁有一個自己的網頁標題;02身體標簽,里面的內容主要給用戶看,頁面內容基本都放在里,我們寫的html代碼也基本都是在里面。03HTML 是創建網頁的基礎語言,也是創建網頁的標準語言。HTML代碼是用來規定文字、圖片等信息在網頁中的顯示方式。src屬性的值就是要使用圖片的路徑(存放目錄),建議圖片和網頁放在同一個文件夾內,路徑直接寫圖片的名字。圖片標簽:超鏈接標簽:活動:請查找該頁面中的圖片標簽和超鏈接標簽(在網頁中輸入Ctrl+F快速搜索)非專業人士制作網站其實很多文字處理軟件都可以設計網頁,如Word中利用“另存為web頁”就可以將文檔保存為網頁,Windows“記事本”也可以制作網頁等。利用這些方法編輯網頁,可以規避不會寫代碼的問題。課堂實踐操作步驟步驟一:在桌面新建一個名為“建立網站”的文件夾,用于保存老師發的宣傳圖和其余網頁源素材。步驟二:在文件夾內新建Word文檔,將視圖調整為“Web版式”。輸入標題“歡迎來到迪士尼”,并輸入以下介紹文字,注意空格及行距。歡迎來到一個前所未見的神奇世界,在此點亮您的心中奇夢。這就是上海迪士尼樂園,無論老幼,都可以在此感受充滿創造力、冒險和刺激的樂趣!把目光投向奇幻童話城堡,世界上最大的迪士尼城堡,準備好開始探索這七大各具魅力而令人難忘的神奇園區:米奇大街、奇想花園、夢幻世界、探險島、寶藏灣、明日世界和迪士尼·皮克斯玩具總動員主題園區。Web版式Web 版式視圖是word文件中顯示文檔在 Web 瀏覽器中的外觀。它能夠模仿Web瀏覽器來顯示Word文檔。在“Web版式”視圖方式下,用戶可以看到背景和為適應窗口而換行顯示的文本,且圖形位置與在Web瀏覽器中的位置一致。步驟三:插入圖片步驟四:網頁另存為“.html”格式感謝您的聆聽與指導” 展開更多...... 收起↑ 資源預覽 縮略圖、資源來源于二一教育資源庫