Dreamweaver 進階網頁製作 B88901043 許天彰.

Slides:



Advertisements
Similar presentations
第四讲 课 题:在 Dreamweaver8 中使用表格布置页面 目的及要求:使用表格布置页面 教学重点:重点掌握设置表格属性的方法 教学难点:嵌套单元格设置布局表格的形式对网页进 行布局 教学课时: 2 课时 教学方法:提问与比较教学方式,激发学生兴趣; 教学内容与步骤:
Advertisements

4 第 4 章 网页的布局 设计站点地图,有助于突出网站的主题,确定网 站的内容。而对于每一个网页来说,最重要的除了网 页的内容以外,还有就是网页的风格和布局。一个格 局凌乱的网页,内容再精彩,也不能说是一个好网页 。
03 訴說旅行緣起 - 文字與影像 網頁文字的編輯 格式化文字 水平線的插入與設定 網頁影像的使用 操作秘技與重點叮嚀.
毛峰教授 北京师范大学教授,博士生导师 国家社科基金项目专家 北京华文教育顾问
目 錄 論文撰寫與印製格式…………………………………2 畢業論文繳交流程 ……………………………………3
專題製作 許惠淑.
活力校園 5C 顏慧玲.
5.6 制作具有动态特效的网页 1. 层和时间轴动画 2. Dreamweaver的Behaviors(行为)概述 华东师范大学计算中心.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
2 HTML5與CSS3 2-1 HTML5的頁面結構 2-2 HTML5的文字編排標籤 2-3 HTML5的圖片與超連結標籤
XML 第05讲 使用CSS显示XML.
目 錄 論文撰寫與印製格式 …………………2 畢業論文繳交流程 ……………………3 轉PDF檔前建議………………………4
第五单元课1-3 层叠样式表.
Css2/css3全教程 选择器 群号: 韬略课堂:何韬.
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
第6章 文本 文本在网络上传输速度较快,用户可以很方便地浏 览和下载文本信息,故其成为网页主要的信息载体。 整齐划一、大小适中的文本能够体现网页的视觉效 果。因而文本处理是设计精美网页的第一步。本章 将结合具体实例介绍在Dreamweaver CS4中如何插 入文本,对文本进行排版及一些文本辅助功能。
第四章 样式表CSS CSS技术是一种格式化网页的标准方式,它通过设置CSS属性债周页元素获得各种不同效果。本章共分9个实例,主要内容包括的基础知识、CSS创建与导入、CSS的语法结构、常用CSS的分类、CSS的使用原则等内容。
第8章 样式表.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
CSS简介 WEB前端三剑客之二.
CSS 徐于晉 陳政樺 陳郁蘋 黃麒錕 劉芳賓.
第 11 章 讓版面更活潑 的 CSS.
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
第7章 层与行为.
CSS 教學 下載並修改自: 資工系涂世俊老師教學網站.
Ch.13 HTML網頁實作.
XSL: Extensible Stylesheet Language
CSS字型樣式.
动态专题制作 凤凰网技术中心 应用管理部.
CSS - Cascading Style Sheets
CHAPTER 18 CSS樣式表的動態效果.
十二年國民基本教育中等學校教師教學專業能力研習五堂課
HTML & CSS.
学生网页作品情况分析.
CSS樣式 靜宜大學 資管系 楊子青.
基礎程式設計範例 -網頁名片.
主讲:陶建平 华中科技大学网络与计算中心
CSS技术 蒋玉华.
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版
Web前端开发技术与实践 第9章:文字样式 阮晓龙 /
UI 软件 设计 页面布局(二).
大家所认为的电子商务行业有哪些途径来赚钱?
前端技术开发 高莺.
现代教育技术部 张建威
网页设计与制作 Dreamweaver CS6 标准教程
网页制作基础 授课老师: 黄露.
網路程式設計期末project 指導教授:馬尚彬 學生:楊依林 學號:B
第 1 章 文字媒體 多媒體導論與應用-第三版 1.1 文字的格式 1.2 數位化文字的應用 1.3 課後練習
第13章 CSS 通过CSS可以使用更丰富、更灵活的样式,更简单地 设计出更美观的网页。同时,也让网页的设计与维护 更有效率。CSS在网页设计中的作用尤为重要,是网 页设计师必备的知识。本章首先介绍什么是CSS、CSS 的基本语法等基础知识,接着学习利用“CSS”面板 管理规则,如何在Dreamweaver中创建与应用CSS样式.
武汉纺织大学传媒学院 cm.wtu.edu.cn
主讲:陶建平 华中科技大学网络与计算中心
動態網頁程式設計實習 主講人:徐培倫老師.
武汉纺织大学传媒学院 cm.wtu.edu.cn
《网页设计与制作》.
Dreamwaver 4 網頁設計好幫手.
目的 推廣有益身心的康體計劃 現在,青年人較少時間做適量運動,所以 學校推行這個康體計劃,使學生在一個健康的環境下成長,減少疾病的傳播。
2.1 文字的不同屬性 2.2 文字的版面設計 2.3 不同的文字檔案格式 2.4 按需要設定合適的文字屬性 2.5 文字檔案格式的轉換.
布局大师——表格.
第7章 使用CSS设置链接与导航菜单 经济管理学院.
Brief Guide of FrontPage
CSS基礎 靜宜大學 資管系 楊子青.
网页设计三合一教程 主讲教师 2019/6/2.
DreamWeaver MX (IV) 林偉川.
CSS 一起來美化網頁吧!!.
Web前端开发 第7章:初识CSS3 阮晓龙 / 河南中医药大学管理科学与工程学科
使用Dreamweaver 8 國立竹東高級中學 資訊科技概論 黃秋雅老師
第4章 JSP动态网页设计基础 教学目标 教学重点 教学过程 2019年10月21日.
Presentation transcript:

Dreamweaver 進階網頁製作 B88901043 許天彰

大綱 階層樣式表 CSS(Cascading Style Sheet) 網頁的行為指令Behavior 在網頁上嵌入多媒體物件 組織整個網站->site

階層樣式表 CSS(Cascading Style Sheet) 簡介->讓網頁設計者在編排與空間配置更有彈性 範例 <style type="text/css"> <!-- .word1 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #000000} .word2 { font-family: "Courier New", "Courier", "mono"; font-size: 24px; font-weight: bold; color: #FF6600; text-decoration: underline} a:hover { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; font-weight: 100; color: #000000} --> </style>

CSS連結模式

插入CSS連結

階層樣式表 CSS cont 製作自訂樣式 Make Custom Style 重新定義HTML標籤 Redefine HTML Tag 使用CSS判斷規則 Use CSS Selector

各種樣式 字型 Type 背景 Background 區塊 Block 邊緣 Border 列表 List 位置 Positioning 擴充 Extensions

各種樣式

Use CSS Selector

CSS的套用

CSS的套用 2

CSS的套用 – 完成

網頁的行為指令Behavior Behavior的概念: Event->Actions

Behavior 2 常用behavior:檢查瀏覽器版本 開啟瀏覽視窗 彈出訊息方塊 TimeLine ->配合圖層(Layer)和Behavior產生動態的網頁

TimeLine實作: 建立圖層 加入到Timeline 用behavior來啟動Timeline

Time Line

Time Line 2

嵌入多媒體物件 Flash按鈕 Flash文字 Shockwave與Fireworks

範例展示 網頁:酋長島

組織整個網站->site 本地檔案資料 遠端server資料 網頁傳輸 同步化

報告結束 感謝助教借閱Dreamweaver參考書籍 感謝酋長提供靈感。