網站的設計 HTML 超文本標記語言( Hyper Text Markup Language)

Slides:



Advertisements
Similar presentations
醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
Advertisements

E-portfolio 個人履歷網站教學
第六章 网页设计与制作基础.
职业教育.课程改革.项目课程 江苏省太仓中等专业学校校长 江苏省职业教育教学改革创新指导委员会委员 江苏省职业教育课程开发研究中心组组长
讲故事训练 授课人:田轶.
高一年级过渡性学习 活动汇报 高一年级组 教科研室 汉滨高中.
第十一課 菜園 6-11.
Web与信息检索 LJ JUFE-SIT.
專題製作 許惠淑.
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
第五章:JDBC与数据库 第一讲.
DREAMWEVAER MX 2004入门 楼斌 BBS ID:lou 生命科学学院
网页制作与网站设计教学课件 网页制作与网站设计课程组开发
学习情境三:配置WEB服务器 服务器配置与管理.
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
第8章 信息获取与发布 《大学计算机基础》 桂林电子科技大学 陈辉金 适用教材:周娅等. 大学计算机基础.桂林:广西师范大学出版社,2013
全球資訊網(WWW)簡介.
蘇軾詞的賞析
模块七 信息获取与发布 第8章 计算机网络信息的获取与发布.
RFID電磁相容與檢測期中報告– RFID技術提昇醫療作業管理品質
第 1 章 跨入 Word 的世界.
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
HTML簡介、文字的變化、超連結的使用 主講:朱漢琳.
网页设计(1) 第12讲 网页技术简介 马秀麟 2014年5月 2018/9/17 制作人:马秀麟.
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
HTML5全栈开发序列课程 《前端入门》之HTML入门 余鹏作品.
Ch1.認識全球資訊網 1.1 「網際網路」與「全球資訊網」 1.2 全球資訊網的基礎 – 網頁與超連結
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
第 2 章 必備的 HTML 與 CSS 重點.
网站设计 前端 入门学习.
网页制作与设计 主编 耿 杰 科学出版社.
What’s New in HTML5.
安裝JDK 安裝Eclipse Eclipse 中文化
網頁切換移轉 JS vs. ASP.NET.
認識我的故鄉_台中市.
網頁切換移轉 JS vs. ASP.NET.
W3C标准网页制作 主讲教师:张 涛.
VS.NET 2003 IDE.
網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版
App Inventor 2初體驗 靜宜大學資管系 楊子青
前端技术开发 高莺.
2.2 Web界面设计 信息工程系 向模军 Tel: QQ:
Dreamweaver 8 潘雅真老師.
第三章 HTML相关技术基础知识 纵观各种动态页面开发技术,无论是JSP、ASP还是PHP都无 法摆脱HTML的影子。这些动态的页面开发技术无非是在静 态HTML页面的基础上添加了动态的可以交互的内容。HTML 是所有动态页面开发技术的基础。在接下来的章节将要详 细介绍的就是HTML相关的一系列技术,包括HTML、
PowerPoint 2019/4/9.
第一個cordova project Cordova project建立與平台設定,均藉由cli(command line interface來完成 建立project請打開命令提示字元視窗應輸入下列命令 cordova create hello tw.edu.stust.mis.hello HelloWorld.
伸峰科技股份有限公司 李書帆 SanfongWeb 網頁編修 伸峰科技股份有限公司 李書帆
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
動態網頁程式設計實習 主講人:徐培倫老師.
UI 软件 设计 页面布局(一).
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
项目二:HTML语言基础.
HTML基本語法及文字 靜宜大學 資管系 楊子青.
六年級電腦科 KompoZer w3.dhps.tp.edu.tw.
HTML大探索.
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
聽聽那冷雨---重點摘要 二愛 王煜榕.
JQuery 標籤操作 建國科技大學 資管系 饒瑞佶 2013/4 V1.
Dreamweaver 進階網頁製作 B 許天彰.
Work with your Results and Citations
Brief Guide of FrontPage
憲政與民主 應化3A 邱泓明.
W3C标准网页制作 主讲教师:张 涛.
安裝JDK 配置windows win7 環境變數
古蹟知性之旅 我和新港奉天宮有個約 報告人:陳 映 竹 傅 湘 甯.
HTML基本語法及文字 靜宜大學 資管系 楊子青.
第1章 HTML基础 主讲人:刘泰然 经济管理学院.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

網站的設計 HTML 超文本標記語言( Hyper Text Markup Language) JavaScript 世界上最流行的編程語言。 用Word編輯網頁 網站構建

HTML 超文本標記語言 HTML 是用來描述網頁的一種語言。 HTML不是一種編程語言,而是一種標記語言 (markup language) 標記語言是一套標記標籤 (markup tag) HTML使用標記標籤來描述網頁

HTML 標籤 HTML 標記標籤通常被稱為HTML 標籤(HTML tag)。 HTML標籤通常是成對出現的,比如<b>和</b> 標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤 開始和結束標籤也被稱為開放標籤和閉合標籤

HTML 文檔 HTML 文檔= 網頁 HTML文檔描述網頁 HTML文檔包含HTML標籤和純文本 HTML文檔也被稱為網頁 Web 瀏覽器的作用是讀取HTML 文檔,並以網頁的形式顯示出它們。瀏覽器不會顯示HTML 標籤,而是使用標籤來解釋頁面的內容:

<html><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html> HTML 網頁原始檔案內容的基本架構 <!DOCTYPE html> <html> <head> <title>文檔的標題</title> </head> <body> 文檔的內容...... </body> </html>

HTML 示範 HTML標題是通過<h1>~<h6>定義的,段落是通過<b>與<p>定義的。 HTML序列表是通過<ul>定義的。 HTML圖像是通過<img> 標籤進行定義的。 HTML播放<audio> 標籤進行定義的。 HTML 鏈接是通過<a> 標籤進行定義的。

JavaScript 世界上最流行的編程語言 JavaScript 是為HTML 設計者提供的一種的編程 工具 JavaScript 可以在HTML頁面中放入動態的文本 JavaScript 能夠對事件進行反應 JavaScript 可讀取並修改HTML 元素 JavaScript 可被用來驗證數據

JavaScript 示範 JavaScript 顯示本日的每日靈修網頁 JavaScript 連續播放mp3音樂檔

用Word編輯網頁 由於目前市面上有非常多製作網頁的軟體,所 以當您要製作網頁時,可先考慮自己的需求, 再選擇一套最適合自己的軟體來製作網頁,例 如:FrontPage、Dreamweaver、Word…… 等。 預覽Word文件的網頁效果 將Word文件變成網頁文件 建立新的網頁文件

網站構建 網站企劃 網頁設計 前端開發 後端開發 測試驗收 發佈-結案