dreamweaver构建简单的个人主页全程实录

《dreamweaver构建简单的个人主页全程实录》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Dreamweaver构建简单的个人主页全程实录本网站是简单的BLOG网站。　BLOG，就是“网络日志(WebLog)”。Blog通常是由简短且经常更新的Post所构成；这些张贴的文章都按照年份和日期排列。Blog的内容和目的有很大的不同，从对其他网站的超级链接和评论，有关公司、个人、构想的新闻到日记、照片、诗歌、散文，甚至科幻小说的发表或张贴都有。许多Blog是个人心中所想之事情的发表，其它Blog则是一群人基于某个特定主题或共同利益领域的集体创作。第一章BLOG功能简介第二章BLOG个人主页的实现第三章简单BL

2、OG网站开发环境的构建第四章BLOG个人主页主题站子页的实现1.1什么是BLOG　　BLOG，就是“网络日志”。Blog通常是由简短且经常更新的Post所构成；这些张贴的文章都按照年份和日期排列。Blog的内容和目的有很大的不同，从对其他网站的超级链接和评论，有关公司、个人、构想的新闻到日记、照片、诗歌、散文，甚至科幻小说的发表或张贴都有。许多Blog是个人心中所想之事情的发表，其它Blog则是一群人基于某个特定主题或共同利益领域的集体创作1.2Doking’sBLOG功能简介Doking’sBLOG是Doking

3、公司为加强部门沟通、团队合作而开发的，主要包括了平面设计、3D设计、网页设计、网络编程等方面的技术交流。它是采用DreamweaverMX+Access+ASP.NET开发，共分为用户系统和管理员系统两大部分。　用户系统结构如图1-1所示。1.3 为什么选择DreamweaverMX　　因为DreamweaverMX提供了“不用手写代码”就能创建ASP.NET页面的功能。在DreamweaverMX中基本不用手写代码就能实现记录的插入、删除和更新，而且DataSet数据集提供了DataGrid、DataList、R

4、epeater等数据显示控件，使数据库的开发更灵活、方便。　　提醒：每个方案开发之前，应该先画好系统结构图，甚至要做好案例分析，每个模块要画上流程图。Dreamweaver构建Blog(2)-构建开发环境Doking’sBLOG开发环境的构建　　了解Doking’sBLOG功能和开发目的之后，接下来就是构建好开发环境。第二章BLOG个人主页的实现2.1.1网站设计思路每个网页开始前，一般要在Firworks或在Photoshop等图像设计软件中设计好基本页面设计，就是Photoshop或者Flash8中设计好的基本

5、页面设计图。2.1.2构建网站模板设计思路：构建网站模板，统一网站网页设计。网站的栏目菜单内容由于数据表动态LM生成，也方便网站栏目菜单内容的修改。（1）打开【文件】→【新建】，打开【新文档】的对话框，选择“类别：”为“模板页”，选择“模板页：”为“HTML模板”,结果如图4-1-2所示（2）单击“创建”按钮，2.1.3首页的制作（1）首页的做法添加背景图片（页面属性——背景图片——选择相应的图片——确定）新建若干的层到相应的位置（插入——布局——绘制层）导入应用到的图片到相应的位置（插入记录——图像——选择相应的

6、图片——确定）在层中导入用到的图片（插入记录——图像——选择相应的图片——确定）加入一些特效代码为个人主页，明星档案，个人日记，留言板创建超链接（链接——选择要链接的地方——确定）（2）鼠标的制作在代码中插入下面代码：varmessage="欢迎来到马韬敏的个人网站!";varx,y;varstep=12;varflag=0;message=message.split("");varxpos=newArray();for(i=0;i<=message.lengt

7、h-1;i++){xpos[i]=-50;}varypos=newArray();for(i=0;i<=message.length-1;i++){ypos[i]=-50;}functionhandlerMM(e){x=(document.layers)?e.pageX:document.body.scrollLeft+event.clientX+10;y=(document.layers)?e.pageY:document.body.scrollTop+event.clientY;flag=1;}function

8、makesnake(){if(flag==1&&document.all){for(i=message.length-1;i>=1;i--){xpos[i]=xpos[i-1]+step;ypos[i]=ypos[i-1];}xpos[0]=x+step;ypos[0]=y;for(i=0;i<=message.length-1;i++){varthissp