第一篇:校内实习之Dreamweaver mx 2004网页制作心得心得体会
校内实习之Dreamweaver mx 2004网页制作心得
姓名:
学号:
学院:
专业:
实习内容:Dreamweaver MX下的网页设计与制作
辅助软件:Fireworks MX Flash
校内实习之Dreamweaver mx 2004网页制作心得
科技是带动国家发展的决定力量,是促进社会发展的不遏动力,随着社会的发展,科学更是发展生产力的根本前提,当今的社会是互联网蓬勃发展的世界,每当我们上网的时候,那一个个精美别致的网页给人是多么流畅顺利的感觉,无论是寻 找资料还是网上商城购物,都给我们带来了方便快捷的好处,然而,我们知道,国家的发展离不开科学技术的发展,科学技术的发展离不开互联网的发展,而互联网的发展更离不开网页制作的发展,而只有把它们结合起来才能更好的促进国家发展、科技发展。
此次校内实习我学习了Dreamweaver mx 2004网页制作的有关内容,学习之后的确让我对网页有了更进一步的认识,让我不再对制作网页是那么的恐惧,Dreamweaver mx 2004在Dreamver的基础上不但增添了一些新功能,而且能与其它软件灵活嵌套使用,它让我产生了许多的感想与学到了许多网页知识:
我们知道了解网页并不是单纯的认为它仅仅只是为科技服务的,而它的存在也是给我们的生活带来了莫大的利益和好处。当然,了解Dreamweaver mx 2004网页首先也从几个软件开始:1.dreamweaver mx 2.flash mx 3.fireworks 8 我们所制作的网页就是开始从这些软件开始着手的,在课外的学习下,我查阅各种网页资料,运用以上这些软件的功能对网页进行剖析。让我明白所谓网页,就是指一个可以浏览内容并且可以使用浏览器打开的内容称之为网页。
在刚开始接触Dreamweaver mx 2004网页上,觉得网页制作是一门很无聊并且很难懂的课程,诸如里面有许多不知道的功能。如:布局表格、绘制层、制作css样式表等,这些内容迷糊了 我的视线,真是没想到制作一个精巧别致的网页是如此的困难,然而当自己想到每天上网看着各种各样的网页,幻想如果是自己制作的网页,那么该多好,于是我下定决心努力学习网页制作知识,目的就是希望以后能够做出一个完美的网页来。
Dreamweaver mx 2004提供了更多功能的可视化设计工具、应用开发环境以及代码编辑支持,是开发人员和设计师能够快捷的创建代码规范的应用程序,集成度非常高,开发坏境精简而高效,开发人员能够运用Dreamver与它们的服务器技术构建功能更强大的网络应用程序衔接到用户的数据、网络服务体系。其中Dreamver mx 2004在Dreamweaver的基础上集成了一些新特点: 1.将“设计”和“代码”编辑器合二为一,并在设计窗口中简化源代码,是用户能构自己的需要定制自己的用户界面。2.有丰富的CSS样式表,它支持构筑复杂的、标准规范的站点,同时还提供了丰富的实用工具用于快速选择和样式属性控制工具。3.它支持跨浏览器有效性检查,当我们保存网页时,会自动检查当前文档的跨浏览器有效性,可以指定何种浏览器为测试用浏览器,同时自动地检验以确定页面有没有目标浏览器不支持的Tags或CSS结构,动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。4.它使用内置的图形编辑程序让开发更加节省时间,裁剪、缩放等一些辅助功能性的图像编辑功能可以不用离开dreamver就能完成,编辑工具是内嵌的Macromedia Fireworks技术。5.它支持用户创建实用的用户界面,在设计模式下允许开发者可以不用固定的浏览器预览数据,而利用Live Data窗口就能够预览实时数据。
6.支持更多功能的CSS可视化设计。
7.它改进了CSS应用效果,增强了设计窗口让用户直接看到复杂CSS设置的效果,实现更多精确实用的可视化操作。8.改进了CSS面板、基于文本属性改进的css检查等。9.增强与MX其他软件产品的结合能力,包括Flash、Firework及其他Macromedia Studio MX 2004设计开发工具。看到基于Dreamvery增添了这么多新功能,真的让我迫不及待想要试一下它与Dreamvery软件下所设计的网页有何不同,然而当我打算做一个简单的主页时却发现无从下手,这是由于自己还没有足够的网页制作基础,当然在没有足够理论知识的前提下要想做网页的确是无稽之谈,因此我翻看着Dreamver mx 2004的理论反复理解,查阅其他网页制作的相关资料,参考网页实例,这一过程让我明白要想做好一个主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西,它们必须有效结合才能制作出一个漂亮的并属于自己的网页,因此,通过此次学习我认为要制作出一个满意的网页就必须从下面几点入手:
一、查阅准备资料和挑选网页设计的合适工具
俗话说:“巧妇难为无米之炊”。做主页当然要收集、准备资料。可在网上或书本上查阅保存自己所需的网页,作为自己设计主页时的参考。另外,还包括搜集美化主页可能要用到的各种材料,如背景、线条、小动画图标等等。平时我们可以养成上网时看到有创意、新鲜的图像,就按鼠标右键存入你硬盘相应文件夹的习惯,时间一长你就有拥有了一个可观的图库,等做主页时随手拈来或加以 修改就成你自己的东西了。
二、规划好整个网站
主页的设计应以醒目优先,应该令人一目了然,切勿堆砌太多不必要的细节,或使画面过于复杂。要做到这一点,首先要在整体上规划好自己网站的主题和内容,确定自己需要传达给访问用户的主要信息,然后仔细斟酌,把自己所有要表达的意念 合情合理地组织起来;其次,是设计一个富有个性的页面式样,务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。切记,页面给人的第一观感最为重 要!在网上到处浏览网站的人很多,如果你的主页给人的第一印像没有吸引力,就很难令人们深入观赏。
三、善用图片,增强艺术效果,加快主页浏览速度
网页的迷人之处之一,要算它上面能点缀许多漂亮的图片。精美的图片设计,可以使自己的网页增辉不少,令人过目不忘。图片的内容应有一定的实际作用,切忌虚饰浮夸,同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
四、善于借鉴他人主页制作中的设计技巧
由于在网上用浏览器浏览任何主页时,都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此,如果你想知道并掌握一些优秀的主页采用的设计技巧,不妨将其源代码调出来仔细揣摩,并模仿着一步一步去实现。这样的话,你就能以较短的时间掌握相应的设计技巧。
本着这样的思路去学习制作网页,我终于印证了这样一个事实,凡事只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。“路 漫漫其修远兮,吾将上下而求索”学习的道路是艰苦漫长的,更何况这是关于一个科学技术的一个代名词,经过暑假随两个月的学习后,渐渐觉得自己对网页不是那么的害怕了,觉得自己会制作一个简单网页了,于是我继续努力着,就这样,网页制作这一门课程进行的很顺利,学习了 dreamweaver mx 2004,它教会我如何剖析和分解网页,我基本认清了它的原理,摸清了应该怎样去使用它。
第二篇:校内实习之Dreamweaver mx 2004网页制作心得内容
校内实习计划内容
第一章Dreamweaver MX的新增功能
1.设计界面的新功能(改进的工作空间布局,预定义范例页面和代码、改进的层叠样式表(CSS)支持、增强的Dreamweaver模板)
2.代码编写方面的新功能(面向编码人员的工作空间布局、编码提示、代码片段标签、标记编辑器)
3.应用开发方面的新功能(Gold Fusion MX支持、ASP.NET支持、PHP支持)
第二章Dreamweaver MX的界面与右键菜单 一.焕然一新的界面 1.标题栏 如:
2.主菜单:如
3.插入快捷栏
该快捷栏是Dreamweaver MX中新增加的功能,它把插入菜单中的各种功能做成了快捷图标集成在一起。
二:方便快捷的右键菜单: 1.文本类型右键菜单:
在编辑窗口空白处单击鼠标右键,或选定文本内容后单击鼠标右键,会弹出文本类型右键菜单。
2.图片类型右键菜单: 例;插入图片:
步骤一:新建一个网页(文件→新建),单击插入快捷栏Common类下的图片快捷图标,插入图片。
步骤二:选择图片,如:
如果图片不在当前站点内,会弹出如下对话框:
选择确定即可;
步骤三:图片插入完成,如下所示:
3.表格类型右键菜单: 例;在内容编辑区插入表格, 新建一个网页(文件→新建),单击插入快捷栏Common类下的表格快捷图标,插入表格,会弹出以下对话框:
设置好参数后,点击确定,得到如下所示表格:
表格做好后,将鼠标移到表格的任一单元格内单击右键,出现表格类型右键菜单,与文本类型右键菜单大同小异,仅仅比文本的右键菜单多了一个表格选项,如下所示:
选择表格:选择整个表格;
合并单元格:合并选定的单元格,注意:只能合并相邻的单元格; 插入行或列,单击后有选项:
增加行宽:可以合并上下两个单元表格,如:
增加列宽:可以合并左右两个单元格,如:
第三章 站点
一.定义站点面板
选择主菜单命令站点→新建站点,打开定义站点面板,如下所示:
顶部选项卡中有两种定义站点方法的标签供选择,普通标签和高级标签,使用普通方法定义本站点时有提示,如同定义本地站点向导,可按照提示定义一个本地站点,使用高级方法,首先打开定义站点面板,切换到高级标签,如下所示:
可看出面板被分成左右两部分,左边的分类栏中列出了建站的各种选项类别,右边是各类别的详细参数设置和介绍。
远程信息:远程站点信息,设置远程服务器类型,如下所示:
测试服务器设置:
遮盖:也叫过滤设置,如下所示:
可让自己的网站过滤特殊的文件,如果勾选复选框遮盖具有以下扩展名的文件,添上要过滤的文件的后缀名,就会让站点内操作不会影响到他们,比如查找替换和全站点链接更新等等。设计备注:如下所示:
它记录了你对网站的设置、变动
维护设计备注默认状态下是勾选的,即保持设计笔录,若不想保留笔录,取消勾选即可。站点地图布局:如下所示:
在主页中输入首页名称(包括后缀),一切设置好后,选择主菜单的站点→站点地图命令可以打开站点地图 第四章 页面
一.页面的基本操作 通过快捷键或菜单
1.新建页面:Ctrl+N,或者单击菜单file|new命令,弹出如下所示窗口:
2.打开页面
通过快捷键或菜单:ctrl+O或者单击菜单file|open命令,弹出open对话框,如下所示:
二.页面属性
在内容编辑区空白处(注意不是在表格、图片或其他元素下)单击右键,选择右键菜单下的最下面的页面属性命令,弹出对话框如下:
三.在文档中选择元素
在文档窗口的设计视图中选择元素是时,单击该元素即可,如果元素不可见,在选择之前应该使其可见
1.选择元素:在文档中选择可见元素,可以单击元素或拖动鼠标选择元素。
2.选择不可见元素时,应先选择主菜单的view|visual aids|invisible Elements命令,显示这些元素,然后在文档窗口中单击元素标记
3.如果选择的是整个标记,可单击文档窗口底部标记选择器上的标记 四.设计页面时使用可视向导、1.使用标尺、网格与捕捉功能
可利用主菜单“查看”|标尺命令来显示或隐藏标尺、复位标尺原点,以及设置标尺单位等,如下所示:
2.要设置标尺的零点,可在标尺的左上角区域单击,然后拖到设计区中的适当位置,释放鼠标按钮后,该位置就会成为新标尺的原点,如下所示:
3.若标尺零点位置不在左上角,要恢复到左上角,可在窗口左上角标尺交点处双击鼠标 选择主菜单查看|网格|显示网格,对网格还可进行颜色、间距的设置。4.设置文档链接
标记定义了文档之间的链接关系。要设置文档链接可按如下步骤进行:
步骤一:单击超级链接快捷图标,打开如下所示对话框:
步骤二:在链接编辑框中,输入链接资源所在的url地址
步骤三:对编辑框参数设置好之后,单击确定按钮,此时在文档的HTML代码中会自动生成相应的代码信息。第五章 设计页面布局
在网页设计中,页面布局尤为重要 1.使用布局单元和表格: 在Dreamweaver mx 2004中,选择Insert快捷栏的Laylou标签切换到布局视图(Laylout View),如下所示:
用户可在页面中添加布局单元,这些单元能够帮用户设计页面布局,当在页面中创建布局单元时在Dreamweaver mx 2004会自动创建一个布局表格,用来放置布局单元。
注意:布局单元不能存放在布局表格之外,用户在创建页面布局时可以在同一个布局表格中放置多个布局单元,或创建多个布局表格。使用多个布局表格可以将页面布局分割成区域,当在一个区域中编辑时,不会影响其他的区域,这一特性对于那些在布局单元中添加对象时引起布局单元尺寸增大的情况非常有效,当布局单元增大时,他只会影响与其它单元之间的距离,因为布局单元不能重叠,如果使用多个布局表格创建页面布局,表格的长宽不会因为其它布局表格的改变而受到影响。I/绘制布局单元和表格
在页面布局视图中可以绘制布局单元和表格,在创建布局单元时,在Dreamweaver mx 2004会自动创建用来放置布局单元的布局表格。绘制布局单元步骤:
步骤一:在布局视图模式下,单击插入快捷栏的Laylout标签的Draw Laylout cell按钮,此时鼠标指针将变为“+”号。
步骤二:在页面上拖动鼠标,绘制布局单元
绘制布局表格步骤与绘制布局单元方法类似,注意:布局表格不能相互重叠。2.为布局单元添加内容
布局视图的布局单元中可以添加文本或媒体插件。当创建一个布局表格时,表格以灰色填充,表示该区域不能被显示,并且不能插入内容,因此,必须在表格中创建布局单元,才能在布局单元中插入相应的文本、图像或媒体。如下所示:
3.清除自动单元高度
在创建布局单元时,Dreamweaver mx 2004会自动为创建的所有单元设置一个高度,当在单元中插入内容时,就不再需要这些高度了。清除单元高度可执行下列操作:
在布局表格上单击标尺上的向下箭头,从弹出的菜单中选择清除自动单元高度命令,如下所示:
4.移动和调整布局单元和表格
在页面布局中,能够移动或调整单元和表格的位置或尺寸,有利于用户设计网页布局,具体操作时,可以使用网格线辅助进行移动或调整 5.格式化布局单元和表格 格式化布局单元;选中布局单元,对弹出的属性快捷栏中进行宽度、高度、背景、水平、对齐方式的设置即可。如下所示:
格式布局单元: 选中布局表格,对弹出的属性快捷栏中参数进行设置即可,如下所示:
第六章 表格
表格在网页制作中起到了至关重要的作用。1.插入表格: 步骤如下:
步骤一:在文档中定位插入点。
步骤二:选择“插入”-表格命令,此时出现
步骤三:在对话框里设置表格行数及列数,并对其余参数也进行设置,即可。在表格中添加文本内容:可直接在表中键入文本,也可粘贴文本。如下所示:
在表格中添加图片内容,如下:
22.格式化表格’
选择表格,其属性栏如下:
对其中参数进行设置即可。3.格式化行、列或单元格
当选择行、列、单元格后快捷栏如下:
可以合并单元格如下:
4.调整表格的整体尺寸、列宽与行高
要调整表格的整体尺寸,可在选定表格后将光标移至表格的边或角控制点处,然后根据箭头方向拖动鼠标,如下所示:
5.添加与删除行、列和表格嵌套
将光标定位于某个单元格中,然后单击选择“修改”-“插入行或插入列”或“删除行或列”命令如下: 插入行:
插入列:
删除行:
删除列:
第七章 框架
在网页中,框架主要用于分离多个HTML页面。1. 创建框架
方法一:用户自己设计框架;方法二;使用系统预定义的框架。步骤如下:
步骤一:将插入点置于需要分割的框架窗口中; 步骤二:选择“插入”-“框架”命令即可。2.选择框架集或框架
框架集或框架都是独立的HTML文档,要改变框架或框架集,必须首先选中该 框架集或框架,选择框架集或框架使用“窗口”-“其他”-“框架”命令。3.保存框架集文件或框架:
步骤一:将插入点置于需要保存的框架中 步骤二:执行“文件”-“保存”命令 4.设置框架和框架集的属性
选中框架,对弹出的属性快捷栏中各参数进行设置即可。第八章 资源
资源是建立页面或站点的基本元素。
在Dreamweaver mx 2004中,资源标签提供了两种方法来查看站点中的资源,一是站点列表,用于显示站点中的所有资源,二是喜欢的资源列表,用于显示用户已经选择的资源
第九章 文本
1.插入文本和对象 插入日期步骤如下:
步骤一:在文档窗口中,将插入点置于需要插入日期的位置。步骤二:执行“插入”-“日期”命令,此时对话框如下:
选择好日期即可完成在文本中插入日期的设置,如下:
2.插入特定的文本字符
步骤一: 在文档窗口中,将插入点置于需要插入特殊字符的位置。
步骤二:执行“插入”-“特殊字符”命令,选择合适的字符,即可在插入点插入字符。若要插入其他字符,则执行“插入”-“特殊字符”-“其他”命令 3.创建项目列表 步骤一:在设计视图中,将插入点置于需要设置项目的行位置。
步骤二:选择“文本”-“列表”菜单中的Unordered list,创建项目列表 步骤三:输入文本,在结束位置按下Enter按钮。步骤四:创建完项目后,可连续按两次Enter键
4.使用HTML样式格式化文本
使用HTML样式:执行“窗口”-“HTMLStyle”标签。
应用HTML样式:步骤一:若要设置段落样式,将光标定位于段落中。步骤二:在“HTMLStyle”标签中选择段落样式,若选择了自动运用复选框,则可自动对相应的段落文本应用选中的样式,若没有选择了自动运用复选框,则可单击应用按钮,应用选中的样式。第十章 图像
图像是网页的重要组成部分
1.插入图像
步骤一:将插入点放置在需要插入图像的位置 步骤二:执行“插入“-“图像”命令,如下:
选择图片确定后如下:
2. 设置图像属性
步骤一:在文档中选中图像,然后打开属性快捷栏,如下所示:
对其中参数进行设置之后即可。
2.创建图像热点:
步骤一;在文档窗口中选择图片
步骤二:在属性快捷栏的地图编辑框中,输入唯一的热点集名称,注意:如果在同一个文档中使用多个图像热点集,必须确保每一个热点集都有唯一的名称。步骤三:若要定义图像热点,可执行下列操作之一:
选择圆形工具,在图像上拖动鼠标,创建一个圆形热点,如:
选择矩形工具,在图像上拖动鼠标,创建一个矩形热点 选择多边形工具,在图像上拖动鼠标,创建一个多边形热点 步骤四:一旦热点被创建,将显示属性热点快捷栏:
对属性快捷栏中各参数进行设置后即可。3.创建翻转图像
步骤一:在文档窗口中,将插入点置于需要插入翻转图像的位置。步骤二:插入翻转图像,对对话中各参数进行设置即可。第十一章 链接和导航条 1. 链接路径
绝对路径、相对路径和居于根目录的路径
创建超链接:例如用户在文档中输入文字“主页”,并为其创建了一个指向index.html文档的超级链接,则该超级链接的html源代码如下: 主页 如果要创建一个指向文档位置的链接,首先应该创建一个锚点名称,如:a name=”to_top”,然后创建页面的链接,指向该锚点名,如a herf=*to_top” 2.使用属性和文件图标创建链接文档,使用文件夹图标或link编辑框创建链接:
步骤一:在文档窗口的设计视图中,选择文本或图像
步骤二:打开属性快捷栏,然后执行单击链接编辑框右边的文件夹按钮,选择链接文件:如下:
3.链接到文档的指定位置
创建命名锚点:步骤一:在文档设计视图中,将插入点置于需要设置命名锚点的位置。步骤二:选择INSERT快捷栏中常用标签下的命名锚记,如下所示:
在编辑框中,输入锚点名称,单击确定按钮,此时在文档中将出现一个锚点标记。链接命名锚点:
步骤一:在文档设计视图中,选择需要创建链接的文本或图像
步骤二:在属性快捷栏的链接编辑框中,输入锚点名称和前缀,如: 在当前文档中链接到锚点名称为top的位置,可输入“#top”
在相同文件夹的不同文档中链接锚点名称为top的位置,可输入“filename.html#top”。注意:锚点名称区分大小写。
4.创建导航条:
插入导航条:执行”插入”-“图像对象”-“导航条”命令,如下所示:
对对话框中各参数进行设置后即可。第十二章 插入媒体对象
1.在页面中插入媒体对象:将插入点置于需要插入媒体对象的位置,然后单击常用标签中的适当按钮,将常用标签中的对象按钮拖到文档中需要插入媒体对象的位置
插入Flash对象:选择Flash动画,执行插入-媒体-Flash命令。2.插入flash电影
当在文档中插入flash电影时,Dreamweaver mx 2004 会将所有被使用的参数设置在object标记和embed标记中。
步骤一:在文档设计视图中,将插入点置于需要插入flash电影的位置,步骤二:在常用标签中单击插入flash按钮,如下所示:
步骤三:选择flash电影文件,此时将在文档窗口中显示一个flash占位符,如下所示:
在网页中还可插入其它各类多媒体文件。第十三章 层
1.在Dreamweaver mx 2004中有两种层格式: 使用Div 标记定位页面内容 使用Span标记定位页面内容
2.创建层和嵌套:执行常用标签中的创建按钮,然后在页面中页面中拖动。
3.显示层标签,执行“窗口”-“层”命令,即可显示或隐藏层标签,如下所示:
4转换表格和层
将表格转化为层:步骤一:打开一个包含表格的页面,如下所示:
步骤二:执行修改-转换-表格到层命令,如下:
步骤三:在对话框中选择防止层重叠,可以在转化后的文档中激活防止层重叠的功能 步骤四:单击确定,表格即转为层,如下所示:
将层转化为表格方法与上类似,如:
单击确定按钮即层转化为表格:
第十四章 表单
1.创建表单域:步骤一在文档中将插入点放置到需要插入表单域的地方;步骤二:执行插入-表单命令,如下:
选择插入的表单域,属性快捷栏如下:
对对话框中各参数进行设置即可。
2.创建文本域:步骤一:将插入点放置在表单域中;步骤二:执行插入-表单-文本区域命令,如下所示:
步骤三:选中插入的文本域,其属性栏如下:
对其中各参数进行合适的设置即可。
3.创建文件域:步骤一:将插入点放置在表单域中;步骤二:执行插入-表单-文件 域命令,如下所示:
步骤三:选中插入的文件域,其属性栏如下:
对其中各参数进行合适的设置即可。
5.创建隐藏域:步骤一:将插入点放置在表单域中需要插入隐藏域的地方;步骤二:执行插入-表单-隐藏域命令,如下所示:
步骤三:选中插入的隐藏域,其属性栏如下:
对其中各参数进行合适的设置即可。
6.创建复选框: 步骤一:将插入点放置在表单域中需要插入复选框的地方;步骤二:执行插入-表单-复选框命令,如下所示:
步骤三:选中插入的隐藏域,其属性栏如下:
对其中各参数进行合适的设置即可。
第十五章Dreamweaver MX与其它软件的配合
1.插入Fireworks MX图像
步骤一:在Dreamweaver MX 2004文档窗口中,将插入点放置在需要插入图像的位置;
步骤二:执行插入-图像命令;
步骤三:在打开的选择图像对话框中,选择使用Fireworks MX编辑的图像,然后单击选择按钮,将选中的图像插入到文档中。2插入Fireworks MX的HTML代码
步骤一:在Dreamweaver MX 2004文档窗口中,将文档保存在定义的站点中; 步骤二:将插入点放置在需要插入HTML代码的位置;
步骤三:执行在常用标签中单击Fireworks MX HTML按钮,打开对话框如下:
在对话框中选择需要插入的Fireworks MX HTML文件,单击确定按钮即可。
3.复制和粘贴Fireworks MX的HTML代码
步骤一:在选择HTML样式下拉列表框中,选择HTML编辑器;
步骤二:单击继续按钮,在弹出的对话框中输入切片的基本文件名;
步骤三:单击继续按钮,在弹出的对话框中单击“浏览”按钮,选择导出文件存放的文件夹位置即可。
制作一个个人网页:见网页压文件夹
第三篇:网页制作实习心得
“网页设计与制作”实习心得
现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的。
通过一周的实习,在这门课上我学习到了一些关于制作网页的知识,对flash也有所了解,还学会了一些基础的PS技能
通过一周对这门课的实习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。
在准备材料的时候我们可以用到学习的Flash知识来制作一些小的动画和动态图片,Flash 提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。
然后是对图片的处理,用到了Photoshop等相关的图像软件。也对Photoshop cs4这款软件有了一定的了解,学会了一些基本的ps方法。
接下来是开始正式制作网页。通过Dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
在网页制作的时候,我觉得首先要列出大纲。列出来后,还必须考虑每个页面之间的链接关系。层次不清的站点会造成浏览困难,影响内容的发挥。
框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。
下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往网页里面填内容。
最后就是对网页的一些细节调整了,保证预览网页的整齐和没有错误。
10市场营销
40号王明霞
第四篇:网页制作心得
科学是发展生产力的根本前提,当今的社会是互联网蓬勃发展的世界,每当我们上网的时候,那一个个精美别致的网页给人是多么流畅顺利的感觉,无论是寻找资料还是网上商城购物,都给我们带来了方便快捷的好处,我想,科学技术的发展,离不开互联网的发展,而互联网的发展也离不开网页制作的发展,而只有把两者结合起来才是正确的。
首先,了解网页并不是单纯的认为他仅仅只是为人们服务的,而它的存在也是给我们带来了利益和好处。当然,了解网页首先也从几个软件开始:
1.dreamweaver mx XX(或dreamweaver 8)。
2.flash mx XX(或flash 8)
3.fireworks 8
而网页制作就是开始从这些软件开始着手的,今天,我终于可以学习网页制作了,我们在杜奕老师的教导下,各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页,就是指一个可以浏览内容并且可以使用ie浏览器打开的内容称之为网页。
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实,但是只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解,不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。如:布局表格、绘制层、制作css样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘,每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
“路漫漫其修远兮,吾将上下而求索”学习的道路是艰苦漫长的,更何况这是关于一个科学技术的一个代名词,随后,课堂的气氛慢慢的好转,耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能,老师也为了能教好每一位学生,而学生也不辜负老师的使命,就这样,网页制作这一门课程进行的很顺利,学习了dreamweaver mx XX对它如何彻底的剖析和分解,我们终于认清了它的原理,摸清了应该怎样去完全的使用它,而我们在老师的指导和训练的结果下,终于开始做属于自己的网页了。
慢慢的快接近尾声了,我们也快临近期末了,老师给我们的任务却是需要我们每人至少做出三个网页来,且内存不能超过3m,刚开始我以为我会对着感到很是吃力,不知道该如何是好,毕竟网页才是刚刚起步,根基不稳,怎么能够做出这样的网页呢?而我对dreamweaver mx XX它也不是很熟悉,心里真是很担忧。
在这最后的时间里,我仔细掂量了一番,网页制作给我的结论是:要想制作一个能够像网上的那样,还得需要经过长时间的刻苦努力和不断地检验及实践,否则,如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识,不像文学那样的纯理论知识。通过这个课程的学习,我从中得到了一些对网页知识如功能、概念的理解,原来要做出一个简单可行的网页并不是一件害怕的事情,而是一件努力和尝试的事情。
网页制作心得(2):
做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
一、准备资料和挑选网页设计的合适工具
俗话说:“巧妇难为无米之炊”。做主页当然要收集、准备资料。在网上多转转,看到什么漂亮的网页,把它保存起来,作为以后自己设计主页时的参考。
另外,还包括搜集美化主页可能要用到的各种材料,如背景、线条、小动画图标等等。你可以在硬盘上建一个文件夹,下分“e-mail图标、背景、线条、动画”等文件夹,养成上网时看到有创意、新鲜的图像,就按鼠标右键存入你硬盘相应文件夹的习惯,时间一长你就有拥有了一个可观的图库,等做主页时随手拈来或加以修改就成你自己的东西了。
二、规划好整个网站
主页的设计应以醒目优先,应该令人一目了然,切勿堆砌太多不必要的细节,或使画面过于复杂。要做到这一点,首先要在整体上规划好自己网站的主题和内容,确定自己需要传达给访问用户的主要信息,然后仔细斟酌,把自己所有要表达的意念合情合理地组织起来;其次,是设计一个富有个性的页面式样,务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。切记,页面给人的第一观感最为重要!在网上到处浏览网站的人很多,如果你的主页给人的第一印像没有吸引力,很难令他们深入观赏,而且他们恐怕再也不会访问你的网站了。
三、善用图片,增强艺术效果,加快主页浏览速度
网页的迷人之处之一,要算它上面能点缀许多漂亮的图片。精美的图片设计,可以使自己的网页增辉不少,令人过目不忘。图片的内容应有一定的实际作用,切忌虚饰浮夸,同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
四、善于借鉴他人主页制作中的设计技巧
由于在网上用浏览器浏览任何主页时,都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此,如果你想知道并掌握一些优秀的主页采用的设计技巧,不妨将其源代码调出来仔细揣摩,并模仿着一步一步去实现。这样的话,你就能以较短的时间掌握相应的设计技巧。而且,在许多主页上都留有制作者的电子邮件地址或icq号码,如果你在制作主页时,遇到什么疑昨天,网页与我无缘,那是因为上天不给我们一个见面的机会!
第五篇:网页制作心得
网站学习心得
本学期我们教育技术专业开设了网页设计与制作这门课,刚开始我只觉得学习做网页既有趣却也有难度。毕竟平时上网的时候,就看到了很多做的很好的网页。自己也曾很好奇这些网站是如何在人们手中诞生的。随着课程的深入,我也了解到了一些关于网页制作的知识。并在老师的指导下,成为了一个网页制作菜鸟。尽管目前,我的技术还不成熟,但我会在以前的课余时间继续学习做网页,直到成为一个优秀的网页设计师。
随着互联网的发展,互联网的应用越来越贴近生活,越来越多的人加入到了制作网页的队伍中来,各式各样的网站如雨后春笋般的出现在互联网上。但是要制作出一个优秀的网站却并非易事。一般说来,网页制作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来;网页制作通常就是网页设计师将设计出来的设计稿,使用dreamweaver8这个软件将其制作成网页。简单来说,网页设计的目的就是产生网站。那什么是网站呢,网站就是一系列网页的组合,将这些网页以一定的相互关联系统的链接起来,就形成了一个网站。简单的信息如文字,图片和表格,都可以放置到网站页面上。而更复杂的信息如动画,视频,音频需要使用一些特定的插件等放在网页上。
做网页,第一步就是建好站点。老师也曾不厌其烦的叮嘱我们第一步就要建立站点,便于以后的管理。俗话说好良好的开端是成功的一半,我觉得在建立站点前,应当对站点进行规划,以便在以后的网站建设中节省更多的时间和精力。例如可以将不同类型的素材分类到不同文件夹中,不同的链接等级的网页分级创建文件夹存放等,这样做会使站点目录结构清晰,方便管理。还有要特别注意的细节就是,对文件的命名不能用汉字,可以使用英文或是汉语拼音代替。
正所谓:工欲善其事 必先利其器。前期的工作准备好之后,就该琢磨一下网站的内容了。网站的内容上一定要求新,求奇,求变!这谁都知道,但是这却很难做到。想做一个内容与其它网站内容不同的网站,那是不可能的。所以我们要经常去浏览一些大型的门户网站,学习一下别人在网站的布局,制作,管理等方面的长处来加以利用。
做好主页,并不是一件容易的事,它包括主页的选题、内容采集整理、图片的处理、页面的排版设置、各个网页之间的合理链接、背景及网页的色调等很多东西。一般说来,主页要小而精,除非是大型的门户综合类网站,如新浪网、腾讯网等,否则不需要太大的页面,只要能让浏览者了解到网站的主题即可。所以标题就起到很好的作用。它在很大程度上决定了主页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己主页的主题和风格。
还有为了让你的网站内容丰富精彩,访问者还会再一次来访。我们在内容的采集方面也要下功夫。选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西。主页中的特色,应该突出自己所做网站的个性,把自己的兴趣、爱好尽情地发挥出来。主页就是网络上的属于自己的一个小天地,在那里,可以放上自己喜欢的任何东西,包括你自己平时喜欢一些文章,一些好听的歌,一些好的动画作品等等。把这些内容按类别进行分类,设置栏目,让人一目了然。
做好主页不能只用文字,必须在主页上适当地加一些图片,增加可看性。一张处理得好的图片不需要多做任何解释,就能让人一目了然,让人去思考,去了解它。这时候可以利用好photoshop为自己的网站设计一个能表现主题的LOGO。我可以发挥自己的创意,做出别具一格的版头。配色能与网站背景搭配,外型设计要清爽简洁。还有可以在主页上设置滚动图片,这样的网站也更有吸引力。做这个需要代码,可以在网上找一下。我此次做主页曾尝试过这样做,可是没有成功,我以后会继续摸索的。
另外网页页面整体的排版设计也是不可忽略的。很重要的原则就是合理地运用空间,让自己的网页井井有条,留下必要的空白,人觉得很轻松。在制作之前,在脑中要先有网站的大体轮廓,在什么位置放图片,放文字。不要想到哪做到哪,这样做出来的网页质量也不高。我刚开始的时候不会用层,做出来的网页就有点结构混乱。后来通过学习了解到可以运用一些框架、表格和层,利用他们来合理布局,将会使网页设计更加的顺手。
网页的背景并不一定非要用白色,选用的背景应该和整套页面的色调相协调。但不要太过花哨,以免喧宾夺主。网站整体的颜色要保持统一,不宜太多。还有就是背景色最好选用安全色,这会让你的网站颜色的搭配更合理、自然。
以上仅是我这学期学习网页制作的一点心得,还有就是我平常学习过程中总结的经验。尽管这学期的课程已经结束了,可是我觉得我们教育技术专业以后的就业方向和计算机打交道还是比较多的。所以熟练掌握网页制作的技术会为以后工作的开展提供便利。所以我会在以后的课余时间里多利用图书和网络教学视频学习网页制作的技术。