ART 116 - 网页设计I

课程简介

课程标签

• 网页设计
• Photoshop
• Firework
• Dreamweaver

课程列表

• L1：用户账号
• L2：创建文件夹
• L3：网址设置
• L4：连接你的个人服务器
• L5：创建索引页
• L6：上传文件
• L7：保存文件的正确方法
• L8：最好的练习-第1集-提交作业
• L9：最好的练习-第2集-上传测试
• L10：最好的练习-第3集-从服务器删除文件
• L11：使用网页样式指导原则
• L12：设计原理之对比色
• L13：设计原理之对齐
• L14：设计原理之重复性
• L15：15 Design Principles_ Episode 5 - Princiles of Design-Repetition
• L16：16 Design Principles_ Episode 6 - Different Elements on the Page
• L17：17 Design Principles_ Episode 7 - What is Too Much
• L18：18 Design Principles_ Episode 8 - Selecting Color Schemes
• L19：19 HTML Basics_ Episode 1 - How to Read HTML
• L20：20 HTML Basics_ Episode 2 - Working with Coding
• L21：21 HTML Basics_ Episode 3 - HTML Codes for Colors
• L22：22 Working w_ Photoshop for the Web_ Episode 1-GIF-Getting Started with a GIF
• L23：23 Working w_ Photoshop for the Web_ Episode 1-JPG-How to Find Photos to Use
• L24：24 Working w_ Photoshop for the Web_ Episode 2-GIF-Using the Fill Tool
• L25：25 Working w_ Photoshop for the Web_ Episode 2-JPG-Getting Started with a JPG
• L26：26 Working w_ Photoshop for the Web_ Episode 3-GIF-How to Add Text
• L27：27 Working w_ Photoshop for the Web_ Episode 3-JPG-Understanding Size
• L28：28 Working w_ Photoshop for the Web_ Episode 4-GIF-Using Layers Effects
• L29：29 Working w_ Photoshop for the Web_ Episode 4-JPG-How to Resize an Image
• L30：30 Working w_ Photoshop for the Web_ Episode 5- GIF- Using Styles
• L31：31 Fireworks_ Episode 6 - Creating a Gradient Background
• L32：32 Working w_ Photoshop for the Web_ Episode 6-GIF-How to Save a Gif
• L33：33 Fireworks_ Episode 8 - Slicing a Prototype into Graphics
• L34：34 Working w_ Photoshop for the Web_ Episode 7-GIF-Working with Transparency
• L35：35 Working w_ Photoshop for the Web_ Episode 7-JPG-How to Combine Element
• L36：36 Working w_ Photoshop for the Web_ Episode 8-GIF-Making a Texture Background
• L37：37 Working w_ Photoshop for the Web_ Episode-8-JPG-How toSave a JPG
• L38：38 Working w_ Fireworks for the Web_ Episode1 -GIF-Getting Started with a GIF
• L39：39 Working w_ Fireworks for the Web_ Episode 1-JPG-How to Find Photos to Use
• L40：40 Working w_ Fireworks for the Web_ Episode 2-GIF-Using the Fill Tool
• L41：41 Working w_ Fireworks for the Web_ Episode 2-JPG-Getting Started with a JPG
• L42：42 Working w_ Fireworks for the Web_ Episode 3-GIF-How to Add Text
• L43：43 Working w_ Fireworks for the Web_ Episode 3-JPG-Understanding Size
• L44：44 Working w_ Fireworks for the Web_ Episode 4-GIF-Using Sytles
• L45：45 Working w_ Fireworks for the Web_ Episoede 4-JPG-How to Resize an Image
• L46：46 Working w_ Fireworks for the Web_ Episode 5-GIF-How to Save a Gif
• L47：47 Working with CSS in Dreamweaver_ Episode 9-How to Add a Footer ID
• L48：48 Working w_ Fireworks for the Web_ Episode 6-GIF -Working with Transparency
• L49：49 Working with CSS in Dreamweaver_ Episode 11-How to Use the Code Navigator
• L50：50 Working w_ Fireworks for the Web_ Episode 7-GIF-Making a Texture Background
• L51：51 Working w_ Fireworks for the Web_ Episode 7-JPG-How to Combine Elements
• L52：52 Working w_ Fireworks for the Web_ Episode 8-JPG-How to Save a JPG
• L53：53 Dreamweaver Interface_ Episode 1 -The Welcome Screen
• L54：54 Dreamweaver Interface_ Episode 2 - Navigating the Document Window
• L55：55 Dreamweaver Interface_ Episode 3 - Using the Panels
• L56：56 Dreamweaver Interface_ Episode 4 - Using the Insert Panel
• L57：57 Dreamweaver Interface_ Episode 5 - Using th Property Inspector
• L58：58 Dreamweaver Interface_ Episode 6 - How to Manage Your Pages
• L59：59 Dreamweaver Interface_ Episode 7 - How to Use the Files Panel
• L60：60 Text Formatting in Dreamweaver_ Episode 1- Page Appearance
• L61：61 Text Formatting in Dreamweaver_ Episode 2- Redefine a Tage
• L62：62 Text Formatting in Dreamweaver_ Episode 3-Define a Class Selector
• L63：63 Text Formatting in Dreamweaver_ Episode 4-How to Align
• L64：64 Designing CSS Layout Containers_ Episode 3-Creating a Main Navigation Area
• L65：65 Text Formatting in Dreamweaver_ Episode 6-How to Indent
• L66：66 Text Formatting in Dreamweaver_ Episode 6-How to Indent
• L67：67 Text Formatting in Dreamweaver_ Episode 8-Creating a List
• L68：68 Text Formatting in Dreamweaver_ Episode 9-Using Auto Data Function
• L69：69 Text Formatting in Dreamweaver_ Episode 10-Inserting a Horizontal Rule
• L70：70 Text Formatting in Dreamweaver_ Episode 11-Using the Fine Replace Fuction
• L71：71 Text Formatting in Dreamweaver_ Episode 12-How to Use Spell Check
• L72：72 Text Formatting in Dreamweaver_ Episode 13- Moving a Rule
• L73：73 Working w_ Images in Dreamweaver_ Episode- How to Insert an Image
• L74：74 Working w_ Images in Dreamweaver_ Episode 2-Using the Assets Palette
• L75：75 Working w_ Images in Dreamweaver_ Episode 3-Inserting an Image Placeholder
• L76：76 Working w_ Images in Dreamweaver_ Episode 4-How to Align Images with Text
• L77：77 Working w_ Images in Dreamweaver_ Episode 5-Do Not Resize Images
• L78：78 Working w_ Images in Dreamweaver_ Episode 6 Using a Background Image
• L79：79 Working w_ Images in Dreamweaver_ Episode 7- Inputting Space Around an Image
• L80：80 Working w_ Images in Dreamweaver_ Episode 8 -Inserting a Rollover Image
• L81：81 Working w_ Images in Dreamweaver_ Episode 9- Creating an Image Map
• L82：82 Applying Links in Dreamweaver_ Episode 1-How to Create a Text Link
• L83：83 Applying Links in Dreamweaver_ Episode 2-How to Create an Image Link
• L84：84 Applying Links in Dreamweaver_ Episode 3-How to Create an External Link
• L85：85 Flash Basics_ Episode 5 - Using the Girds,Rulers and Guides
• L86：86 Applying Links in Dreamweaver_ Episode 5-How to Use a Target
• L87：87 Applying Links in Dreamweaver_ Episode 6-How to Create an Email Link
• L88：88 Applying Links in Dreamweaver_ Episode 7 -Ways to Edit Link Appearance
• L89：89 Applying Links in Dreamweaver_ Episode 8-How to Use an Anchor
• L90：90 Working w_ CSS in Dreamweaver_ Episode 1- What are Tags
• L91：91 Working w_ CSS in Dreamweaver_ Episoode 2-How to Edit a Tag Selector
• L92：92 Working w_ CSS in Dreamweaver_ Episode 3- Using the Style Panel
• L93：93 Working w_ CSS in Dreamweaver_ Episode 4- How to Create a Class Style
• L94：94 Working w_ CSS in Dreamweaver_ Episode 5-How to Create an ID Selector
• L95：95 Working w_ CSS in Dreamweaver_ Episode 6 -Building a Layout with CSS
• L96：96 Working w_ CSS in Dreamweaver_ Episode 7- Modfying a Layout with CSS
• L97：97 Working w_ CSS in Dreamweaver_ Episode 8- How to Align Containers in CSS
• L98：98 Working w_ CSS in Dreamweaver_ Episode 9- How to Add a Footer ID
• L99：99 Working w_ CSS in Dreamweaver_ Episode 10- What are the CSS Categories
• L100：100 Working w_ CSS in Dreamweaver_ Episode 11- How to Use the Code Navigator
• L101：101 Working w_ CSS in Dreamweaver_ Episode 12- Looking at the CSS Document
• L102：102 Flash Graphics_ Episode 1 - Creating Graphic Symbols
• L103：103 Flash Graphics_ Episode 2 - Having Graphics on Multiple Layers
• L104：104 Flash Graphics_ Episode 3 - Converting a Symbol
• L105：105 Flash Graphics_ Episode 4 - Graphic Instances
• L106：106 Flash Graphics_ Episode 5 - Importing Graphics
• L107：107 Working w_ Tables in Dreamweaver_ Episode 1- How to Insert a Table
• L108：108 Working w_ Tables in Dreamweaver_ Episode 2- How to Edit Rows and Columns
• L109：109 Working w_ Tables in Dreamweaver_ Episode 3 - How to Resize a Table
• L110：110 Flash Movieclips_ Episode 4 - Adding a Scene
• L111：111 Flash Frame by Frame Animation_ Episode 1-Creating a Keyframe
• L112：112 Working w_ Tables in Dreamweaver_ Episode 6- How to Embed Tables
• L113：113 Working w_ Spry in Dreamweaver_ Episode 1- What is a Spry
• L114：114 Working w_ Spry in Dreamweaver_ Episode 2 -How to Add a Spry Menu
• L115：115 Working w_ Spry in Dreamweaver_ Episode 3 -Editing a Spry Menu
• L116：116 Working w_ Spry in Dreamweaver_ Episode 4 -How to Add a Tabbed Widget
• L117：117 Working w_ Spry in Dreamweaver_ Episode 5- Editing a Tabbed Widget
• L118：118 Working w_ Spry in Dreamweaver_ Episode 6- How to Add an Accordian Widget
• L119：119 Working w_ Spry in Dreamweaver_ Episode 7- How to Add a Collapsible Widget
• L120：120 Working w_ Spry in Dreamweaver_ Episode 8 -Editing Widgets
• L121：121 Working w_ Forms in Dreamweaver_ Episode 1- How to Add a Form
• L122：122 Working w_ Forms in Dreamweaver_ Episode 2- How to Add a Text Field
• L123：123 Working w_ Forms in Dreamweaver_ Episode 3- How to Add a Checkbox
• L124：124 Working w_ Forms in Dreamweaver_ Episode 4 -How to Add a Radio Button
• L125：125 Working w_ Forms in Dreamweaver_ Episode 5- How to Add a Menu
• L126：126 Working w_ Forms in Dreamweaver_ Episode 6- How to Add a List
• L127：127 Working w_ Forms in Dreamweaver_ Episode 7-How to Add a File Field
• L128：128 Working w_ Forms in Dreamweaver_ Episode 8- How to Add a Fieldset
• L129：129 Working w_ Forms in Dreamweaver_ Episode 9- Using the Validation Fields
• L130：130 Flash ActionScripting_ Episode 2 - Understanding the Actions Panel
• L131：131 Using Behaviors in Dreamweaver_ Episode 1 -How to Add a Behavior
• L132：132 Using Behaviors in Dreamweaver_ Episode 2-How to Delete a Behavior
• L133：133 Using Behaviors in Dreamweaver_ Episode 3-How to Edit a Behavior
• L134：134 Using Behaviors in Dreamweaver_ Episode 4- Adding a Rollover
• L135：135 Flash ActionScripting_ Episode 7 - Understanding the Complier Error Panel
• L136：136 Using Behaviors in Dreamweaver_ Episode 6 -Working with Other Behaviors
• L137：137 Using Behaviors in Dreamweaver_ Episode 7- Adding a Swap Image Behavior
• L138：138 Using Behaviors in Dreamweaver_ Episode 8- Adding Javascript to the Code
• L139：139 Creating Animations_ Episode 1 - Fireworks -Creating an Animated GIF
• L140：140 Creating Animations_ Episode 1 - Photoshop -Creating an Animated GIF
• L141：141 Creating Animations_ Episode 2 - Firmworks -Adding Elements to an Animation
• L142：142 Creating Animations_ Episode 2 - Photoshop - Creating a Layer
• L143：143 Creating Animations_ Episode 3 - Firmworks -How ti Animate a Symobol
• L144：144 Creating Animations_ Episode 3 - Photoshop - Adding Frames to an Antimation
• L145：145 Creating Animations_ Episode 4 - Firmworks -Saving an Animated GIF
• L146：146 Creating Animations_ Episode 4 - Photoshop -Adding a Tween
• L147：147 Flash and Sound_ Episode 3 - Importing Longer Sounds
• L148：148 Creating Animations_ Episode 5 - Photoshop -Adding Effects
• L149：149 Flash and Sound_ Episode 5 - Creating a Layer for Sounds
• L150：150 Flash and Sound_ Episode 6 - Adding Multiple Sounds
• L151：151 Creating Animations_ Episode 8 - Photoshop - Saving an Animated GIF