本站原创ExpressionWeb3网页规划设计课程大纲
课程主题:
本课程借由一个案例为大家快速介绍ExpressionWeb3建立网站的方式,也为大家介绍有关ExpressionWeb3的特色,如何与美工设计好的版型结合建立出美观的网站
另外一个重点会放在资料库结合运用,这个部份简化了资料库设定的功能,让资料库的结合更为快速
教学目标:
透过这三个主题的录影档,我们打算让大家可以快速的了解ExpressionWeb3的特色,以及它的运用方式,只要看过录影档就可以快速学会ExpressionWeb3,利用ExpressionWeb3来建立网站
时数配置:
预计录制三大主题约25个影片档,每个影片档约5~10分钟,每个主题约50分钟,约2.5小时
如何使用本教材:
共四个目录
「StepbyStep课程」–内含课程大纲每一小节的操作手册,您可以依此操作手册实机操作,亦可将之当成训练课程的讲义.
「阶段范例」–内含课程大纲每一小节所需要的范例档及素材档,请搭配「StepbyStep课程」目录下的操作手册使用
「上课简报」–内含课程大纲每一小节的教学投影片,适合讲师教学或是自学快速了解ExpressionWeb功能
「教学录影档」-内含课程大纲每一小节的教学影片,每个影片档约5~10分钟,可自学快速了解ExpressionWeb功能
课程大纲:
时程进度课程内容大纲及学习注意事项美工版型设计
网路花店
ExpressionWeb3和美工的结合(表格排版的设计)
表格排版运用
巢状表格的运用
范本的建立
范本档案的建立
范本的套用
范本的修改
CSS文字美化
文字的CSS美化
项目符号的CSS美化
SuperPreview观看不同浏览器下的显示结果
网页上传
网页动态效果
产品展示页面
建立图层的方式
行为-显示隐藏图层
行为-调换影像
行为-设定文字
多媒体物件
插入其它影片档
插入Silverlight
ExpressionEncoder–制作&,编辑Silverlight
插入Silverlight
建立DeepZoom
插入DeepZoom
网页
Silverlight3与Expression3
互动设计与程式完美结合让创意实现不打折
本次TechDays将展示新一代的网际网路技术平台与工具Silverlight3与Expression3.让设计人员与程式开发人员能够制作RIA(RichInterApplication)的应用和多媒体,轻松实现最炫的创意,并让网路使用者拥有更佳的互动体验.
Silverlight3
HDSmoothStreaming的高品质媒体串流-支援高画质1080P的影片,自动依据使用者的网路频宽,Silverlight高品质媒体,并支援DRM数位内容保护.
浏览器外(out-of-browser)执行支援-允许在浏览器外执行Web应用程式,让使用者能将网路应用程式放在桌面上,并支援离线
提升RIA开发生产力-Silverlight3包含了60多个高品质,可充分设定面板与自订的现成控制项,支援.NETRIAServices,大幅简化了远端资料库存取动作所需要撰写的程式码,搜寻引擎最佳化(SearchEngineOptimization,SEO),可将资料库导向的RIA内容自动对映成HTML,并使市场上常用的搜寻引擎建立索引以方便搜寻.
线上体验Silverlight！
Silverlight的特色展示,您可到以下网站实际体验,感受无与伦比的网路使用经验！
Silverlight於多媒体及线上影音串流应用
MichaelJackson纪念相簿,使用SilverlightDeepZoom效果-msn.michaeljackson.shoothill./
MSNRings&,Bling大明星相簿,使用SilverlightDeepZoom效果-movies.msn./wonderwall/celebrity-rings-and-bling/
Silverlight高画质HD串流怎么写作,IISSmoothStreaming-iis./media/experienceoothstreaming
oothhd./
Silverlight於企业的RIA应用
新光证券网路下单系统「富贵角七号」-ww2.sk88..tw/sl/
新浪财经A股行情银光版-vip.stock.finance.sina../silverlight/
ExpressionStudio3–网页设计及多媒体互动设计人员的Silverlight设计及标准网页设计工具,其新功能包括了,
ExpressionWeb是专业的网页设计工具-新功能SuperPreview的视觉诊断
ExpressionBlend包括以下新功能,
SketchFlow–让易於体验动态使用者经验.SketchFlow也可协助向其他关系人沟通设计想法,收集内容中注意见.
Behiors)-设计人员可以在其应用程式中加入互动性,而不必撰写程式码行为可以将复杂的设计互动封装成可重复使用的元件
Expression3产品完整功能清单如下,
MicrosoftExpression系列工具–简单上手,快速设计,实现创意！
产品名称功能描述专业网页设计工具
新一代的网页标准
支援HTML/XHTLM,XML/XSLT,CSS,JaScript的标准网页规格
SuperPreview功能–网页视觉诊断工具,预览在不同浏览器网页效果以设计符合各浏览器之网页
验证网站以符合W3C网站内容亲和力准则的无障碍网站
丰富的多媒体效果
支援AdobePhotoshop及Illustrator档案格式汇入
Silverlight,WindowsMedia,Flash的媒体档支援
制作并插入SilverlightDeepZoom效果
包括ExpressionEncoder–Silverlight媒体档编码及制作工具,可搭配IIS7.0做线上直播及影音串流怎么写作.
包括ExpressionDesign–图档设计工具
智慧型及范本式的CSSLayout&,format
搭配ASP.NET或PHP的程式开发设计动态互动网页MicrosoftSilverlight及多媒体互动设计工具
ExpressionStudio包括以下4套工具,
ExpressionBlend
高互动介面设计工具,结合,向量艺术,高品质文字,动画,像素影像和3D内容等设计元件,以建立高吸引力的使用者介面.
SketchFlow功能–互动式原型设计工具,让设计人员从设计概念出发,建立互动式原型,以易於体验动态的使用者经验,让创意於设计阶段即能完整呈现.
ExpressionWeb:专业网页设计工具.
ExpressionEncoder:专业编码工具,可编码和发布丰富的MicrosoftSilverlight体验及串流怎么写作.
ExpressionDesign:专业图形设计工具,可让设计人员为网页及桌面应用程式使用者介面建置吸引人的元素.应用范围网页设计,多媒体互动设计,程式设计人员使用
标准型网站设计-例如:数位典藏,部落格设计,Web2.0设计,多媒体互动网站
线上串流怎么写作–使用ExpressionEncoder编辑及发布线上,可搭配IIS7.0支援HDSmoothStreaming高画质串流,自动侦测使用者端网路频宽以提供顺畅的影音怎么写作
录制教学影片,操作画面并後制编辑网页设计,多媒体互动设计,程式设计人员使用
Silverlight互动式网页设计-可运用Silverlight或WPF
线上串流怎么写作–使用ExpressionEncoder编辑及发布线上,可搭配IIS7.0支援HDSmoothStreaming高画质串流,自动侦测使用者端网路频宽以提供顺畅的影音怎么写作
录制教学影片,操作画面并後制编辑
RIA(RichInterApplication)设计[注1]-您可以在microsoft./silverlight的网站中取得更多关於Silverlight之讯息
[注2]–体验SilverlightHDSmoothStreaming高画质流畅串流,iis./media/experienceoothstreaming
[注3]-MicrosoftExpressionStudio包含Expression系列产品(ExpressionWeb,ExpressionBlend,ExpressionDesign,Expression造访microsoft./taiwan/expression,了解更多Expression系列产品功能.
ExpressionWeb3网页规划设计】课程大纲---P.5