网页制作心得.doc

江苏经贸职业技术学院实 训 报 告(2011 /2012 学年第一学期)系 部信息技术系课 程 名 称网页设计实训学 生 姓 名束蕊学 号1006380212班 级10软件嵌2班指 导 教 师韩玉君二00六年二月制信息技术系实训报告日 期2011-12-30指导教师韩玉君评语与成绩实训地点六机房一、实训目的：1.用Dreamweaver建立一个站点，制作一个专题网站。2. 掌握网站建设的基本思路和流程。3. 网站基本架设、发布、维护。二、实训项目：1使用Dreamweaver编辑网页。网站要求包含二级页面，10个以上页面。2网页的内容健康、向上。编辑要有一定的创意，能符合观赏的视觉感受，具有鲜明的时代感；网页结构清晰，主题突出，美观大方，内容丰富，制作规范，色彩协调。3.页面制作完整，外观力求精美，访问速度快，无HTML语句错误。4制作网站，通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。三、实训步骤:这一周，我们要进行网站设计与制作实训，我们认为做网站前最主要的是确定主题、框架和标题栏的设计。因此我确定制作以“个人网站”为主题的“个人网”，之后网站规划，上网浏览他人优秀网站，搜集相关材料并整理。1. 确定主题。制作网页首先确定主题，我想做一个个人网站，所以就上网浏览了许多优秀的个人网站和有名的主题网站，确定了以我的经历为主来介绍自己。我觉得既然是个人网站就要自己的特色，而且我是一个女孩子，主题就应该素雅一点，所以整个网站就以青色为主。让人一看就知道我的特点。2. 设计主页。主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，我就构思大致分几部分。首页，个人信息，我的收藏，留言板。再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。确定导航栏的各个分类标题之后对于建立二级子网尤为重要。在页面设计时，主要考虑整体布局、视觉平衡、页面尺寸和页面框架等四个方面的因素。保持网站的整体设计风格统一一致，避免凌乱的思维方式，要做到有步骤、有计划的设计和制作。我就上网搜索，决定以一个优秀的网站首页作为模板，来来构建我自己的首页。3. 素材的搜集。主页的导航栏设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，我采用大量的资料收集再对资料进行塞选，得到最适合导航栏内容的资料。网页是否生动、别具特色，还需强调文本、图片、flash小动画或gif动画的编辑以及声音和视频等的处理和加工是否保持相对的一致性。素材的选择，要符合网站的主题，然后放入站点底下，进行图文的链接和排版。4. 实现网页间的链接。做好各个子网和首页后，接下来就是通过模板的链接，将整个网站中的网页链接起来，过程其实很简单，主要是把要链接的文字和图标选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。我是用框架集做的网站，因此子网很多，而且用框架集做了之后觉得排版不太好看，又要再修改，各个页面完成后，就要进行站点的调试，力求准确、简洁、明快、结构简单。做好这一步后，网站基本算是建好了。5. 动态效果。一个网站全是静态的觉得不太好看，我就插入了一些GIF动态图片和几个FLASH小动画，这样我的网站就有点动态了，制作其动态效果，让整个网页充满生机。我还在网上进行flash素材的收集，通过Flash CS3设计出主题下的风格动态效果。然后插入到静态网页中，使网页更加生动形象。6. 进行站点的制作。新建站点，然后所有的素材就都在站点里了。四、实训中遇到的问题及解决方法：1.首页无法居中，偏在了左边。参考了其他网站之后，我首先用一个一行二列的表格，第一列就空着不用，在第二列开始编辑。2.框架集很难排版。每次在设计的时候看的蛮好的，在预览的时候就不好了，总是位置不对。每次设计LEFT的时候总是不能进行下拉设计。之后，每次对LEFT进行排版时，我都用层去排版，因为层很方便想拖到哪里都可以。3.我想要我的网站更好看一点，我就设计了小FLASH进行动态设计，但是总是有背景颜色，不能看到底下的图片