发表于2024-11-15
跨平台时代,HTML5/CSS3势力崛起,开创网页设计需有新格局!
.网页创意点子.绝妙版面设计.动态声光效果.人气特效应用
.超赞扩充功能.质感网页美化.风格网页最佳制作化
跨平台网页设计秘诀,全面实战大集结!
HTML5和CSS3是网页技术的一大跃进,支援音乐、影片和绘图,不需安装任何外挂程式,轻松制作出内容与视觉效果兼具的网页作品。另外,流变格线版面解决了许多网页设计师的困扰,一次完成智慧手机、平板电脑和PC网页的制作,跨平台网页设计,不再是难题。
.认识网页设计(我的第一个网页)
.文字遇上影像(旅游全记录)
.连结世界的捷径(滑鼠变换影像展示)
.多媒体网页设计(嵌入YouTube影片)
.表格与AP元素(以Div标签设计网页相簿)
.页框与范本(使用范本建立网页)
.HTML5与CSS3(跨手机/平板与PC的流变格线版面)
.扩充功能应用(加入Facebook按钮)
.Spry组件(Spry架构的相片展示)
.伺服器与上传网页(网页上传与跨装置网页测试)
第1章:认识网页设计(我的第一个网页)
在数位出版的时代,网页是最容易发挥创意的方式,无论是初学者或网页设计师,都可以透过网页进行创意展示。
1-1 认识Dreamweaver
1-2 Dreamweaver CS6 的新功能
1-3 网页设计专有名词
1-4 启动Dreamweaver CS6
1-5 新增网站
1-6 建立网页
1-7 主题范例-我的第一个网页
第2章:文字遇上影像(旅游全记录)
文字和影像是网页最基本的元素,透过文字和影像的邂逅,将您的创意好点子呈现给全世界。
2-1 文字与影像组合
2-2 输入文字
2-3 文字的换行
2-4 连续的空白字元
2-5 特殊字元
2-6 水平线
2-7 网页影像
2-8 插入影像
2-9 影像的去背
2-10 背景影像的重复方式
2-11 浮动的影像(文绕图)
2-12 主题范例-旅游全记录
第3章:连结世界的捷径(滑鼠变换影像展示)
超连结是网页的精神所在,试着透过一根手指头和浏览者有更多的互动,将网页连结到世界各地。
3-1 认识超连结
3-2 文字与超连结
3-3 影像与超连结
3-4 下载档案的连结
3-5 锚点
3-6 影像地图
3-7 主题范例-滑鼠变换影像展示
第4章:多媒体网页设计(嵌入YouTube 影片)
只有文字和影像太单调,来点声光效果的多媒体元素丰富网页的内容,让音乐、FLASH动画和影片都成为网页的一角。
4-1 影像预留位置
4-2 滑鼠变换影像
4-3 Flash影片
4-4 Flash视讯
4-5 背景音乐
4-6 主题范例-嵌入YouTube影片
第5章:表格与AP元素(以Div标签设计网页相簿)
表格是版面设计的最佳工具,从单栏到多栏都可以使用表格来完成。AP元素可以让网页更具弹性,创造多变的视觉效果。
5-1 认识表格
5-2 建立表格
5-3 编辑表格
5-4 内容绝对置中
5-5 表格影像边框
5-6 认识AP元素
5-7 新增AP元素
5-8 AP Div标签水平置中
5-9 巢状结构的AP Div
5-10 主题范例-以Div标签设计网页相簿
第6章:页框与范本(使用范本建立网页)
想要设计风格一致的页面并制作大量的网页时,页框和范本是提高生产力的最佳方案,对于网页内容的维护也很容易。
6-1 认识页框
6-2 建立页框组网页
6-3 页框+Div相片展示
6-4 认识范本
6-5 建立范本
6-6 主题范例-使用范本建立网页
6-7 修改范本
第7章:HTML5与CSS3(跨手机/ 平板与PC 的流变格线版面)
HTML5与CSS3让网页呈现全新的视觉特效,网页设计者必须同时满足手机、平板和电脑等多平台的要求,这也是网页设计未来的趋势。
7-1 认识 HTML5与CSS3
7-2 HTML5播放影片
7-3 HTML5绘图特效
7-4 CSS固定中央背景
7-5 CSS影像导览列
7-6 CSS3转场动画效果
7-7 主题范例-跨手机/平板与PC的流变格线版面
第8章:扩充功能应用(加入Facebook按钮)
除了内建的动态效果以外,您还可以从网路下载更多的扩充功能和组件来丰富网页的内容和视觉效果。
8-1 认识扩充功能
8-2 行为面板
8-3 影像缩放效果
8-4 新增扩充功能
8-5 扩充功能-EasyRotator相片幻灯秀
8-6 认识Adobe Widget Browser
8-7 主题范例-加入Facebook按钮
第9章:Spry组件(Spry架构的相片展示)
Spry组件可以制作各种互动式的选单,举凡弹出式选单、折叠式面板、标签切换面板等,都在可弹指之间轻易完成。
9-1 认识Spry组件
9-2 Spry选单列组件
9-3 Spry标签面板组件
9-4 Spry折叠式组件
9-5 Spry可收合面板组件
9-6 Spry架构的相片展示
第10章:伺服器与上传网页(网页上传与跨装置网页测试)
架设网页伺服器可以提供浏览者浏览您的网页。制作网页后,如何将网页传送到伺服器并维护网页才是另一阶段的开始。
10-1 网页伺服器
10-2 设定远端伺服器资讯
10-3 上传网页
10-4 档案同步化
10-5 主题范例-网页上传与跨装置网页测试
10-6 登录网站
10-7 宣传网页
Dreamweaver CS6网页点子实战课(跨平台网页设计实战!附29段基础影音教学、试用版、范例档) pdf epub mobi txt 电子书 下载 2024
Dreamweaver CS6网页点子实战课(跨平台网页设计实战!附29段基础影音教学、试用版、范例档) pdf epub mobi txt 电子书 下载