实训日志

日期：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可绘制层 在层属性里可设置其背景图像

如何制作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机房实训内容： 总结完善网站，总结制作心得

准备资料和挑选符合目的主题的合适素材。做主页当然要收集，准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页的参考。

规划好整个网站，主页设计的应以醒目、优先，应当让人一目了然，切勿堆积太多不必要的细节，或使页面过于复杂。

善用图片，增强艺术效果，精美的图片设计，可以是自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字颜色搭配。最佳的图像集美观与资讯于一体。

善于借鉴他人主页制作中的设计技巧。由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果你想知道并掌握一些优秀的网页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿者一步一步的去