大学生dw网页设计教程 大学生网页设计模板 收藏 0

Dreamweaver cs6 网页设计教程

一、新建一个站点

二、设置站点的服务器和图片存储路径

1.设置图片存储路径：点击上图的管理站点弹出下图界面

2.设置服务器：

三.新建一个HTML文件，修改页面属性：

1.打开页面属性：

2.选择标题编码项，文档类型选择HTML5

3.配置首选参数，这样新建的HTML文件会默认使用HTML5格式

四、代码缩进快捷键：

五、HTML知识：

1.标题：标题有h1到h6几种样式，都是单独一行，字体加粗变大的效果，h1最大，h6最小

示例： <h1></h1>

2.段落：<p></p>

换行：<br />

3.加粗：<b></b> <strong></strong>语法强调

倾斜：<i></i> <em></em>语法强调

下划线：<u></u> <ins></ins>语法强调

4.大号字体：<big></big>

小号字体：<small></small>

水平分割线：<hr />

5.文本标记：<span></span>

6.项目列表： <ul>

<li></li>

</ul>

7.编号列表：<ol> 自动排序

<li></li>

</ol>

8.列表项： <dl>

<dt></dt> 分组，dt和dd是并列关系

<dd></dd>

</dl>

9.使用表格：<tabel width=\”600\” height=\”600\” border=\”1\”> 表格的宽和高，边框

<caption></caption>表格的标题

<tr> 表格的行

<td></td> 表格的列

</tr>

</tabel>

10.定义书签：<a href=\”#dibu\”></a> 创建链接，跳转到页面底部

<a name=\”dibu\”></a> 在代码底部创建链接

11.播放音频：<embed src=\”\” width=\”0\” height=\”0\”></embed>

六、CSS样式表：

1.链接CSS文件：<link rel=\”stylesheet\” href=\”\” /> stylesheet是样式表的意思

大学生个人博客页面怎么设计，应该有哪些栏目

有时候我们在做html网页设计的时候，总感觉自己没有 一个好的思路，我今天就拿我最近的设计一个大学生个人博客来给大家分析一下，这个人博客我是分成了5大板块来设计的，也就是5个HTML页面，分别是首页、个人简历、个人经历、我的作品集、我的家乡这个页面，这样的网站页面设计即符合作业要求也好收集素材，当然还可以根据个人的网页设计作业实际要求增减页面，比如还可以加登陆页面（login.html）、注册页面(reg.html)等。下面我们分别从个人博客的 5个栏目分别讲解。也给大家提供几张效果图展示，效果图是我说的5个栏目的基础增加了内容。需要源码的关注后留言。

欢迎来到我的个人博客，这几个字要加粗放在正中首页（index.html页面）的正中间。以下是段落的内容。

你好，欢迎来到我的个人博客！这里是我分享个人故事、职业经历、创意作品以及家乡风情的一个小天地。我希望通过这个平台，不仅能记录下自己的成长轨迹，还能与来自的朋友产生共鸣，共同探索生活的无限可能。在这里，你可以了解到一个多维度的我，从职业生涯的点滴到艺术创作的灵感，再到对故乡深深的眷恋。让我们一起踏上这场心灵之旅吧！

以下是个人博客首页的效果图：文字内容已经替换，仅供参考

个人博客首页效果图

姓名：明丰建站职业：UI设计师、前端工程师、框构师联系方式：htmlwy.cn个人简介：作为一名拥有5年工作经验的UI/UX设计师，我热衷于将用户体验置于设计的核心。从最初的草图构思到最终产品的落地，我擅长运用 HBuilderX Sketch、DW Adobe Creative Suite等工具，将创意转化为直观、美观且高效的用户界面。在过往的项目中，我不仅提升了产品的用户满意度，还成功推动了多项设计创新，为公司带来了显著的市场竞争力提升。业余时间，我也是一名活跃的设计博主，乐于分享设计心得与行业趋势。

以下是个人简历的效果图：文字内容已经替换，仅供参考。

个人博客- 个人介绍

教育背景：

• 2013-2017年，就读于北京邮电大学，获数字媒体技术专业学士学位。
• 2018年，参加UX Design Masterclass在线课程，深入学习用户体验设计原理。

职业历程：

• 2017-2019年，初级设计师：在XX科技公司，我参与了多款移动应用的界面设计，从最初的竞品分析到原型制作，再到用户测试反馈循环，每一步都让我深刻理解了设计迭代的重要性。
• 2019-至今，高级UI/UX设计师：加入YY创新工作室后，我主导了多个大型项目的设计工作，包括一款面向全球市场的社交APP，通过精细的用户研究和数据驱动的设计决策，该应用在短时间内获得了数百万用户的喜爱。

特别成就：

• 2020年，设计的一款教育类APP荣获“最佳用户体验设计奖”。
• 在2021年的国际设计周上，作为演讲嘉宾分享了“未来工作空间的设计趋势”。

点击这里访问我的在线作品集。在这里，你可以看到我近年来参与设计的一些精选项目，包括APP界面、网页设计、品牌视觉识别系统等。每个项目背后都有其独特的故事和设计思考，我通过图文并茂的形式，详细记录了设计过程、面临的挑战及解决方案。希望我的作品能够激发你的灵感，也欢迎留下宝贵的反馈。

个人博客-我的作品集效果图

个人博客效果图

我的家乡坐落在风景如画的江南水乡——苏州。这座城市以其古典园林、运河风光和深厚的文化底蕴而闻名遐迩。春天，拙政园的樱花烂漫；夏日，平江路的石板路上弥漫着荷叶的清香；秋天，天平山的枫叶如火如荼；冬日，狮子林的白雪皑皑更是别有一番风味。苏州不仅滋养了我的艺术灵感，也让我学会了如何在快节奏的生活中寻找到那份宁静与和谐。每当远离家乡，心中那份对家的思念便如同古城河的水，绵延不绝。

在这个博客里，我偶尔会分享一些关于苏州的小故事，无论是那些隐藏在小巷深处的老手艺，还是现代与传统交融的新风貌，都希望能让你感受到这座城市的独特魅力。

到这里基本上就把大概的网站栏目讲完了，个人博客的大概框架就这些，每个页面的具体内容也还可以自增加。

感谢你花时间浏览我的这篇个人博客，期待在未来的日子里，我们能在这里有更多的交流和启发。如果你有任何问题或想要深入了解某个话题，欢迎留言交流！更多html网页面设计成品可以 百度 明丰建站，网站上有各种HTML网页成品，有个人博客，旅游景点、振兴乡村等各类型网页设计

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com