欢迎来到网易公开课! 登录/注册
登录网易通行证
使用网易通行证(含网易邮箱)帐号登录
    忘记密码?
    没有账号? 立即注册>>
    划词翻译
    有道翻译
    笔记
    提交您的投诉或建议

    提交
    分享给朋友:
    • 分享到:
      扫一扫分享给微信好友和朋友圈
      通过代码可以让这个视频在其它地方上播放!
      • 复制FLASH代码
      • 复制HTML代码
      • 复制页面地址
    • 收藏课时
    • 下载
      使用公开课APP下载视频
    • 手机看
      扫描二维码 手机继续看
      已观看至0分0秒
      扫描二维码在手机上继续观看,
      还可分享给您的好友。
      没有公开课客户端?立刻下载
    登录后才能查看我的笔记
    立即登录
    暂时没有笔记!
    添加笔记
    添加笔记
    确定删除笔记?
    即将播放下一集,
    请您保存当前的笔记哦!

    字幕纠错

    对字幕纠错要登录哦!

    立即登录

    00:00

    保存

    内容不能少于3个字

    简介:

    [第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中的图片尺寸。

    [第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格式图像

    本视频讲解了如何存储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创建布局

    [第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节- 编辑部件

    相关推荐

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

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

    讲师:Julia Turner

    集数:120

    授课语言:英文

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

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

    扫描左侧二维码下载客户端