网页设计实训报告 设计时间2011年10月至11月 设计地点.docx

网页设计实训报告设计时间:2011年10月至11月设计地点:综合楼机房班机:经济管理系计算机09网络一班姓名:何万保指导教师:时间：2011年11月4日1实训目的与要求: 目的:通过实训提高对网页的认识与应用.提高网页制作的基础知识与提升.掌握静态网页的制作与流程 。 实训要求：1、编写一个整体网站2、制作一个网站3、网站至少包括10个页面6、技术方面：HTML、表格、模板，框架、层、时间轴、超联接、样式、表单、行为、库、导航条、下拉菜单、图像查看器等7、内容方面：文本、声音、图像、动画、视频、符号等2网页制作的基本步骤：1、确定网站主题2、收集素材（图片，音乐，视频，flash,等素材）3、规划站点结构4、网页设计（首页设计、其它页面设计等）5、网站上传及更新维护 5发布站点8、注意事项文件名尽可能不要用中文页面布局尽可能平衡色彩应用注意谐调文本注意格式化首页命名：index.htm2：设计题目，描述制作流程：打开Dreamwear8HTMR文档插入一行一列的表格 高：100像素，宽；900像素在表格下方在插入一行一列的表格宽度和第一个表格一样在插入一个三行一列的表格在第二个表格中插入一个20行，3列的表格，和合并后两个页面在合并页面中在插入一个一行一列的表格，在这个下方插入一个20行6列的表格处理相应的表格格式在头部插入一个图片，就是页面的首部调整图像大小制作导航栏用网页设计软件进入相应的内容首页学校概括系部风采专业设置师资队伍学生之窗教学管理招生就业校办企业后勤服务教学资源导航设置完成到了中部份，在右侧的单元格中键入相应的学院名称名称上方键入学院导航冶金材料学院测绘工程学院电气学院矿业学院计算机学院外语学院东盟国际学院建工学院建材学院机械工程学院商学院物流学院化工学院艺术设计学院环境工程学院文理学院职业教育学院成人教育学院相关链接在时两幅连接图片中国优秀共产党员教育网全国高职高专创新教育网中间部分插入按钮校园快讯2010年中国人权事业的房展2010年美国的人权记录中德“3+2”合作办学项目招生简章机械工程学院搬迁仪式启动电气学院教学设备搬迁工作结束实习处组织实践教学专题讲座学校校徽设计招集工作教育专题全国高职院校心理健康教育委员会避免高技能人才带病上岗中国青年报采访夏昌祥校长昆明冶专自主招生火爆的背后昆明冶专形象力建设的启示创建一流的国家示范校对高职院校示范性建设工作的思考安宁新校区的建设跟踪校园领导在线讲座在插入图片相应的图片调整想要的图片学生工作动态大学军事课件B面大学军事课件A面开展新生入学工作关于优秀学生奖品(购书券)的通知加强学习，提高学生素质的讲座校学生会的工作跟踪校学生会的开展情况定期调查党群行政党委(校长)办公室组织部（统战部）纪检监察审计处学生工作部（处）财务资产处武装保卫处图书馆在做完这些部分使就要做昆明冶金高等专科学校欢迎你的动态效果在代码中键入相应的命令即可在设置下部的导航栏返回首页收藏本站版权声明关于我们联系我们留下建议版权所有 昆明冶金高等专科学校当前时间：Wednesday, 2010-12-29 技术支持：昆明冶金高等专科学校 计算机信息学院 微机0922班 陈伟设置模板页面背景颜色版权所有的背景颜色最后在整体调整页面的布置。模板保存为网页在把网页另存为模板最有模板就做好了.部分代码展示： 首页 学校概况 院部风采 专业设置 师资队伍 学生之窗 教学管理 招生就业 校办企业 后勤服务 教学资源 说明：实现主导航栏的设置 返回首页 收藏本站 版权声明 关于我们 联系我们 留下建议 说明：实现脚部分导航的实现 冶金材料学院 测绘工程学院 矿业学院 电气学院 环境工程学院 建材学院 建工学院 化工学院 机械工程学院 计算机学院 艺术设计学院 商学院 物流学院 东盟国际学院 外语学院 文理学院 职业教育学院 说明：这份代码是实现各学院的链接导航栏2)制作网站的各个页面设置可编辑区域：首先是上一步的网页做模板设置可编辑区域，把需要改内容的的表格设置成可编辑区域在把设置后的页面进行保存设置可编辑区域成功基于模板制作网页：步骤打开网页模板选中可编辑区域进行修改内容把设置后网页保存为学院概括打开模板制作安宁校区网页选中可编辑区域进行删、改内容操作在把页面进行保存在打开模板制作制作冶金材料学院的网页选中可编辑区域进行删、改内容操作在保存网页以此同样步骤制作计算机学院|矿业学院和我们简介的网页最后调整和控制所做的全部网页。3)设置超级链接将各个需要设置的超链接额的页面在dreaweanr中打开，在进行超级链接步骤：1. 选中要超链接的字体LXX)2. 下方有插入地址.3)第三个方面就是要发布网站了1） 在基于第二步的基础上，完善网站后，就可对网站进行申请域名，在网上发布了；2） 但在这里们我们占不涉及这些内容;（二） 四设计特色（三） 我觉得我的网页设计的最大特点就是色彩淡雅，布局协调，结构清晰。观之，给人以清丽，纯朴的感觉。另外，设计过程中使用了大量的网页特效，如：跑马灯效果、上下滚动字幕和时钟等。（四） 五心得体会（五） 第一：我非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。我独立的完成了网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。第二：在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面的书，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。第三：我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号；第四：我现在已经熟练使用超级链接，合理使用列表；第五：我现在已经掌握图片标记及相