文档库 最新最全的文档下载
当前位置:文档库 › 网页设计实用教程

网页设计实用教程

网页设计实用教程
网页设计实用教程

第3章 Dreamweaver CS5基本操作

在学习过程中,不可避免的需要应用到一些基本的操作,例如新建、打开和保存文件

等操作。为了更顺畅的学习Dreamweaver CS5,我们应该了解一些基本操作,对这些操作有个基本的认识。

【本章学习目标】

?掌握设置首选参数

?熟悉新建、保存和关闭HTML文档

?理解设置网页的页面属性

?熟悉添加文字和图像的基本操作

3.1 首选参数设置

为了使Dreamweaver CS5更加适合工作的需要,在正式使用前需要进行一些基础设置。如是否打开或关闭一些即时提示信息框、选择默认的网页语言版本等。

(1)启动Dreamweaver CS5,执行“编辑/首选参数”命令,打开如图3-1所示的“首选参数”对话框。

图3-1 “首选参数”对话框

‐19-

选框,将复选框中的√去掉,如图3-2所示。

图3-2 分类栏中的“辅助功能”

这样设置可以阻止在插入表单、框架、媒体和图像时弹出属性提示框,简化操作步骤。

(3)如图3-3所示,选择分类栏中的“新建文档”,根据需要设置默认文档的类型。

图3-3 分类栏中的“新建文档”

本例中选择默认文档为HTML ,默认扩展名为.html ,默认编码为简体中文(GB2312)。默认编码可以根据实际工作的需要进行选择,例如制作英文网页可以选择UTF-8

编码。中文网页默认的编码为GB2312,所以这里选择GB2312编码。

(4)单击“确定”按钮,完成首选参数设置。

‐20- 3.2 文档的基本操作

3.2.1 新建文档

(1)启动Dreamweaver CS5,显示如图3-4所示的起始页面。

图3-4 Dreamweaver CS5的起始页面

(2)单击新建栏中的“HTML”,新建HTML文档并进入到编辑界面。也可以单击菜单“文件/新建”,打开图3-5所示的“新建文档”对话框。在新建文档对话框中选择“空白页”中的“HTML”,单击“创建”按钮,新建HTML文档。

图3-5 “新建文档”对话框

3.2.2 保存和关闭文档

执行“文件/保存”命令,可以保存当前文档。

第一次执行“文件/保存”命令时,会弹出如图3-6所示的“另存为”对话框。在“另

‐21-

图3-6 “另存为”对话框

当再次保存文件时,会以现有的路径和名称覆盖保存该文件。需要将文件以不同路径或名称保存时,可以执行“文件/另存为”命令,在弹出的“另存为”对话框中设置新的路径和名称保存文件。执行“文件/关闭”命令,或单击Dreamweaver CS5窗口右上角“关闭”按钮,关闭程序。

3.2.3 打开文档

打开文档的方法有多种,下面以实例进行介绍。

(1)启动Dreamweaver CS5程序,起始页面中显示了最近编辑过的文件,如图3-7所示。

(2)单击目标文件,即可将其打开。

也可以单击“打开”按钮或执行“文件/打开”命令,在弹出的如图3-8所示的“打开”对话框中选择目标文件,然后单击“打开”按钮。

图3-7 最近编辑过的文件

图3-8 在“打开”对话框中选择目标文件

‐22-

3.3 制作网页的基本操作

在深入学习制作网页前,需要了解设置页面、添加头部信息和文本、插入图像等基本操作。

3.3.1 设置网页属性

制作网页时,首先需要设置文档的页面属性,它包括网页标题、背景图像、背景颜色、文本颜色、链接颜色、页边距等。图3-9所示为在浏览器中打开的一个网页。

图3-9 在浏览器中打开的一个网页

网页具有标题、页边距、链接样式、背景颜色和字体样式等页面属性。在建立网页时,可以通过设置页面属性来制定网页的这些样式。设置页面属性的操作如下:

(1

)执行“修改/页面属性”命令,打开如图3-10所示的“页面属性”对话框。

图3-10 “页面属性”对话框

‐23-

页面属性对话框中各选项的含义如下:

? 外观:在外观选项中可以设置页面的默认字体、背景颜色和页面边距等。单击目

标选择框会弹出相应的提示,选择目标项设置即可。如图3-10所示。

图3-11 页面属性中的“链接”

? 链接:在链接选项中可以设置链接的字体、颜色和下划线样式等。如图3-11所示。 ? 标题:标题类别栏用于设置当前网页的文本格式。标题是HTML 文档默认保留的

文本体例,可以在这里重新定义各级标题的格式,然后在工作中直接应用这些标题,定义文本的样式。如图3-12所示。

图3-12 页面属性中的“标题”

? 标题/编码:标题”显示在浏览器的标题栏和状态栏中,当网页被收藏时,标题显

示在收藏项目中;“编码”用来设置当前网页文字采用的编码种类。计算机中显示的每种文字都需要对应的编码支持,才能正确显示,否则会出现乱码,即无法正确显示文字的现象。在中文模式下默认编码为简体中文

GB2312。如图

3-13所示。

? 跟踪图像:可在设计页面时插入用作参考的图像文件。如图3-14所示。

‐24-

图3-13 页面属性中的“标题/编码”

图3-14 页面属性中的“跟踪图像”

跟踪图像栏指定在复制设计时作为参考的图像。该图像只供参考,当文档在浏览器中显示时并不出现。图像透明度确定跟踪图像的不透明度,从完全透明到完全不透明。

设定完成后,若想查看实际效果,可以单击“应用”按钮,即时查看设定的效果,而不用退出页面属性设置面板。

3.3.2 编辑头部信息

头部信息中包含了网页的许多属性信息,除网页标题外,还包括网页关键字、网页描述等。头部信息虽不直接显示在网页中,但可以通过其他方式起作用。如许多搜索引擎都是根据网页关键字来查询网页的。下面我们就简单介绍插入网页关键字的方法。

(1)如图3-15所示,单击插入面板的“常用”选项卡,切换到“常用”选项卡。

(2)单击“文件头”按钮,弹出图

3-16所示的菜单。

(3)单击菜单中的“关键字”选项,打开“关键字”对话框。输入站点或网页的关键字,即网站中关键内容描述,如图3-17所示,单击“确定”按钮,关闭对话框。

‐25-

图3-15 “常用”选项卡

图3-16 “文件头”按钮 图3-17 “关键字”对话框 3.3.3 添加网页内容

1.添加文本

文字是构成网页的重要组成部分,在Dreamweaver CS5中可以像使用文字排版软件一样,进行文字的输入和编辑。直接添加文本的操作如下:

(1)启动Dreamweaver CS5,单击起始页面中创建新项目下的HTML ,新建HTML 文档。

(2)单击编辑窗口内部,然后输入目标文字即可。

拷贝文件的操作如下:

(1)新建HTML 文档。

(2)使用Word 或其他文字编辑软件打开一段含有文字内容的文档。

(3)选取目标文本,执行“编辑/复制”命令(或按【Ctrl+C 】组合键),复制该文本。

(4)在Dreamweaver CS5文档窗口执行“编辑/粘贴”命令(或按【

Ctrl+V

组合键),完成文本拷贝。粘贴到Dreamweaver CS5的文本,原文本字体被Dreamweaver CS5默认的字体所代替。

‐26-

2.插入图像

图像是网页中的重要元素,它能给网页增加美感。插入图像的具体操作方法如下:

(1)新建HTML 文档。

(2)在文本的末尾处按回车键,确定插入图像的位置。单击“插入/图像”,弹出“选择图像源文件”对话框。

(3)在图3-18所示的“选择图像源文件”对话框中选择目标文件,单击“确定”按钮,导入图像。

图3-18 “选择图像源文件”对话框

(4)如果当前新建网页没有被保存,那么会弹出如图3-19所示的提示框。

图3-19 提示框

5)单击“确定”按钮后,如果没有设置首选参数的辅助功能项,那么在默认参数

下,会打开如图

3-20所示的“图像标签辅助功能属性”对话框。该对话框不用设置,直接单击“确定”按钮或者“取消”按钮将图像导入即可。

图3-20 “图像标签辅助功能属性”对话框

‐27-

文字,打开图3-21所示的“首选参数”对话框,单击“图像”复选框,去掉该复选框中的“√”。

图3-21 “首选参数”对话框 (7)如图3-22所示,在属性面板中设置导入图像的大小和位置。

图3-22 设置导入图像的大小和位置

3.建立超链接

建立超链接可通过属性面板来完成,下面以建立文字超链接为例,说明具体方法。

(1)使用鼠标框选链接的文字。

(2)将鼠标指针移到属性面板中的链接栏右侧的指向文件图标,按住鼠标左键拖动到文件面板中的目标文件,如图3-23所示。也可以在链接栏中直接输入链接网页的地址,

‐28-

图3-23 设置超链接

(3)按【F12】键预览网页,如图3-24所示。将鼠标指针指向链接文件,鼠标指针变为手指形状,单击链接文字会跳转至链接页。

图3-24 预览网页

4.预览及检验相关操作

编辑网页的过程中,经常需要在浏览器中预览和检验相关操作。预览网页时,需要先保存网页,然后按【F12

】键,在浏览器中预览编辑结果。

执行“窗口

/

结果/验证”,打开如图3-25所示的结果面板。使用结果面板的各项检验功能,可以执行检验操作并在面板中列出检验结果。

‐29-

图3-25 结果面板

3.4 辅助操作

在Dreamweaver CS5中有3个辅助工具。这3个工具从左向右依次是选取工具、手形工具和缩放工具,使用鼠标单击就可以选取目标工具。如图3-26所示。

图3-26 Dreamweaver CS5中的3个辅助工具

(1)选取工具可以选择目标对象和位置。

(2)手形工具可以移动页面的显示中心。

(3)缩放工具可以放大和缩小页面的显示比例。选择缩放工具,移动到页面位置单击可放大页面,按住【Alt 】键单击则缩小页面。也可以单击缩放工具右侧的缩放比率框,在弹出的菜单中选择页面的缩放比率。

3.5 本章小结

本章主要讲解了Dreamweaver CS5的一些基本操作。通过本章的学习,读者应该掌握首选参数的设置,学会新建、保存和关闭文档的方法,清楚如何向网页中添加简单的文字和图像内容,灵活地使用Dreamweaver CS5提供的辅助工具。

‐30- 3.6 本章练习

一、填空题

(1)为了使Dreamweaver CS5更加适合工作的需要,在正式使用前需要在进行一些基本设置。

(2)制作中文网页时,默认的编码为。

(3)当使用浏览器打开网页时,网页的标题显示在浏览器的和中,当网页被收藏时,标题显示在收藏项目中。

二、问答题

(1)如何打开“首选参数”对话框?

(2)如何向网页中插入文本?

(3)如何在网页中插入图像?

三、上机练习

(1)新建一个网页,并保存和关闭该网页。

(2)新建一个网页,并设置网页的标题、边距属性。

(3)向新建网页中导入一个图像,并使用缩放工具执行放大和缩小操作。放大图像时使用手形工具移动图像到屏幕中心。

设计师最常用网站汇总

设计师最常用网站汇总集团档案编码:[YTTR-YTPT28-YTNTL98-UYTYNN08]

设计师最常用网站汇总 素材网站 昵图网:(种类齐全、设计师的拼图家园,你懂得) 素材中国:(免费素材网站) 三联素材网:(是一个以提供经典设计素材为主的资源网) 站长素材:(国内最大的建站素材库、互联网人必备网站) 素材库:(分类比较详细,但是数量不是很多,选择少) 素材公社:(上传原创素材可以赚人民币的网站) 图酷:(海量国外矢量素材) 佳木中国:(专注于网站模板和网页素材) 天天素材:(感觉和素材中国太像了……一般的素材还是能够找到的) 创意产业电商交易模式网站 视觉中国:(前身为视觉中国网,目前定位于图片分享及设计产品社会化电商平台) 亚洲CI:(设计公司品牌宣传、视觉设计网络互动平台) 牛社网:(致力于设计师品牌包装、宣传、作品展示与接单,用户可以为自己的网上工作室设置个性二级域名便于对外宣传) 中国包装设计网:(过去以交流学习为主,目前倾向于包装设计电商发展模式) 插画中国:(全国最大的插画动漫征稿接稿及人才招聘的网站) 网页设计联盟:(致力于网页设计师品牌宣传包装) 哇塞网:(中国领先的手工、原创设计、艺术品、传统工艺品在线交易平台。) 视频网站 翼虎网:(中国领先视频教程,培训课程,作品等) 欣赏交流 站酷:(国内最活跃的原创设计交流平台) 红动中国:(设计交流、作品展示平台) 视觉同盟:(专注于中国设计行业及中国设计教育的网络媒体) 中国平面设计圈:(设计师交流学习和素材下载平台) 中国艺术设计联盟:(拥有大量国内外最新行业资讯和设计大赛) 蓝色理想:(网站设计与开发工作者的交流平台) 中国设计网:(设计师交流学习平台,一个比较早的设计网站) 中国设计之窗:(主要是以资讯和竞赛动态为主的网站) 网站

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B

二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题

网页设计师自我鉴定

网页设计师自我鉴定 三年的大专生活似弹指一挥间,从刚跨入大专时的失落和迷茫,到现在即将走上工作岗位的从容、坦然。我知道,这又是我们人生中的一大新挑战,角色的转换。这除了有较强的适应力和乐观的生活态度外,更重要的是得益于大专三年的学习积累和技能的培养。 在大学期间,我始终以提高自身的综合素质为目标,为适应社会发展的需求,我认真学习所学的专业知识,发挥自己的特长;挖掘自身的潜力,结合每年的假期社会实践的机会,从而逐步提高了自己的学习能力和分析处理问题的能力以及一定的协调组织和管理能力。 本人思想端正,能吃苦耐劳,有崇高的理想和伟大的目标,注重个人道德修养,养成良好的生活作风,乐于助人,关心国家大事。积极向党组织靠拢,并通过校开展的党员培训班的学习对党有更深的认识和了解。 在学习上,我热爱自己的专业,还利用课余时间专修计算机专业知识,使我能轻松操作各种网络和办公软件。曾获过三等奖学金,在书法和体育运动都获得好成绩。英语、电脑、普通话等方面的等级考试已达标。除了在专业知识方面精益求精外,平时我还涉猎了大量网络编程、网络管理与维护、网页设计等知识。并且相信在以后理论与实际结合当中,能有更大提高。

我特别擅长于网页设计和网站管理与维护方面。于XX 年十月份开始完成第一个中型网站的设计,XX年年十二月底完成了大型综合网站的策划与修改工作,XX年三月份开始了第三个网站的设计工作。(全部都是我一个人独立完成)人际交往方面。在大学期间,人际交往最主要的还是体现在同学关系上,总的来说,四年来,我与同学的关系都是比较融洽的,没有发生什么不愉快的事情。在平时的生活和学习上能在自己能力范围之内帮助一些有困难的同学,积极参加班级的每次活动,融入到班集体这个大家庭中去,处理好与同学、老师的关系,营造良好的班级气氛。同时在学生工作的过程中拓宽了我的交际面,让我机会和具有不同背景的人交往,在这些过程中很好的培养了我交际能力,也让我树立了正确的为人处世态度和处世原则。 这三年的锻炼,给我仅是初步的经验积累,对于迈向社会远远不够的。因此,面对过去,我无怨无悔,来到这里是一种明智的选择;面对现在,我努力拼搏;面对将来,我期待更多的挑战。战胜困难,抓住每一个机遇,相信自己一定会演绎出精彩的一幕。

Fireworks-网页设计综合实例

Fireworks-网页设计综合实例

Fireworks 网页设计综合实例 在本文中我们将帮助您亲身体验Fireworks 在网页创作中的强大功能,我们通过一个网站页面的设计过程,为您详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。通过解决您所遇到的每一个具体的任务,您将对Fireworks的主要功能有一个统一的全局性的了解,同时为您在设计中如何利用Fireworks 提供一个清晰的思路。下图是这个教程完成后的外观: 我们将根据这一个典型网站其中一个页面设计流程,使您逐步学习到以下内容: 1、导入并编辑位图图像。 2、自动任务处理

3、创造矢量图形 4、创建文字 5、创建按钮 6、创建导航条 7、设定按钮属性 8、建立切片 9、创建拖拽翻转效果 10、创建弹出菜单 11、创建变形动画 12、优化图像 13、输出HTML文件到Dreamweaver 14、在Dreamweaver中进行往返表格编辑 一、设计前准备 1、网站介绍: 在教程介绍之前首先让我们来看一下我们将要完成的主要任务。这是一个服饰公司的企业网站设计,公司主要以男式服饰为主,同时也兼顾部分女士服饰。网站的主要任务是帮助浏览者了解公司的基本概况和产品信息,并作为公司的

一个展示窗口,向参观者展示企业的形象及产品系列。根据业主的要求,网站包含了企业概况、企业人才、产品展示、公司荣誉以及联系方式。我们将以此得到网站的导航结构。 2、设计指导思想: 本网站设计的指导思想是在网络上营造一 个优雅、高贵、宁静的氛围,为了体现这一主题,设计者将纹理、景深、光影、基调与有形的模特照片和静态的文字结合起来,更多的使用直线、坚硬的边缘、暗的色调来组成网站界面。页面中以较大面积的男性模特图片突出男式服饰这一 主题,以穿插的直线段体现一种服装纹理的感觉。公司的名称则以一种柔软光滑的粗倩体来表现,以打破整个页面的坚硬感,同时以白色突出企业名称,达到非常亮眼的感觉。 3、页面结构: 整个网站采用统一的结构,分为上下两个部分,上面为网站的导航条,下面左边以不同的男式服饰图片及文字标题表示各页主题。右边为内容区,以深色带条纹的图片作为背景。

网页设计专业毕业生自我鉴定模板

网页设计专业毕业生自我鉴定模板 时间悄然而过。回首大学校园生活生涯和社会实践生活,曾经有渴望、有追求、有成 功也有失败,我不断地挑战自我,充实自己,为实现人生的价值打下坚实的基础,资深的 经验。 在大学期间,我始终以提高自身的综合素质为目标,为适应社会发展的需求,我认真 学习所学的专业知识,发挥自己的特长;挖掘自身的潜力,结合每年的假期社会实践的机会,从而逐步提高了自己的学习能力和分析处理问题的能力以及一定的协调组织和管理能力。 本人思想端正,能吃苦耐劳,有崇高的理想和伟大的目标,注重个人道德修养,养成 良好的生活作风,乐于助人,关心国家大事。 在学习上,我热爱自己的专业,还利用课余时间专修计算机专业知识,使我能轻松操 作各种网络和办公软件。曾获过三等奖学金,在书法和体育运动都获得好成绩。英语、电脑、普通话等方面的等级考试已达标。除了在专业知识方面精益求精外,平时我还涉猎了 大量网络编程、网络管理与维护、网页设计等知识。并且相信在以后理论与实际结合当中,能有更大提高。 我特别擅长于网页设计和网站管理与维护方面。于2021年十月份开始完成第一个中 型网站的设计,2021年十二月底完成了大型综合网站的策划与修改工作,2021年三月份 开始了第三个网站的设计工作。(全部都是我一个人独立完成) 在课余时间,本人积极参加体育锻炼,增强身体素质,也热爱劳动,积极参加校开展 的`各项文体活动,参加社会实践,继承和发扬了艰苦奋斗的精神,也参加了校文学社和 书法协会,丰富了课余生活,使自己在各方面都得到了相应的提高。 大学生活,使自己的知识水平、思想境界、工作能力等方面都迈上了一个新的台阶。 我相信机遇定会留给有准备的人,正如是“千里马”定会被伯乐发现是一样,我也深信自 己能胜任新时代的岗位要求。我将会像在大学里那般努力,为自己未来的精彩而不懈奋斗。 感谢您的阅读,祝您生活愉快。

网页设计与制作总结

网页设计与制作 实训报告 班级:多媒体152 姓名:张莉钧 学号: 指导老师:薛杨王淑惠 实训时间:6.20——6.24 一、实训目的: 1、进一步熟悉和掌握网站建设的基本流程和技术规范; 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识; 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识; 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 5、具备独立撰写实训报告基本能力; 6、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识; 7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予 以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅,包括它的菜品、餐厅的环境以及促销活动。另外,网站里还包括餐厅资料和联系方式,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和白色搭配,用以展示餐厅特色的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息,包括图片、文字。同时,查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。 3、网站规划 我的网站共有7个主页面:首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块,以保证网站统一的页面风格。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是CSS设计一个样式,以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

设计实习生自我鉴定

设计实习生自我鉴定 篇一:设计实习生自我鉴定范文 眨眼间一个月快过去了,自从来到xx公司实习到现在已经有一个多月的时间了,在这个期间,我学到了很多东西,让我收获颇多。下面就是我的实习鉴定。这次的实习我之所以选择了做平面设计,是因为平时在学校文学社从事编辑排版工作,而且我也很喜欢这个职业,平时在学校也有学习相关软件,为了自己的基础更牢固,技术更全面,我就选择了做平面设计(photoshop和coreldraw的使用)。因为考虑到以毕业后有想一直从事这个行业的工作,因此我非常珍惜这次实习的机会,在有限的时间里加深对各种平面设计的了解,找出自身的不足。这次实习的收获对我来说有不少,我自己感觉在知识、技能、与人沟通和交流等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。我在xx公司实际实习内容是对xx公司内部产品的说明书、画册进行排版、设计。在实习过程中有时候发现在作图的过程中如果使用几个小技巧,可以达到事半功倍的效果。一个月的实习过程,让我提高了自己,特别是像我这样刚离开学校的实践能力差,更需要通过多做事情来积累经验。在工作中我能够完成上级布置的工作,在没有工作任务时能主动要求布置工作,做到主动学习,在工作中,我不允许自己丝毫的马虎,严谨认真我时刻牢记。一、努力学习,不断提升理论素养。在信息时代,学习是不断地汲取新信息,获得事业进步的动力。我积极响应单位号召,结合工作实际,不断学习理论、技能知识和社会知识,用先进的理论武装头脑,用精良的业务知识提升能力,以广博的社会知识拓展视野。二、提高工作积极性和主动性实习期很快过去了,是开端也是结束。展现在自己面前的是一片任自己驰骋的沃土,在今后的工作和生活中,我将继续学习,深入实践,不断提升自我,努力创造业绩,继续为社会创造更多的价值。感谢单位领导和部门领导以及师傅们对我的支持和帮助。三、努力实践,进行角色转化。理论是灰色的,生活之树常青,只有将理论付诸于实践才能实现理论自身的价值.也只有将理论付诸于实践才能使理论得以检验。同样,一个人的价值也是通过实践活动来实现的,也只有通过实践才能锻炼人的品质,展现人的意志。首先,我觉得学校和单位很大的一个不同点就是进入社会以后必须要有很强的责任心.在工作岗位上,我们必须要有强烈的责任感,必须要对自己的岗位负责,要对自己办理的业务负责. 如果没有完成当天应该完成的工作,那职员就必须得加班;这使我认识到在真正的工作当中要求的是我们严谨和细致的工作态度,这样才能在自己的岗位上有所发展.最后,我觉得到了实际工作中以后,学历虽然很重要,但个人的业务能力和交际能力更为重要.任何工作,做得时间久了是谁都会做的,在实际工作中动手能力更重要。实习是我步入社会前的第一课,教会我怎么待人接物,如何处理各种事情。虽然在短短的一个月里看到的只能是工作的一个侧面,学习的只能是一些初步的方法,但这些对于我是非常重要的。这次实习告诉我,在社会这个大学堂里我还是一个小学生,还有很长的路要走。要抱着谦虚谨慎的态度,无论大小认真踏实的完成每一件事,走好每一步。通过这次实习,在设计方面我感觉自己有了一定的收获。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用,增强了我们今后的竞争力,为我们能在以后立足增添了一块基石。实习使我学习的理论知识能够和动手能力很好的结合融化,是我大学历程非常宝贵的经验,我会好好总结,帮助我更好的完成学业,为走出社会做更好的基础。通过实习,我有信心,未来的路我能更好地走下去。 篇二:规划设计专业实习生自我鉴定

静态网页设计-教学大纲

《静态网页设计》教学大纲 课程类别:专业基础课 课程属性:必修课 学分/学时: 4学分/64学时 制订人:课题组 适用专业:信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 二、与其它课程的关系

三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念; (2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识; (3)理解和掌握基本的DIV+CSS技术知识; (4)理解和掌握表格的基本知识; (5)理解和掌握数据表单的基本知识; (6)理解和掌握基本的框架网页知识; (7)理解和掌握网页图像、动画等多媒体应用知识; (8)理解和掌握网页超级链接知识; (9)掌握基本的动画制作知识; (10)了解网页美工相关知识; (11)了解网站的测试、发布与维护的基本知识; (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素; (2)会使用Dreamweaver等网页设计工具制作网页; (3)能使运用基本的CSS技术设置网页风格; (4)能在网页中嵌入图像、动画、视频等多媒体元素; (5)能运用表格布局并设计网页; (6)能正确运用文字超链接、图像超链接技术设计网页; (7)掌握框架制作网页的方法,会使用框架设计网页; (8)掌握制作表单的方法,会利用表单建立交互式页面; (9)能看懂基本的HTML网页源代码。

(10)会设计网页线框图,并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法,综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程,能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力; (2)具备简单的需求市场分析能力; (3)具有一定的语言表达、沟通和协调能力; (4)具有良好的心理素质和责任意识,能及时完成任务的能力; (5)具有踏实肯干的工作作风; (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务

网页设计专业自我鉴定

网页设计专业自我鉴定 时间悄然而过。回首四年的大学校园生活生涯和社会实践生活,曾经有渴望、有追求、有成功也有失败,我不断地挑战自我,充实自己,为实现人生的价值打下坚实的基础,资深的经验。毕业在即,以下是个人的自我鉴定: 大学的四年,让我不论是在思想道德,学习工作还是生活上都得到了一定的提高。在思想品德上,本人具有良好道德修养,并有坚定的政治方向,我积极地向党组织靠拢,使我对我们党有可更为深刻的认识。参加了“市直和中央、省属驻梅单位XX年度入党积极分子培训班”的培训。本人遵纪守法、爱护公共财产、关心和帮助他人,并以务实求真的精神热心参与学校的公益宣传和爱国活动。 在学习上,本人热爱自己的专业,还利用课余时间专修计算机专业知识,使我能轻松操作各种网络和办公软件。曾获过三等奖学金,在书法和体育运动都获得好成绩。英语、电脑、普通话等方面的等级考试已达标。除了在专业知识方面精益求精外,平时我还涉猎了大量网络编程、网络管理与维护、网页设计等知识。并且相信在以后理论与实际结合当中,能有更大提高。 在生活上,我最大的特点是诚实守信,热心待人,勇于挑战自我,时间观念强,有着良好的生活习惯和正派作风。由于平易近人待人友好,所以一直以来与人相处甚是融洽,连续担任了分院的乒协的秘书长一职,跟同学或老师都能很好的相处。 在工作上,本人对工作热情,任劳任怨,责任心强,具有良好的组织交际能力,和同学团结一致,注重配合其他学生干部出色完成各项工作,得到了大家的一致好评。 需要补充的是我特别擅长于网页设计和网站管理与维护方面。于XXX年十月份开始完成第一个中型网站的设计,XXX年十二月底完成了大型综合网站的策划与修改工作,XXX年三月份开始了第三个网站的设计工作。身为学生的我在修好学业的同时也注重于社会实践。本着学以致用,实践结合理论发挥。 四年的大学生活,使自己的知识水平、思想境界、工作能力等方面

教你制作静态网页的方法

教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。

【工作自我鉴定】网页设计员自我鉴定

网页设计员自我鉴定 我叫xx,是xx大学xx专业的应届毕业生。经过大学四年的学习,现在我的学业已经接近尾声,为了更好地启程下一步的路,我对自己的四年大学生活做了一个个人鉴定。 计算机将具备更多的智能成分,它将具有多种感知能力、一定的思考与判断能力及一定的自然语言能力。除了提供自然的输入手段(如语音输入、手写输入)外,让人能产生身临其境感觉的各种交互设备已经出现,虚拟现实技术是这一领域发展的集中体现。今天人们谈到计算机必然地和网络联系起来,一方面孤立的未加入网络的计算机越来越难以见到,另一方面计算机的概念也被网络所扩展。二十世纪九十年代兴起的在过去如火如荼地发展,其影响之广、普及之快是前所未有的。从没有一种技术能像一样,剧烈地改变着我们的学习、生活和习惯方式。全世界几乎所有国家都有计算机网络直接或间接地与相连,使之成为一个全球范围的计算机互联网络。人们可以通过与世界各地的其它用户自由地进行通信,可从中获得各种信息。人们已充分领略到网络的魅力,大大缩小了时空界限,通过网络人们可以共享计算机硬件资源、软件资源和信息资源。“网络就是计算机”的概念被事实一再证明,被世人逐步接受。 通过这两年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通,熟练在手。所以本人结合所学专业的内容制作了个人通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效。可是总遇到这样那样的问题,例如动画到入里,开始不明白后来才知道是在d里先插个层,这样就可以浏览出效果了。还有是有时上传到网页上的图片不显示,原因是它们没有在一个文件夹内。但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的

简单生活网上买菜系统静态网页设计与制作毕业设计论文

四川交通职业技术学院毕业设计论文 设计(论文)题目: 简单生活网上买菜系统静态网页设计与制作 入学年月 姓名 学号 专业计算机应用技术 指导教师 完成日期 2015 年 5 月 15 日

【摘要】计算机和计算机网络的飞速发展,人们对计算机网络的依赖是越来越大。人们在网上聊天交友,在网上请教问题,查阅资料,还在网上听音乐。除此之外,人们还会在网上进行商务交易、下载信息,有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖,无论是哪里的网友,都可以浏览到世界各地的各类信息,非常的方便,由于以上的优势,各类网站如雨后春笋般的出现,这也就是我的毕业设计的实际意义。本文就个人网站的规划与建设,以软件工程的方法对过程经行了分析与研究。本文的主要工作集中在:对web页进行概述,主要是对Internet的历史和发展作了回顾,在web页的定义而后特性上进行阐述。而Web设计的健康发展依靠web标准的采用,没有web标准就不会有真正的可访问性和连贯的设计。不用web标准,就跟不上时代。在这样的标准时代,我们需要网页更加容易扩展,适合自动数据交换,并且更加规整。而css,则实现了页面内容与样式分离。鉴于web标准,本论文着重对div+css 布局静态网页进行了讨论。并对网站开发过程中使用的开发工具和技术作了简要的介绍。 对网站建设中提及到术语进行了解释,并对个人网站的由来和发展经行了讨论;对自己的个人网站从规划建设经行了详细的分析;使用Html、Css、Photoshop 等技术实现了个人网站的各种功能并且就网站建设提出了自己的观点与建议。 【关键词】网页设计div+css Photoshop 简单生活网上买菜

网页设计员自我鉴定

网页设计员自我鉴定 我叫XX,是XX大学XX专业的应届毕业生。经过大学四年的学习,现在我的学业已经接近尾声,为了更好地启程下一步的路,我对自己的四年大学生活做了一个个人鉴定。 计算机将具备更多的智能成分,它将具有多种感知能力、一定的思考与判断能力及一定的自然语言能力。除了提供自然的输入手段(如语音输入、手写输入)外,让人能产生身临其境感觉的各种交互设备已经出现,虚拟现实技术是这一领域发展的集中体现。今天人们谈到计算机必然地和网络联系起来,一方面孤立的未加入网络的计算机越来越难以见到,另一方面计算机的概念也被网络所扩展。二十世纪九十年代兴起的在过去如火如荼地发展,其影响之广、普及之快是前所未有的。从没有一种技术能像一样,剧烈地改变着我们的学习、生活和习惯方式。全世界几乎所有国家都有计算机网络直接或间接地与相连,使之成为一个全球范围的计算机互联网络。人们可以通过与世界各地的其它用户自由地进行通信,可从中获得各种信息。人们已充分领略到网络的魅力,大大缩小了时空界限,通过网络人们可以共享计算机硬件资源、软件资源和信息资源。“网络就是计算机”的概念被事实一再证明,被世人逐步接受。 通过这两年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通,熟练在手。所以本人结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是dff软件。d大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。f是目前最流行的网页图象制作软件。只要将d的默认图象编辑器设为f,那么在f中制作完成网页图象后将其输出就会立即在d中更新。f还可以安装使用所有的p滤镜,并且可以直接导入psd格式图象。更方便的是它不仅结合了p位图功能以及cidraw矢量图的功能,而且提供了大量的网页图象模板供用户使用

静态网页制作心得体会

静态网页制作心得体会 姓名:张继宏第三组8.18 20世纪40年代科学字发明了计算机之后,人们的工作效率大大提高,但是单个计算机能够存储和处理的信息是非常有限的,为了便于信息的传递和处理,人们就把众多的计算机连接起来。 网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上,对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品,那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的,而不是单单为了完成作业而已。这是一个完全关于自己的个人网页,既然是介绍自己,就应该让观者在浏览了之后了解自己其人,我觉得这点我已经基本上做到了。 关键字页面设计ASP和数据库 1.一般来说,个人主页的选材要小而精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。注意:网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如:您对诗歌感兴趣,可以放置自己的诗词;对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。选定了一个好的题材,是不是可以立刻动手制作了?不,经验告诉我们,必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼,没有设计图纸,规划好结构,盲目的建造,结果往往是倒塌;也好比写文章,构思好提纲,才不至于逻辑混乱,虎头蛇尾。全面仔细规划架构好自己网站,不要急于求成。 规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站(有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,十分累人,也十分费钱。 大纲列出来后,你还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。 为了提高浏览效率,方便资料的寻找,本站的框架基本采用“蒲公英”式,即所有的主要链接都在首页上,链接的层次不多,深度浅。 框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也为你的主页将来发展打下良好的基础。

平面设计总监自我评价

平面设计总监自我评价 【篇一:设计总监个人简历模板】 找设计总监职位就上才智尚招聘网 找设计总监职位就上才智尚招聘网 【篇二:设计师自我评价】 设计师创业前先客观自我评价对于绝大多数平面设计师来说,从事 的设计就是商业设计,就 是赚钱的设计,首先能帮助客户赚钱,其次帮助设计师自己赚钱。 如何才能最好最大化的赚 钱呢?相对而言,打工总是逃不脱二次剥削,只有自己创业、自己 开公司,才有可能实现利 益最大化。当然,不是每个人都适合创业、适合开公司,否则,遍 地都是老板了。那什么样 的设计师适合创业呢? 1、资金。开广告设计公司的前提就是要有资金的支持,租办公室、买设备、招聘员工 等无不需要资金,如果没有资金做支撑,公司不可能开起来。 2、市场。这一点关系到创业定位。我们创业的方向是什么,目标 对象是谁,要提供什 么样的产品,才能够把握市场。这需要认真学习,思考,调查。除 了收集资料,最好的办法 就是深入这个行业去从事相应的工作,这种一手资料才是最宝贵也 是最有效的。

3、销售。找准了市场,选好了产品,那接下来就是销路的问题了,这也是重要的一环, 有市场,有产品,却卖不出去,那还是不能产生效益。良好的人脉 会对销售起到一些好的作 用,更重要的是创业成员中一定要有业务能力强的人,也就是推销、推广能力强的人,这才 能让生意红火起来,再好的产品,要让人知道而且要让人感兴趣, 才会激起购买欲望啊。 4、行业专业知识。这一点不是必不可少的,但如果能够拥有,那 对设计师创业也是有 帮助的,它能让客户更信任你的能力,更放心把业务交给你做,更 放心买你的产品。在此也 提到一点,创业,信用很重要,没有信用,一切都是空谈。 5、管理。对于创业者来说,小生意虽然人员简单,但也是需要管 理的,比如说帐务, 进货出货,如何降低成本,如何在不伤害客户利益的前提下最大化 利润,这些都是要进行管 理的。如果做到企业,或者是品牌设计公司,那需要管理的就更多,也更复杂了,人员是一 块,事务是一块,哪一块都得有序运行才能确保企业生存下去。 6、创新。企业要想成长,要想壮大,就必须创新,只有创新才能 跑在别人的前面,就 像我们做设计也如此,没有创新的作品,是很难提升价值的。在上 面说到的几点上,都可能

静态网页设计总结报告

网页设计总结报告 目录 一、设计介绍 (2) 二、制作过程 (3) 1、布局............................................................................................................................................... (3) 2、相关插入 (4) 3、相关链接 (4) 三、制作代码 (5) 四、心得体会 (7) 五、参考资料 (8)

一、网页设计介绍 从文件的角度来说,一个网页就是一个HTML文件。当浏览者输入一个网址或单击某个链接后,在浏览器中显示出来的就是一个网页。一般网页上都会有文本、图片等信息,而复杂一些的网页上还会有声音、视频、动画等多媒体内容,为网页增添了丰富的色彩和动感。静态网页是指网页文件中没有程序,只有HTML代码,一般以.html或.htm为后缀名的网页,静态网站内容不会在制作完成后发生变化,任何人访问都显示一样的内容。网站是一系列逻辑上可以视为一个整体的网页集合,是许多相关网页有机结合而组成的一个信息服务中心。对于小型网站,是指带有一定主题的多个网页集合;对于大型网站还包含数据库和服务器端应用程序等如新浪、网易、搜狐等门户网站。在构成网站的众多网页中,有一个页面比较特殊,称为首页,即网站的第一个页面。动态网页是指网页文件不仅具有HTML标记,而且还含有程序代码,并使用数据库连接。动态网页能根据不同的时间,不同的来访者显示不同的内容,动态网站更新方便,一般在后台直接更新。 我的网站是介绍自己的个人网站,这是一个关于家乡美食的介绍,总共6 个页面,其中上有首页5个链接,包括剁椒鱼头,蚂蚁上树,浏阳蒸菜,家常酸菜鱼,长沙臭豆腐,而然后每个子页可以和上一页和下一页相连。 首页部分:介绍了湖南一些好吃的资料菜名,其中附有一张凤凰的图片,很想与老师和同学们分。 然后就是每个子页中,前四张介绍了五道菜和它们的做法,则是一道比较有名的小吃,为长沙臭豆腐,但由于其做法是秘方,只附有对其的介绍。 二、制作过程 网页布局 它们不仅能点缀网页,使网页更活泼有趣,而且在网上娱乐、电子商务等方面也有着不可忽视的作用。

《Dreamwearver网页制作实用教程》教学大纲设计

Dreamwearver CS3网页制作实用教程教学大纲 一、课程的任务 网页制作课程是一门应用性和理论性都很强的课程,是软件技术专业的一门专业课程。随着网络广泛应用,网页制作技术在广大大中专院校得到了普及和推广。网页制作者主要讲叙的是静态网页的制作,它是该专业后继课程动态网页制作的基础课程。 本课程针对网页设计与制作人员的要求,结合高职高专人才培养的特点,精心安排和组织了以实践岗位为中心的容,通过对本课程的学习,学生能够掌握有关网页制作的技术及其综合应用:如规划、页面组织、素材准备等,通过实践训练,能够举一反三,能够将所学知识点与工作技巧融合,为本专业学生将来成为“职场精英”打下坚实的基础,本课程侧重于实际的软件开发,加强实践环节,提高网页制作能力,使学生适应当前的计算机网络流行趋势。 二、课程的基本要求 掌握建立与网页设计方法。使用网页设计常用软件Dreamweaver创建与设置、管理与维护、测试与发布的技术与方法。网页与的基本概念、策划与创建原则、的开发与发布工作流程、网页制作的各种方法和技巧,如文本处理、图象处理、超级、网页布局、CSS样式、层的应用、动态特效、多媒体网页制作、交互式网页制作等。 在较短的时间,通过学习《Dreamwearver CS3网页制作实用教程》,能够设计制作出布局美观、合理、包含文字、图形、图象、动画、声音、视频等多种媒体信息并具有交互功能的网页;能够建立、管理与发布小型;应用与网页技术传授知识、传播信息。 三、课时分配表

四、课程的要求与容 基础 教学要求 1、使学生了解和掌握、网页的基本知识; 2、使学生了解和掌握网页的基本结构; 3、使学生了解网页开发及建设的工具。 本章的重点和难点 重点: 1、创建和管理; 2、创建和编辑首页; 3、开发流程介绍。 难点: 1、创建和管理; 2、创建和编辑首页。 教学容: §1.1任务导入与问题思考 1、任务导入——访问“搜狐” 2、问题与思考

Fireworks网页设计综合实例

Fireworks网页设计综合实例1 在本文中我们将帮助您亲身体验Fireworks在网页创作中的强大功能,我们通过一个网站页面的设计过程,为您详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。通过解决您所遇到的每一个具体的任务,您将对Fireworks的主要功能有一个统一的全局性的了解,同时为您在设计中如何利用Firework s提供一个清晰的思路。最终完成的实际页面请看这里。下图是这个教程完成后的外观: 我们将根据这一个典型网站其中一个页面设计流程,使您逐步学习到以下内容: 1、导入并编辑位图图像。 2、自动任务处理 3、创造矢量图形 4、创建文字 5、创建按钮 6、创建导航条 7、设定按钮属性 8、建立切片 9、创建拖拽翻转效果 10、创建弹出菜单 11、创建变形动画 12、优化图像 13、输出HTML文件到Dreamweaver 14、在Dreamweaver中进行往返表格编辑 一、设计前准备 1、网站介绍: 在教程介绍之前首先让我们来看一下我们将要完成的主要任务。这是一个服饰公司的企业网站设计,公司主要以男式服饰为主,同时也兼顾部分女士服饰。网站的主要任务是帮助浏览者了解公司的基本概况和产品信息,并作为公司的一个展示窗口,向参观者展示企业的形象及产品系列。根据业主的要求,网站包含了企业概况、企业人才、产品展示、公司荣誉以及联系方式。我们将以此得到网站的导航结构。

2、设计指导思想: 本网站设计的指导思想是在网络上营造一个优雅、高贵、宁静的氛围,为了体现这一主题,设计者将纹理、景深、光影、基调与有形的模特照片和静态的文字结合起来,更多的使用直线、坚硬的边缘、暗的色调来组成网站界面。页面中以较大面积的男性模特图片突出男式服饰这一主题,以穿插的直线段体现一种服装纹理的感觉。公司的名称则以一种柔软光滑的粗倩体来表现,以打破整个页面的坚硬感,同时以白色突出企业名称,达到非常亮眼的感觉。 3、页面结构: 整个网站采用统一的结构,分为上下两个部分,上面为网站的导航条,下面左边以不同的男式服饰图片及文字标题表示各页主题。右边为内容区,以深色带条纹的图片作为背景。 下面我们将根据上述设计分析,分不同的部分为您介绍制作过程。在新建一个文件后,我们需要对我们的工作环境进行简单的设定,以符合我们的任务要求。首先需要设定工作区的面积及背景颜色,打开Modify>Ca nvas Size针对常见的800x600分辨率,我们设定工作区的长为776这可以根据需要设定,但最好不要超过778,高为515根据实际内容确定,再执行Modify>Canvas Color设定背景色为黑色。再打开View>Grid>Edit Grid 对话框,设定水平方向网格间距为10像素,垂直方向为5像素,并将网格颜色设为暗灰色以不影响观察页面,打开网格显示和网格捕捉。如下图所示: Fireworks网页设计综合实例2 一、导入并编辑位图图像。 Fireworks4带有完善的位图创建、修改和处理功能,我们可以导入外部位图文件并对它进行编辑,可以修改和删除位图中的颜色,可以向对矢量图一样增加效果。我们的工作将从层面板开始,新建一个文件后,默认的只有两个图层Web层和Layer1层,双击Layer1层,将层名改为“背景层”。如下图所示:

2014网页设计师自我鉴定

2014网页设计师自我鉴定 三年的大专生活似弹指一挥间,从刚跨入大专时的失落和迷茫,到现在即将走上工作岗位的从容、坦然。我知道,这又是我们人生中的一大新挑战,角色的转换。这除了有较强的适应力和乐观的生活态度外,更重要的是得益于大专三年的学习积累和技能的培养。 在大学期间,我始终以提高自身的综合素质为目标,为适应社会发展的需求,我认真学习所学的专业知识,发挥自己的特长;挖掘自身的潜力,结合每年的假期社会实践的机会,从而逐步提高了自己的学习能力和分析处理问题的能力以及一定的协调组织和管理能力。 本人思想端正,能吃苦耐劳,有崇高的理想和伟大的目标,注重个人道德修养,养成良好的生活作风,乐于助人,关心国家大事。积极向党组织靠拢,并通过校开展的党员培训班的学习对党有更深的认识和了解。 在学习上,我热爱自己的专业,还利用课余时间专修计算机专业知识,使我能轻松操作各种网络和办公软件。曾获过三等奖学金,在书法和体育运动都获得好成绩。英语、电脑、普通话等方面的等级考试已达标。除了在专业知识方面精益求精外,平时我还涉猎了大量网络编程、网络管理与维护、网页设计等知识。并且相信在以后理论与实际结合当中,能有更大提高。 我特别擅长于网页设计和网站管理与维护方面。于xx年十月份开始完成第一个中型网站的设计,xx年年十二月底完成了大型综合网站的策划与修改工作,XX年三月份开始了第三个网站的设计工作。(全部都是我一个人独立完成) 人际交往方面。在大学期间,人际交往最主要的还是体现在同学关系上,总的来说,四年来,我与同学的关系都是比较融洽的,没有发生什么不愉快的事情。在平时的生活和学习上能在自己能力范围之内帮助一些有困难的同学,积极参加班级的每次活动,融入到班集体这个大家庭中去,处理好与同学、老师的关系,营造良好的班级气氛。同时在学生工作的过程中拓宽了我的交际

《网页设计与制作》课程教案设计

《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程,该课程的学习能够提升他们对网页制作的兴趣,让他们学习网页制作的基本技能,为后继课程打下基础,同时扩展其就业面,为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法,并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能,掌握网站建设的流程,能够运用所学知识建设常用的网页和网站,同时能够美化网页,设计人性化、艺术化的网站静态页面部分。 (一)知识目标: 1.熟悉网页制作的基本元素; 2.掌握Dreamweaver CS6软件的基本操作方法; 3.掌握在网页中插入文字、图片、声音、flash等的方法; 4.掌握常见的网页布局方法,学会使用CSS美化网页; 5.掌握在网页中使用表单和制作网页特效的方法; 6.掌握简单图形图像的处理,能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 (二)职业能力培养目标 1. 能够根据网站开发需求,去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理; 2.能够制作出符合主题色彩的网页,网页要求美化、被绝大多数浏览 者接受和喜爱;

3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 (三)素质目标 1.具有勤奋学习的态度,严谨求实、创新的学习精神; 2.具有良好的心理素质和职业道德素质; 3.具有高度责任心和良好的团队合作精神; 4.具有运用理论知识发现问题、分析问题并解决问题的能力,同时能够 不断学习,不断创新,让自己的设计越来越完善,有止于至善的精神。(四)职业技能证书考核要求: 可以根据自身情况考取“全国计算机信息高新技术资格证”,“网页设计制作员”,“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节: 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接

相关文档
相关文档 最新文档