第三篇：《網頁設計與網站建設》教學總結

《網頁設計與網站建設》教學總結

本學期11網絡1班的網絡程序設計基礎課程采用的是人民郵電出版社的《動態網頁設計與制作——CSS+JavaScript》吳以欣 陳小寧主編。這本教材總體還是比較適合于高職學生。在實際教學中我廣泛選擇利用其他較適宜的教學資源，注重入門練習。作為教學的補充，我將一些資源和教師多年教學積累整理成課件發給學生。現將一個學期的教學情況總結如下：

一、老師給與學生合理的引導，更要加強自身的素質修養，提高自己的知識水準。

在整個教學過程中，在教學過程中自己還缺少更高的藝術修養和藝術創造能力，所以還要不斷的學習；另外就是技術上還需要完善，也需要和有經驗的老師多交流，多溝通。相信只有站在一定的高度去看整個項目的實現，會更通俗易懂也更有說服力，所以也不能說都是學生的原因，歸結起來還是要提高自己的知識水平和業務素質！

二、了解學生，加強考核。

針對全體學生來說，聰明程度相當，但學習興趣層次不同，大部分學生只愿意聽后選擇性的接受，而沒有知識的創新利用，或者是沒有下去自學，鞏固知識，單一的只是聽和做。有的同學，上完課后根本就直接把書丟在一邊置之不理。綜合學生的學習態度問題，個人認為還需要加強考核制度，從嚴制學，寬進嚴出，嚴肅考風！

三、教學內容心得

1.網頁制作要簡潔大方。網站在設計過程中以簡潔大方為主，配合合理的顏色搭配和主題內容的詮釋，給訪問者賞心悅目的感覺；而避免過多的動畫和幀的過多運用，以及不明確的導航，雜亂的顏色，沒有主題的胡編亂造。

2.網站風格要統一。所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什么的，要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，也會對你的網站留下一個“很專業”的印象。知識運用中要大量配合合理的模板、CSS樣式的運用而避免在網頁中反復的字體樣式重定義、顏色的胡亂運用，參差不齊給人雜亂的感覺。

3.網站布局合理。避免一些“拿來主義”，一些學生為了設計方便，拿網上流行的模版做網頁，做出的網頁幾乎是千篇一律，沒有特色，雖然完成了網頁的制

作，畢竟不是出自個人之手，知識缺乏進一步鞏固，且讓瀏覽者產生厭倦。另外導航清晰化，能引領瀏覽者閱讀網頁，思路一定要清晰，避免交叉鏈接。

4.網站容量要小。雖然網頁更加美觀可以吸引瀏覽者，但是圖片，動畫容量大會影響瀏覽速度，所以一定要注意網絡容量問題。圖片盡量壓縮，多采用單一色，或者簡單的顏色；動畫要盡量簡潔實用，用最少的幀做出最漂亮實用的動畫，給網頁增色。

但是總體來說，通過整個學期網頁制作的學習，學生已經了解了網頁制作所需要的基本技術，也掌握了網頁制作的基本技能。但由于時間緊迫，知識點多，一些重點難點問題還需要勤加練習，比如：靜態網頁中的布局和CSS 的定義；動態網頁中對象的綜合運用等等。當然也存在著遺憾，不少學生反映，學習愛好更多的是動畫的制作即 Flash的學習，而我們只是籠統的講解，不能完全滿足學生的求知欲！當然針對網頁制作來說，還需要加強學生的配色觀念以及審美觀的培養，以及動態網頁的實現技術的把握，在很多方面還需要老師和學生們進一步配合，共同學習和實戰，以達到知識運用的一定高度！

第四篇：網頁設計與網站建設課程教學大綱

網頁設計與網站建設課程教學大綱

一、課程編號 B040378

二、課程名稱

（1）中文名：網頁設計與網站建設

（2）英文名：Web Page Design and Website Establish

三、課程類型：理論含實踐課

四、開課系（部）

信息技術系專業教研室

五、大綱說明

1、學時、學分數、課程性質、考試方式、成績評定 修業年總學時學分課程性質 考核方式 成績評定

數 64

數 4

專業基礎上機 課

專業基礎上機 課

等級制 百分制 專業名稱 限 計算機信2 息管理 計算機應2 用技術

2、課程開設目的

本課程是一門實用性較強，面向動態網頁設計與維護技術性的課程。通過本課程的學習，使學生具有制作動態網頁的能力，同時了解網站的技術發展趨勢、最新的技術動態及網頁/網站制作軟件平臺。本課程將結合Dreamweaver 8來進行教學，介紹了Internet的基礎知識、數據庫的基礎知識以及Dreamweaver 8的新特點，進而全面講述了網頁/網站制作的基礎知識和高級應用、網頁/網站制作開發環境的配置以及利用Dreamweaver 8進行動態網頁設計的方法和技巧等內容。

六、教學內容

第一章 體驗Dreamweaver8夢幻境界 【教學目的和要求】

了解Internet與Web基礎、常用的網頁設計軟件和編程語言。掌握Dreamweaver8網頁制作工作環境，面板操作，以及制作簡單網頁的方法。【教學重點與難點】

重點：網站開發有關知識、Dreamweaver8制作網頁的基本方法 難點：自定義工作環境 【教學時數】 2學時 【教學方法與手段】 講授 【教學內容】

1.Internet與Web基礎知識 2.網站開發技術簡介

3.Dreamweaver 8新增功能 4.Dreamweaver 8工作環境 5.自定義工作環境 【實踐教學時數】 2 學時

【教學方法與手段】 演示法、實驗法 【實踐教學內容】 ??熟悉Dreamweaver 8運行環境

??初步認識Dreamweaver 8工作環境及面板 ??制作簡單網頁

第二章 編輯網頁元素 使用表格布局頁面 【教學目的和要求】

了解網頁的基本組成和基本操作，理解鏈接的概念、控制和管理，掌握同網頁的內容、格式和鏈接關系，表格布局方法。【教學重點與難點】

重點：文字和圖片的處理方法、表格的控制、表格布局 難點：鏈接的控制和管理方法 【教學時數】 4學時 【教學方法與手段】 講授 【教學內容】 1.文字處理 2.圖片處理 3.創建表格 4.掌握超鏈接 5.表格布局

【實踐教學時數】 4 學時

【教學方法與手段】 演示法、實驗法 【實踐教學內容】

??制作簡單網頁 ??設置文本的錨點鏈接 ??鼠標經過圖像

??運用布局模式設計頁面

第三章 運用層和框架 編輯多媒體元素 【教學目的和要求】

了解網頁信息的立體組織結構的觀念，并以此觀念理解網頁信息組織和控制方法的認識，掌握Layer(圖層)和 Frames(框架)的創建和使用。掌握flash、視頻、音頻的插入方法。【教學重點與難點】

重點：網頁信息的立體控制方法，圖層、行為、框架，難點：編輯多媒體 【教學時數】4學時 【教學方法與手段】講授 【教學內容】

1.網頁的定位技術框架 2.Layer(圖層)3.flash、視頻、音頻的插入 【實踐教學時數】 4 學時

【教學方法與手段】 演示法、實驗法 【實踐教學內容】

??利用框架設計頁面 ??利用層設計頁面 ???層與表格相互轉換 ???在線音樂欣賞

第四章 安裝調試服務器與站點管理 HTML和CSS樣式 【教學目的和要求】

了解服務器的安裝與調試，理解站點的管理方法及配置IIS，掌握HTML的基本語法、編輯環境與基本結構，理解CSS樣式針對格式的控制，了解樣式的總體分類，盡量把多種控制手段、方法結合起來使用。【教學重點與難點】

重點：站點的管理方法，HTML基本語法 難點：CSS樣式針對格式的控制 【教學時數】4學時 【教學方法與手段】 講授 【教學內容】 1.安裝調試服務器 2.站點管理 3.HTML標記 4.CSS樣式

【實踐教學時數】 4 學時

【教學方法與手段】 演示法、實驗法 【實踐教學內容】

1.創建web站點，配置IIS，本地、測試、遠程站點 2.利用HTML制作網頁 3.利用CSS制作特效網頁

第五章 提高工作效率 制作網頁特效 【教學目的和要求】

了解資源面板的作用和使用。掌握模板和庫的運用方法（包括：制作、更新、管理），掌握對全站點的統一、高效的徹底控制的方法。理解掌握網頁信息的立體控制方法，Behaviors(行為)及時間軸的使用及JavaScript的簡單應用。【教學重點與難點】

重點：模板應用，Behaviors(行為)及時間軸的使用。難點：JavaScript的應用。【教學時數】6學時 【教學方法與手段】講授 【教學內容】 1.資源面板的使用 2.模 板 3.庫

4.Behaviors(行為)的使用 5.時間軸的使用

6.JavaScript的簡單應用 【實踐教學時數】 6 學時

【教學方法與手段】 演示法、實驗法 【實踐教學內容】 ???利用模板制作個人網站 ???設置快捷菜單

???利用行為和時間軸制作特效頁面 ???JavaScript的應用

???構建動態網站基礎知識

【教學目的和要求】

了解Asp的基本概念，掌握用事件編程來控制網頁，理解ASP的概念及其相關的技術，掌握服務器怎樣和客戶交互，制作出完整的應用程序。掌握表單的創建和使用，理解表單的可實現網頁數據傳輸功能，了解表單的不同提交方式之間的區別。【教學重點與難點】

重點：表單格式控制、表單處理。難點：Asp對象 【教學時數】 4學時 【教學方法與手段】 講授 【教學內容】

1.ASP的對象、服務器對象 2.表單概念 3.創建表單

4.表單發送方式的處理 【實踐教學時數】 4 學時

【教學方法與手段】 演示法、實驗法 【實踐教學內容】

???利用表單對象制作上傳頁面 ???制作個人簡歷 第七章 動態網站數據庫 【教學目的和要求】

了解數據庫與網頁之間的聯系，理解數據庫的概念，掌握動態網站的設置和數據庫的應用。【教學重點與難點】

重點：數據庫的相關概念和原理，數據庫連接 難點：SQL語句，數據庫連接 【教學時數】 2學時 【教學方法與手段】講授 【教學內容】

???動態網站的設置 ???數據庫的連接 ???SQL語言中的常用語句 ???通過ADO使用數據庫

???定義記錄集，并與數據庫的綁定 ???在頁面顯示記錄 【實踐教學時數】 2 學時 【教學方法與手段】 演示法、實驗法 【實踐教學內容】 ???利用Access建立數據庫 ???利用網頁對數據庫數據進行操作 第八章 綜合實例 【教學目的和要求】

通過對具體網站設計實例的講解，提高學生綜合分析問題和解決問題的能力。使學生掌握運用Dreamweaver8獨立地進行網站相關設計的技能，初步具備實際工作能力，實現登陸、注冊、修改、查詢、留言板等功能。【教學重點與難點】

重點：確定網站整體設計風格，查詢、留言板功能 難點：網站整體設計的把握和確定，相關數據庫的設計 【教學時數】 6學時 【教學方法與手段】講授 【教學內容】

???網站主題的確定資料和素材的收集 ???各級頁面之間的連接

???動態網頁與相關數據庫的連接

???實現登陸、注冊、修改、查詢、留言板等功能 【實踐教學時數】 6 學時 【教學方法與手段】 演示法、實驗法 【實踐教學內容】 1.創建站點 2.設計數據庫 3.實現登陸、注冊、修改、查詢、留言板等功能

七、建議教材與教學參考書 教材：

1.《Dreamweaver 8網頁制作與網站開發》楊志姝，吳俊海編著 清華大學出版社

2006年出版 版次1 參考書：

1.《中文版Dreamweaver MX 2004標準教程》鮑嘉，盧堅編著，海洋出版社

2004年出版 版次1 2.《Dreamweaver MX入門與提高》周家地，肖小清編著，清華大學出版社

2002年出版 版次1 3.《ASP動態網頁設計教程》丁桂芝編著，中國鐵道出版社2005年出版 版次1 制定人：（課程負責人或任課教師簽字）日期：

審核人：（系或教研室主任簽字）日期： 審定人：（教學院長或教務處長簽字）

日期：

香蕉街,棉先生,初棉,棉先生官方,棉先生淘寶,原創女裝,2013新款女裝

http://www.tmdps.cn

第五篇：網站建設-網頁設計-常用中日互譯-標準版

雙語網站建設常用的詞語和短語的翻譯

日文 日本語

以下為導航條上部分按鈕的翻譯

網站導航/網站地圖 サイト案內 / サイトマップ 關于我們 企業案內 公司簡介 會社概要 公司設備 會社設備 公司榮譽 會社栄養 企業文化 企業文化 產品展示 製品展示 企業資質 企業資質 營銷網絡 販売サイト 組織機構 組織機構 合作加盟 協力加盟 技術力量 技術力量

領導/總經理/董事長致辭

リーダー／社長／取締役から のご挨拶

發展歷程 発展過程 工程案例 工事実例 業務范圍 業務範囲 分支機構 支店機構 供求信息 供給情報 經營理念 経営理念 產品銷售 製品販売 聯系我們 お問い合わせ 信息發布 ニュース

返回首頁 ホームページへ戻る 產品定購 製品注文 客戶留言 お客様の伝言 客戶服務 お客様サービス 售后服務 アフターサービス 質量保證 質量保証 服務承諾 サービス承諾 社區 コミュニティ

招聘/求賢納士 招聘／人材の採用 企業論壇 企業のフォーラム 下載中心 ダウンロードセンター 后臺管理 ウェブ管理 企業郵局 企業郵便局

客戶中心 お客様センター

客戶反饋 お客様フィード?バック

以下為普通頁面按鈕的翻譯 分類瀏覽 分類ブラウズ 電子商務 電子商務 公司實力 會社実力 版權所有 著作権所有 友情連結 友情リンク 應用領域 応用領域 人力資源 人的資源 行業新聞 業界ニュース 行業動態 業界動態 招商引資 資金導入 招標 入札募集 業績 業績

大事記 イベント 動態信息 動態情報

你是如何知道我們的? どのように私達を知っているのですか？ 術語 用語

使用條款 使用條項

隱私條款 プライバシーの條項 三維全景圖 3次元の全景図 疑難解答 難しい解答 分類瀏覽 分類ブラウズ 專利產品 特許製品

樣板工程 サンプルプロジェクト 我們的承諾 私たちの承諾 當前位置 現在の位置

問卷調查 アンケート調査 品質政策 品質政策 綜合實力 総合実力 文化生活 文化生活 辦公環境 オフィス環境 設備展示 設備展示 廠房廠貌 工場面貌 廠房設備 工場設備 插件 プラグイン

網站首頁上的常用短語-Home(page)進入 お入りください

跳過動畫 アニメーションをスキップする

你是

網絡實名: インターネットキーワード

網站總訪問量/流量統計: インターネット総訪問量／流量の統計

(公司名)頁面版權所有。Webpage Copyright(c)年份+公司名或者網址(www.tmdps.cnへお問合せてください。-->

地址欄常用詞組和短語翻譯 公司名稱 會社名稱

銷售熱線 販売ホットライン 聯系人 連絡人 您的要求 ご要求

該網頁正在建設中 このサイトは今建設中でございます。地址 住所

郵編 郵便 番號 電話 電話番號 手機 攜帯電話 傳真 ファックス 總機 交換電話 導航 ナビゲータ

產品介紹類表單常用詞組和短語翻譯 產品名稱 製 品名稱 產品說明 製品情報 價格 価格 品牌 ブランド 規格 規格 尺寸 サイズ

生產廠家 生産工場 型號 型番

產品標號 製品番號 技術指標 技術指標 產品描述 製品紹介 產地 産地

銷售信息 販売情報

用途 用途

最新產品 最新製品

推薦產品(精品展示)お進め製品（良質製品展示）促銷產品 販売促進製品 在線訂單 オンライン注文 產品展示 製品展示

網上支付 オンライン支払い 商品分類 商品分類 商品搜索 商品検索

網上商城 オンラインデパート

會員中心常用詞組和短語翻譯 會員中心 會員センター 會員管理 會員管理 郵箱登陸 メール登録 登錄 登録

確認 確認（チェック）重置 クリア 取消 キャンセル

會員注冊 會員レジスタ 用戶名 ユーザー名 密碼 パスワード

忘記密碼 パスワードを忘れる

其它-Others 設為首頁 ホームページに設定する

加入收藏夾 ブックマークに保存する。