[第1课] 用户账号

主题:本视频讲的是寻找你的账号。

[第2课] 创建文件夹

主题:本视频是教大家如何为本课程创建文件夹。

[第3课] 网址设置

主题:本节课讲的是在dreamweaver软件中网址的设置方法。

[第4课] 连接你的个人服务器

主题:本次课程讲的是连接你的个人服务器的方法。

[第5课] 创建索引页

主题:本节课讲的是如何创建的索引页,也就是网站的首页。

[第6课] 上传文件

主题:本次课程讲的是如何将文件上传到远程服务器。

[第7课] 保存文件的正确方法

主题:本次视频讲的是保存文件的正确方法。主要讲了给文件起名时需要注意的几个问题。

[第8课] 最好的练习-第1集-提交作业

主题:本视频讲的是完成作业后如何提交。

[第9课] 最好的练习-第2集-上传测试

主题:本次课程讲的是如何将作业上传,然后用多种方式进行测试,以确保上传成功。

[第10课] 最好的练习-第3集-从服务器删除文件

主题:本课讲的是如何从服务器上删除你不想要的文件。

[第11课] 使用网页样式指导原则

主题:本视频以webstyleguide.com网站的内容为指导原则,概括阐述了网页设计中的若干要点,以及注意事项。

[第12课] 设计原理之对比色

主题:本视频讲解了设计原理中的对比色的概念,并通过实例演示了如何搭配使用对比色才能提升人们的阅读舒适感。

[第13课] 设计原理之对齐

主题:本视频讲的是设计原理中的对齐,讲师通过实例阐释了对齐在网页设计中的重要性,并介绍了多种对齐样式。

[第14课] 设计原理之重复性

主题:本视频讲解了设计原理中的重复性,重复性的作用是为了将网站中各个页面的基础风格进行统一,包括配色主题以及排版格式等。

[第15课] 设计原理之近似性

主题:本视频介绍了设计原理中的近似性概念,它元素所起到的分类作用,有助于人们分辨不同类目的信息。

[第16课] 页面元素介绍

主题:本视频以苹果公司官方网站(apple.com)为例,对各种页面元素进行了阐述,并对网页设计中的可取之处做出了点评。

[第17课] 过犹不及

主题:本节视频演示了两个网页案例,从网页的设计原理角度看,它们的设计风格都走了极端,本视频将演示什么叫过犹不及。

[第18课] 选择配色方案

主题:本视频介绍了通过拾色网站选定配色方案的方法。

[第19课] HTML基础-第1节-HTML代码的阅读方法

主题:从本视频开始,讲师将专门讲解HTML语言的基础,这里介绍的是HTML代码的结构,以及各部分代码的功能。

[第20课] HTML基础-第2节-编写代码

主题:本视频通过简单的实例,讲解了HTML代码的编写方式,并指出了不同系统中的代码区别,阐释了应用段落标签的好处,以及嵌套标签的用法。

[第21课] HTML基础-第3节-HTML中的颜色代码

主题:本视频介绍了色彩的十六进制值的格式、特点、通用性、重要性,并通过实例演示了它的作用方式。

[第22课] photoshop的使用-第一集-GIF-初建GIF文件

主题:本节介绍gif类型按钮的制作。

[第23课] photoshop的使用-第一集-JPG-如何寻找可用图片

主题:本节讲的是如何为你的网页搜集图片。

[第24课] photoshop的使用-第二集-GIF-颜色的填充

主题:本节再次讲述填充工具的应用。

[第25课] photoshop的使用-第二集-JPG-JPG格式的图片

主题:本节课讲的是在PS软件中处理JPG图片,好方便在以后的网页中使用。

[第26课] photoshop的使用-第三集-GIF-如何添加文字

主题:本节讲如何添加文字。

[第27课] photoshop的使用-第三集-JPG-图片尺寸

主题:本节讲解Photoshop中的图片尺寸。

[第28课] Photoshop的使用-制作网页内容-第4节- GIF- 使用图层效果

主题:本节讲解的是图层效果。

[第29课] Photoshop的使用-制作网页内容-第4节- JPG- 如何调整图片大小

主题:本视频主要讲解如何改变图像的大小。

[第30课] Photoshop的使用-制作网页内容-第5节-GIF-使用样式

主题:本视频主要讲解了样式的使用方法。

[第31课] Photoshop的使用-第5节-JPG-如何使用裁剪工具调整尺寸

主题:本视频主要讲解了通过裁剪工具调整图像尺寸的方法。

[第32课] Photoshop的使用-第6节-GIF-如何保存GIF图像

主题:本视频讲解了GIF图像的保存方法,并对各种选项做了详细介绍。

[第33课] Photoshop的使用-第6节-JPG-使用裁剪工具进行精确裁剪

主题:本视频主要讲解了使用裁剪工具进行精确裁剪的方法。

[第34课] Photoshop的使用-第7节-GIF-制作透明图像

主题:本视频主要讲解了利用GIF图像格式制作透明图像的方法。

[第35课] Photoshop的使用-第7节-JPG-如何合并元素

主题:本视频主要讲解了如何将图形元素合并到文档中。

[第36课] Photoshop的使用-第8节-GIF-制作背景图

主题:本视频主要讲解了背景图的制作方法。

[第37课] Photoshop的使用-第8节-JPG-如何存储JPG格式图像

主题:本视频主要讲解了如何将文档存储为JPEG格式图像。

[第38课] 使用Fireworks制作网页内容-第1节-GIF-了解GIF格式

主题:使用Fireworks制作网页内容-第1节-GIF-了解GIF格式

[第39课] 使用Fireworks制作网页内容-第1节-JPG-如何获得图片素材

主题:本视频讲解了如何获得自己想要的图片素材。

[第40课] 使用Fireworks制作网页内容-第2节-GIF-适用填充工具

主题:本视频讲解了填充工具的使用方法。

[第41课] 使用Fireworks制作网页内容-第2节-JPG-了解JPG格式

主题:本视频讲解了如何创建JPEG格式的图片。

[第42课] 使用Fireworks制作网页内容-第3节-GIF-如何添加文本

主题:本视频讲解了如何在按钮上添加文本内容。

[第43课] 使用Fireworks制作网页内容-第3节-JPG-理解尺寸的概念

主题:本视频具体讲解了关于图像尺寸的概念。

[第44课] 使用Fireworks制作网页内容-第4节-GIF-使用样式

主题:本视频讲解了如何为Fireworks中的元素添加样式。

[第45课] 使用Fireworks制作网页内容-第4节-JPG-如何调整图像的尺寸

主题:本视频主要讲解了如何调整图像的尺寸。

[第46课]使用Fireworks制作网页内容-第5节-GIF-如何存储GIF格式图像

[第47课] 使用Fireworks制作网页内容-第5节-JPG-如何使用裁剪工具调整图像大小

主题:本视频讲解了如何使用裁剪工具对图像大小进行调整。

[第48课] 使用Fireworks制作网页内容-第6节-GIF-使用透明背景

主题:本视频讲解了如何生成包含透明背景的图像。

[第49课] 使用Fireworks制作网页内容-第6节-JPG-使用裁剪工具进行指定尺寸的裁剪

主题:本视频讲解了使用裁剪工具按指定尺寸进行裁剪的方法。

[第50课] 使用Fireworks制作网页内容-第7节-GIF-制作背景图

主题:本视频讲解了在Fireworks中制作网页背景图的若干方法与技巧。

[第51课] 使用Fireworks制作网络用图-第7节-JPG-如何合并元素

主题:本视频主要讲解了如何将各元素合并到一起创建图像内容。

[第52课] 使用Fireworks制作网络用图-第8节-JPG-如何存储JPG格式

主题:本视频主要讲解了如何将图像存储为用于网络发布的JPG图片格式。

[第53课] Dreamweaver的界面 第1集

主题:这个视频是讲解的是dreamwearver的欢迎页面。

[第54课] Dreamweaver的界面 第2集

主题:本视频讲的是Dreamweaver的基本界面及其文档窗口。

[第55课] Dreamweaver的界面 第3集

主题:本课程对Dw里的各种面板进行了简要介绍。

[第56课] Dreamweaver的界面 第4集

主题:本课程讲了“插入”面板的一些基本知识。

[第57课] Dreamweaver的界面 第5集

主题:本次课程对Dw的属性菜单进行了较详细的介绍。

[第58课] Dreamweaver的界面 第6集

主题:本视频主要讲解如何对Dreamweaver页面进行管理,保存。

[第59课] Dreamweaver的界面 第7集

主题:本视频对文件面板进行了介绍,讲解了如何打开文档。

[第60课] 在dreamweaver中设置文本格式

主题:本视频讲的是设置文本文档的外观,包括文档的字体、字号、前景色、背景色、页边距等等,以及一些注意事项。

[第61课] Dreamweaver中的文本格式_ 第2节- 重定义标签

主题:本视频主要讲解了如何对标签进行重定义操作。

[第62课] 网页设计中的文本模式-第三集-定义类选择符

主题:本集以非常具有代表性的例子,为我们生动详细地讲解了如何对class进行定义,class的应用范围,以及如何应用class一步一步地对各种字体设计出不同的视觉效果,不仅为设计者带来各种便利,获得事半功倍的效果,更重要的是,让网页更显个性,更具风格,更加吸引浏览者的眼球,让网页在他们心中留下深刻的印象。敬请观看本集内容!

[第63课] Dreamweaver中的文本格式_ 第4节-如何对齐

主题:本视频主要讲解了如何使用CSS的对齐属性。

[第64课] Dreamweaver中的文本格式_ 第5节-各种文本格式选项介绍

主题:本视频对CSS文本格式中的若干设置选项做了详细讲解。

[第65课] Dreamweaver中的文本模式-第六集-如何缩进

主题:本视频主要讲解了缩进的用途、用法以及注意事项。

[第66课] Dreamweaver中的文本格式-第7节-使用特殊字符

主题:本视频主要讲解了如何在Dreamweaver中输入特殊字符。

[第67课] Dreamweaver中的文本格式_ 第8节-创建列表

主题:本视频主要讲解了如何制作项目符号列表。

[第68课] Dreamweaver中的文本格式_ 第9节-使用自动更新日期功能

主题:本视频主要讲解了自动更新日期功能的用法。

[第69课] Dreamweaver中的文本格式_ 第10节-插入水平线

主题:本视频主要讲解了水平线的用法。

[第70课] Dreamweaver中的文本格式_ 第11节-使用查找替换功能

主题:本视频主要讲解了查找替换功能的用法。

[第71课] Dreamweaver中的文本格式_ 第12节-如何使用拼写检查

主题:本视频主要讲解了如何在Dreamweaver中使用拼写检查功能。

[第72课] Dreamweaver中的文本格式_ 第13节-移动规则

主题:本视频主要讲解了如何移动规则。

[第73课] 在Dreamweaver中使用图像_ 第1节-如何插入图像

主题:本视频主要讲解了如何在Dreamweaver中插入图像。

[第74课] 在Dreamweaver中使用图像_ 第2节-使用资源面板

主题:本视频主要讲解了如何使用资源面板来插入图像。

[第75课] 在Dreamweaver中使用图像_ 第3节-插入图像占位符

主题:本视频主要讲解了如何使用占位符插入理想尺寸的图像。

[第76课] 在Dreamweaver中使用图像 第4节如何将图像与文字对齐

主题:76 Working w_ Images in Dreamweaver_ Episode 4-How to Align Images with Text

[第77课] 在Dreamweaver中使用图像 第5节不要改变图像尺寸

主题:77 Working w_ Images in Dreamweaver_ Episode 5-Do Not Resize Images

[第78课] 在Dreamweaver中使用图像 第6节使用背景图像

主题:在Dreamweaver中使用图像 第6节使用背景图像

[第79课] 在Dreamweaver中使用图像 第7节在图像周围插入空白边距

主题:在Dreamweaver中使用图像 第7节在图像周围插入空白边距

[第80课] 在Dreamweaver中使用图像_ 第8节-插入鼠标经过效果

主题:本节主要解决了插入鼠标经过效果的问题。

[第81课] 在Dreamweaver中使用图像-第9节-创建图像映射

主题:本节主要解决了在Dreamweaver中创建图像映射的问题。

[第82课] 在Dreamweaver中应用链接_ 第1节 – 如何创建文本链接

主题:82 Applying Links in Dreamweaver_ Episode 1-How to Create a Text Link

[第83课] 在Dreamweaver中应用链接-第2节 – 如何创建图像链接

主题:在Dreamweaver中应用链接-第2节 – 如何创建图像链接

[第84课] 在Dreamweaver中应用链接 第3节 – 如何创建外部链接

主题:在Dreamweaver中应用链接 第3节 – 如何创建外部链接

[第85课] 在Dreamweaver中应用链接 第4节 – 设置大图像的缩略图

主题:在Dreamweaver中应用链接 第4节 – 设置大图像的缩略图

[第86课] 在Dreamweaver中应用链接_ 第5节 – 如何使用目标框架

主题:86 在Dreamweaver中应用链接_ 第5节 – 如何使用目标框架

[第87课] 在Dreamweaver中应用链接_ 第6节 – 如何创建电子邮件链接

主题:在Dreamweaver中应用链接_ 第6节 – 如何创建电子邮件链接

[第88课] 在Dreamweaver中应用链接 第7节 – 编辑链接外观

主题:在Dreamweaver中应用链接_ 第7节 – 编辑链接外观

[第89课] 在Dreamweaver中应用链接 第8节 – 如何使用锚记

主题:在Dreamweaver中应用链接 第8节 – 如何使用锚记

[第90课] 在Dreamweaver中使用CSS 第1节 –标签的概念

主题:在Dreamweaver中使用CSS,第一节:标签的概念

[第91课] 在Dreamweaver中使用CSS 第2节 – 如何编辑标签

主题:在Dreamweaver中使用CSS,第一节:如何编辑标签

[第92课] 在Dreamweaver中使用CSS_ 第3节 – 样式面板的使用

主题:本集聚焦样式面板的使用

[第93课] 在Dreamweaver中使用CSS_ 第4节 – 如何创建类样式

主题:本集聚焦如何创建类样式

[第94课] 在Dreamweaver中使用CSS_ 第5节 – 如何创建ID选择器

主题:本集聚焦如何创建ID选择器

[第95课] 在Dreamweaver中使用CSS_ 第6节 – 使用CSS创建布局

主题:95 本集聚焦如何使用CSS创建布局

[第96课] 在Dreamweaver中使用CSS_ 第7节 – 使用CSS修改布局

主题:如何使用CSS修改布局

[第97课] 在Dreamweaver中使用CSS_ 第8节 – 如何对齐CSS中的容器

主题:如何对齐CSS中的容器

[第98课] 在Dreamweaver中使用CSS_ 第9节 – 如何添加脚注ID

主题:本节主要讲 CSS设置分类介绍

[第99课] 在Dreamweaver中使用CSS_ 第10节 – CSS设置分类介绍

主题: 本节主要讲CSS设置分类的介绍

[第100课] 在Dreamweaver中使用CSS_ 第11节 – 如何使用代码导航器

主题:在Dreamweaver中使用CSS_ 第11节 – 如何使用代码导航器

[第101课] 在Dreamweaver中使用CSS_ 第12节 – 了解CSS文档

主题:在Dreamweaver中使用CSS_ 第12节 – 了解CSS文档

[第102课] 如何在Dreamweaver中编辑CSS模板布局:第1节 - 编辑CSS模板

主题:如何在Dreamweaver中编辑CSS模板布局:第1节 - 编辑CSS模板

[第103课] 如何在Dreamweaver中编辑CSS模板布局:第2节 - 向模板中添加内容

主题:如何在Dreamweaver中编辑CSS模板布局:第2节 - 向模板中添加内容

[第104课] 如何在Dreamweaver中编辑CSS模板布局:第3节 - 向模板中添加链接

主题:如何在Dreamweaver中编辑CSS模板布局:第3节 - 向模板中添加链接

[第105课] 如何在Dreamweaver中编辑CSS模板布局:第4节-如何将样式保存到CSS文档中

主题:如何在Dreamweaver中编辑CSS模板布局:第4节-如何将样式保存到CSS文档中

[第106课] 如何在Dreamweaver中编辑CSS模板布局:第5节-如何使用AP元素

主题:如何在Dreamweaver中编辑CSS模板布局:第5节-如何使用AP元素

[第107课] Dreamweaver中的表格_ 第1节- 如何插入表格

主题:Dreamweaver中的表格_ 第1节- 如何插入表格

[第108课] Dreamweaver中的表格_ 第2节-如何编辑行和列

主题:Dreamweaver中的表格_ 第2节-如何编辑行和列

[第109课] Dreamweaver中的表格_ 第3节- 如何更改表格的尺寸

主题:Dreamweaver中的表格_ 第3节- 如何更改表格的尺寸

[第110课] Dreamweaver中的表格_ 第4节- 编辑表格的属性

主题:Dreamweaver中的表格_ 第4节- 编辑表格的属性

[第111课] Dreamweaver中的表格_ 第5节- 更改单元格内容的对齐方式

主题:Dreamweaver中的表格_ 第5节- 更改单元格内容的对齐方式

[第112课] Dreamweaver中的表格_ 第6节- 如何嵌套表格

主题:Dreamweaver中的表格_ 第6节- 如何嵌套表格

[第113课] Dreamweaver中的spry_ 第1节- spry的概念

主题:Dreamweaver中的spry_ 第1节- spry的概念

[第114课] Dreamweaver中的spry_ 第2节- 如何添加spry菜单

主题:Dreamweaver中的spry_ 第2节- 如何添加spry菜单

[第115课] Dreamweaver中的spry_ 第3节- 如何编辑spry菜单

主题:Dreamweaver中的spry_ 第3节- 如何编辑spry菜单

[第116课] Dreamweaver中的spry_ 第4节- 如何添加选项卡式部件

主题:Dreamweaver中的spry_ 第4节- 如何添加选项卡式部件

[第117课] Dreamweaver中的spry_ 第5节- 编辑选项卡式部件

主题:Dreamweaver中的spry_ 第5节- 编辑选项卡式部件

[第118课] Dreamweaver中的spry_ 第7节- 如何添加可折叠部件

主题:Dreamweaver中的spry_ 第7节- 如何添加可折叠部件

[第119课] Dreamweaver中的spry_ 第6节- 如何添加折叠式部件

主题:Dreamweaver中的spry_ 第6节- 如何添加折叠式部件

[第120课] Dreamweaver中的spry_ 第8节- 编辑部件

主题:Dreamweaver中的spry_ 第8节- 编辑部件

[第121课] 121 Working w_ Forms in Dreamweaver_ Episode 1- How to Add a Form

主题:121 Working w_ Forms in Dreamweaver_ Episode 1- How to Add a Form

[第122课] 122 Working w_ Forms in Dreamweaver_ Episode 2- How to Add a Text Field

主题:122 Working w_ Forms in Dreamweaver_ Episode 2- How to Add a Text Field

[第123课] 123 Working w_ Forms in Dreamweaver_ Episode 3- How to Add a Checkbox

主题:123 Working w_ Forms in Dreamweaver_ Episode 3- How to Add a Checkbox

[第124课] 124 Working w_ Forms in Dreamweaver_ Episode 4 -How to Add a Radio Button

主题:124 Working w_ Forms in Dreamweaver_ Episode 4 -How to Add a Radio Button

[第125课] 125 Working w_ Forms in Dreamweaver_ Episode 5- How to Add a Menu

主题:125 Working w_ Forms in Dreamweaver_ Episode 5- How to Add a Menu

[第126课] 126 Working w_ Forms in Dreamweaver_ Episode 6- How to Add a List

主题:126 Working w_ Forms in Dreamweaver_ Episode 6- How to Add a List

[第127课] 127 Working w_ Forms in Dreamweaver_ Episode 7-How to Add a File Field

主题:127 Working w_ Forms in Dreamweaver_ Episode 7-How to Add a File Field

[第128课] 128 Working w_ Forms in Dreamweaver_ Episode 8- How to Add a Fieldset

主题:128 Working w_ Forms in Dreamweaver_ Episode 8- How to Add a Fieldset

[第129课] 129 Working w_ Forms in Dreamweaver_ Episode 9- Using the Validation Fields

主题:129 Working w_ Forms in Dreamweaver_ Episode 9- Using the Validation Fields

[第130课] 130 Flash ActionScripting_ Episode 2 - Understanding the Actions Panel

主题:130 Flash ActionScripting_ Episode 2 - Understanding the Actions Panel

[第131课] 131 Using Behaviors in Dreamweaver_ Episode 1 -How to Add a Behavior

主题:131 Using Behaviors in Dreamweaver_ Episode 1 -How to Add a Behavior

[第132课] 132 Using Behaviors in Dreamweaver_ Episode 2-How to Delete a Behavior

主题:132 Using Behaviors in Dreamweaver_ Episode 2-How to Delete a Behavior

[第133课] 133 Using Behaviors in Dreamweaver_ Episode 3-How to Edit a Behavior

主题:133 Using Behaviors in Dreamweaver_ Episode 3-How to Edit a Behavior

[第134课] 134 Using Behaviors in Dreamweaver_ Episode 4- Adding a Rollover

主题:134 Using Behaviors in Dreamweaver_ Episode 4- Adding a Rollover

[第135课] 135 Flash ActionScripting_ Episode 7 - Understanding the Complier Error Panel

主题:135 Flash ActionScripting_ Episode 7 - Understanding the Complier Error Panel

[第136课] 136 Using Behaviors in Dreamweaver_ Episode 6 -Working with Other Behaviors

主题:135 Using Behaviors in Dreamweaver_ Episode 5 -Adding an Open New Window Behavior

[第137课] 137 Using Behaviors in Dreamweaver_ Episode 7- Adding a Swap Image Behavior

主题:137 Using Behaviors in Dreamweaver_ Episode 7- Adding a Swap Image Behavior

[第138课] 138 Using Behaviors in Dreamweaver_ Episode 8- Adding Javascript to the Code

主题:138 Using Behaviors in Dreamweaver_ Episode 8- Adding Javascript to the Code

[第139课] 139 Creating Animations_ Episode 1 - Fireworks -Creating an Animated GIF

主题:139 Creating Animations_ Episode 1 - Fireworks -Creating an Animated GIF

[第140课] 140 Creating Animations_ Episode 1 - Photoshop -Creating an Animated GIF

主题:140 Creating Animations_ Episode 1 - Photoshop -Creating an Animated GIF

[第141课] 141 Creating Animations_ Episode 2 - Firmworks -Adding Elements to an Animation

主题:141 Creating Animations_ Episode 2 - Firmworks -Adding Elements to an Animation

[第142课] 142 Creating Animations_ Episode 2 - Photoshop - Creating a Layer

主题:142 Creating Animations_ Episode 2 - Photoshop - Creating a Layer

[第143课] 143 Creating Animations_ Episode 3 - Firmworks -How ti Animate a Symobol

主题:143 Creating Animations_ Episode 3 - Firmworks -How ti Animate a Symobol

[第144课] 144 Creating Animations_ Episode 3 - Photoshop - Adding Frames to an Antimation

主题:144 Creating Animations_ Episode 3 - Photoshop - Adding Frames to an Antimation

[第145课] 145 Creating Animations_ Episode 4 - Firmworks -Saving an Animated GIF

主题:145 Creating Animations_ Episode 4 - Firmworks -Saving an Animated GIF

[第146课] 146 Creating Animations_ Episode 4 - Photoshop -Adding a Tween

主题:146 Creating Animations_ Episode 4 - Photoshop -Adding a Tween

[第147课] 147 Flash and Sound_ Episode 3 - Importing Longer Sounds

主题:147 Flash and Sound_ Episode 3 - Importing Longer Sounds

[第148课] 148 Creating Animations_ Episode 5 - Photoshop -Adding Effects

主题:148 Creating Animations_ Episode 5 - Photoshop -Adding Effects

[第149课] 149 Flash and Sound_ Episode 5 - Creating a Layer for Sounds

主题:149 Flash and Sound_ Episode 5 - Creating a Layer for Sounds

[第150课] 150 Flash and Sound_ Episode 6 - Adding Multiple Sounds

主题:150 Flash and Sound_ Episode 6 - Adding Multiple Sounds

北弗吉尼亚社区学院公开课:ART 116 - 网页设计I

学校: 北弗吉尼亚社区学院

讲师: Julia Turner

集数: 151

授课语言: 英文

类型: 国际名校公开课 技能 国际名校公开课

课程简介: 本系列课程由NOVA通信部门发布,学生可以通过本系列课程了解到基础网页设计所需要的技术内容,如Adobe CS4 - Photoshop, Fireworks, 和Dreamweaver等软件的应用,网页设计原则等。