html5⽹页制作实训⽇志,⽹页制作实训⽇志X.doc
实训⽇志
⽇期:2012-6-11(1-4)地点:信2-501机房实训内容:构思⽹页,确⽴主题构思的问题,没有⼀个初步的想法,对于资料的寻也没有⽅向。所以,开始时我并没有急于去查资料,⽽是先画出了整个⽹站的雏形,以及注意的地⽅,这⼀过程花去了很多时间。
确⽴⽹络内容。怎样才能利⽤那么⼀点空间把想表达的东西清楚明⽩的表现出来,通过思考,决定江南这⼀特点利⽤图⽚去表现出来,⽽美⾷则是图⽚加上⽂字来阐述。⼈们会被⼀种美⾷紧紧抓牢视线⾸先就是取决于它的图⽚诱不诱⼈,其次再是它的介绍,因此寻图⽚的时候⼀定不能随便。
集思⼴益,寻⽹页所需要的资源,下载资源,将⽂件分类保存。
指导⽼师签名:杨元峰 陈珂
实训⽇志
⽇期:2012-6-11(5-10)地点:信2-501机房实训内容:确定⽹页整体架构⽹页架构树形图:
制作荧光字:
新建⽂件 T 载⼊选区 新建通道 填充⽩⾊取消选区 ⾼斯模糊 载⼊选区 回到图层 新建图层 添加渐变⾊ 添加杂⾊ ⾼斯模糊 取消选择
⼼得:图层的不透明度是整个图层的不透明度 填充是改变颜⾊
滤⾊是变亮去掉⿊⾊ 两⾯叠加是变暗去掉⽩⾊ 通道的作⽤是储存选区
制作艺术相框:
拉⼊图⽚ 背景解锁变为图层0 新建通道 画矩形 填充⽩⾊ 取消选区 滤镜扭曲 可以多种效果叠加 载⼊选区 回到图层 根据需要变换选区 反选删除 新建图层 ⾄于最下层作为背景 取消选区 给新建图层填充颜⾊
⼼得:选择⾥变换选区 变换选区跟ctrl+t⾃由变换的区别为变化选区只是选区的变化 原图⽚⼤⼩不变
钢笔⼯具 按着alt可随意调节⼤⼩
指导⽼师签名:杨元峰 陈珂
实训⽇志
⽇期:2012-6-13(1-4)地点:信2-501机房实训内容: 完成初步制作新建站点
在DW中,站点 新建站点 布局⾥选择AP Div可绘制层 在层属性⾥可设置其背景图像
html网页设计实验心得
如何制作gif图⽚
在ps中 窗⼝ 动画 制作完存储为web 格式为gif
DW中窗⼝ 时间轴
插⼊记录 图像 替换⽂本(图像不能显⽰时显⽰) 图像对象 ⿏标经过图像 媒体 图像查看器
表格
框架集
新建 实例中的页 框架集 每个块⼉都ctrl+s保存 最后全部保存 ⽤处:管理系统中上边和左边不变不刷新时⽤ ⽹页中不常⽤框架 缺点是:不利于优化 链接时⽬标改为mainframe
表单
⽤于登陆框等
⽂本框 隐藏域 留⾔板 复选框 单选框
指导⽼师签名:杨元峰 陈珂
实训⽇志
⽇期:2012-6-13(5-10)地点:信2-501机房实训内容: 修改并完善模板:
创建html 插⼊ 模板对象 创建模板 .dwt表格 插⼊模板对象 可编辑区域 新建html 修改 模板 应⽤模板到页 编辑可编辑区域 保存 再新建html 编辑 保存 在模板中链接相应的html页 保存 更新 也保存html页 在html页中预览
锚记
在⼦页中想要链接到的⽂章标题命名锚记 名字为a1 在⾸页选中字链接⼦页后⾯打⼊#a1
2.表格中左列标题是把每tr的单元格td的最左边换为th
3.矩形选区ctrl+空格可移动选区 松开键 ⿏标再调节选区⼤⼩
4.⼩的图标保存为gif格式
百度⾸页:
右上⾓的登录等制作⽅法:插⼊表格时width设为100% 使其始终在⽹页右边 ⽹页的宽度不要超过显⽰器的分辨率 滚动条的width为22px so Max⽹页widt=分辨率-22px
背景background的属性可缩写 background:url() center repeat-x #000;
设⼤背景的颜⾊是为了不管再拉都要颜⾊
td⾥设置height
指导⽼师签名:杨元峰 陈珂
实训⽇志
⽇期:2012-6-15(1-4)地点:信2-501机房实训内容: 总结完善⽹站,总结制作⼼得
准备资料和挑选符合⽬的主题的合适素材。做主页当然要收集,准备资料。在⽹上多转转,看到什么漂亮的⽹页,把它保存起来,作为以后⾃⼰设计主页的参考。
规划好整个⽹站,主页设计的应以醒⽬、优先,应当让⼈⼀⽬了然,切勿堆积太多不必要的细节,或
使页⾯过于复杂。
善⽤图⽚,增强艺术效果,精美的图⽚设计,可以是⾃⼰的⽹页增辉不少,令⼈过⽬不忘。图⽚的内容应有⼀定的实际作⽤,切忌虚饰浮夸,同时还要注意与⽂字颜⾊搭配。最佳的图像集美观与资讯于⼀体。
善于借鉴他⼈主页制作中的设计技巧。由于在⽹上⽤浏览器浏览任何主页时,都能查看到该主页制作时所编写的绝⼤部分⽹页编程源代码。因此,如果你想知道并掌握⼀些优秀的⽹页采⽤的设计技巧,试着将其源代码调出来仔细揣摩,并模仿者⼀步⼀步的去

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。